/* Stay Gazette, the record (/record/): look-back stories on 2022 and 2023. Loaded only on record pages and the front-page band. */
.rec-note{font-family:var(--ui);font-size:14.5px;line-height:1.5;color:var(--ink-2);background:var(--paper-2);border-left:4px solid var(--red);padding:12px 16px;margin:0 0 1.6em;max-width:80ch}
.rec-note b{color:var(--ink)}
.art--record .fhero-credit{font-size:13px;line-height:1.5;color:var(--ink-2)}
.art--record .tag--analysis{text-decoration:none}
.prose--feature .aside--box{margin:1.8em 0;padding:18px 20px}
/* the month page */
.rec-cover{background:var(--ink);color:#fff;border-top:5px solid var(--red);padding:clamp(26px,4vw,56px) clamp(20px,4vw,56px);margin:18px 0 clamp(26px,3.4vw,44px)}
.rec-cover .kicker--light{color:var(--red-on-dark)}
.rec-cover .display-1{color:#fff;margin-top:10px}
.rec-cover__meta{font-family:var(--ui);text-transform:uppercase;letter-spacing:.1em;font-size:12.5px;font-weight:700;color:#d9d1bf;margin:16px 0 0}
.rec-cover__sum{font-size:clamp(18px,1.7vw,22px);line-height:1.5;color:#f0ece2;margin:16px 0 0;max-width:68ch}
.rec-cover__note{font-family:var(--ui);font-size:13.5px;line-height:1.5;color:#cabfa6;margin:16px 0 0;max-width:80ch}
.rec-cards .fcard__media{aspect-ratio:16/9}
.rec-credits{font-family:var(--ui);font-size:12.5px;line-height:1.55;color:var(--muted);margin:16px 0 0;max-width:110ch}
.rec-credits b{color:var(--ink-2)}
.rec-credits a{color:inherit;text-decoration:underline}
.rec-also{border-top:3px double var(--rule);margin-top:clamp(30px,4vw,54px);padding-top:clamp(22px,3vw,36px)}
.rec-also__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule);max-width:96ch}
.rec-also__list li{display:grid;grid-template-columns:1fr;gap:4px;padding:16px 0;border-bottom:1px solid var(--line)}
@media(min-width:720px){.rec-also__list li{grid-template-columns:170px 1fr;gap:20px}}
.rec-also__date{font-family:var(--ui);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;color:var(--red)}
.rec-also__text{font-size:18px;line-height:1.5;color:var(--ink-2)}
.rec-also__text a{font-family:var(--ui);font-size:13.5px;font-weight:700;color:var(--ink);text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:3px;white-space:nowrap}
.rec-pager{display:flex;justify-content:space-between;gap:12px;margin-top:clamp(28px,3.4vw,44px)}
/* the index */
.rec-year{font-family:var(--display);font-weight:800;font-size:clamp(34px,4.4vw,58px);line-height:1;margin:clamp(26px,3.4vw,44px) 0 16px;padding-bottom:10px;border-bottom:1px solid var(--rule)}
.rec-grid{display:grid;grid-template-columns:1fr;gap:clamp(14px,1.8vw,22px)}
@media(min-width:640px){.rec-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1040px){.rec-grid{grid-template-columns:repeat(3,1fr)}}
.rec-tile{display:flex;flex-direction:column;gap:10px;background:var(--card);border:1px solid var(--line);border-top:4px solid var(--ink);padding:18px 20px 16px;transition:border-color .2s var(--ease)}
.rec-tile:hover{border-color:var(--red)}
.rec-tile__m{font-family:var(--ui);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700;color:var(--red)}
.rec-tile__t{font-family:var(--display);font-weight:800;font-size:clamp(20px,1.8vw,24px);line-height:1.14;color:var(--ink)}
.rec-tile__t--2{font-weight:600;font-size:17.5px;line-height:1.3;color:var(--ink-2);padding-top:10px;border-top:1px solid var(--line)}
.rec-tile__n{font-family:var(--ui);font-size:12.5px;font-weight:700;color:var(--muted);margin-top:auto;padding-top:6px}
.rec-how{margin-top:clamp(34px,4.4vw,60px);max-width:78ch}
/* lists of record stories (story foot, front-page band) */
.rec-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule);max-width:96ch}
.rec-list li{border-bottom:1px solid var(--line)}
.rec-list a{display:grid;grid-template-columns:1fr;gap:4px;padding:16px 0}
.rec-list__k{font-family:var(--ui);text-transform:uppercase;letter-spacing:.1em;font-size:11.5px;font-weight:700;color:var(--red)}
.rec-list__t{font-family:var(--display);font-weight:800;font-size:clamp(20px,2vw,25px);line-height:1.14;color:var(--ink)}
.rec-list a:hover .rec-list__t{color:var(--red)}
.rec-list__d{font-size:16.5px;line-height:1.5;color:var(--ink-2);max-width:80ch}
.rband{border-top:3px double var(--rule);margin-top:clamp(30px,4vw,54px);padding-top:clamp(22px,3vw,36px)}
.rband .lead{max-width:70ch;margin-top:12px}
.rband__more{display:inline-block;margin-top:18px;font-family:var(--ui);font-weight:700;font-size:14px;color:var(--red)}