/* =========================================================
   SOLETHU EDITORS — the record
   One page per production. Same building, same discipline:
   tokens.css carries the type, the slate, the rows. This file
   only adds what a record page needs and the public site doesn't.
   ========================================================= */

body{background:var(--paper)}

/* the spine — a record is one column of evidence, never a grid of cards */
.rec{background:var(--paper);padding:96px 0 0}
.rec .lede{font-weight:300;font-size:clamp(19px,2.2vw,23px);line-height:1.5;color:var(--ink);max-width:600px;margin-bottom:14px}
.byline{margin-bottom:64px}
.sec{padding:64px 0 0}
.sec h2{font-weight:300;font-size:clamp(24px,3.2vw,32px);line-height:1.15;margin-bottom:28px}
.sec p{margin-bottom:20px;max-width:640px}
.sec p:last-child{margin-bottom:0}

/* evidence — a frame, then what it is. The caption carries the date. */
figure{margin:44px 0 0}
figure img{width:100%;height:auto;border:1px solid var(--hairline)}
figcaption{margin-top:12px;font-size:15px;font-weight:300;color:var(--pencil);line-height:1.5;max-width:640px}
figcaption b{font-family:var(--machine);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--pencil);font-weight:400;display:block;margin-bottom:5px}
.pending{border:1px dashed var(--hairline);padding:34px 26px;text-align:center;color:var(--pencil);font-size:15px}

/* the independent record — plain links, no buttons, no cards */
.ext{border-top:1px solid var(--hairline);margin-top:8px}
.ext a{display:flex;justify-content:space-between;gap:24px;align-items:baseline;
  padding:18px 0;border-bottom:1px solid var(--hairline);text-decoration:none;color:inherit}
.ext a:hover .t{text-decoration:underline}
.ext .t{font-size:18px;font-weight:400}
@media(max-width:600px){.ext a{flex-direction:column;gap:5px}}

/* the way back */
.back{padding:78px 0 0}
.back a{color:inherit;text-decoration:none;border-bottom:1px solid var(--hairline)}
.back a:hover{border-color:var(--ink)}

/* credits — the same roll that closes every SOLETHU page */
#credits{background:var(--black);text-align:center;padding:22vh 26px 12vh;margin-top:110px}
#credits .m{display:block;color:#59554F;margin-bottom:9px}
#credits .crow{font-weight:300;font-size:18px;color:#B9B3A9;margin-bottom:48px}
#credits .crow a{color:inherit;text-decoration:none;border-bottom:1px solid #3A3733}
#pmark{margin-top:10vh;letter-spacing:.24em}
#pmark a{color:#6E6A64;text-decoration:none;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}
#pmark a:hover{color:#B9B3A9;border-color:#59554F}