/* Human in Beta — static pages (/files/, /ig/). Builds on styles.css tokens. */
.page-nav { display:flex; align-items:center; gap:24px; }
.page-nav a { color:var(--ink-muted); font-size:13px; font-weight:700; white-space:nowrap; }
.page-nav a:hover { color:var(--gold-ink); }
.page-article { max-width:780px; padding-block:46px 80px; }
.crumbs { display:flex; flex-wrap:wrap; gap:9px; font-size:12px; font-weight:650; color:var(--ink-soft); margin-bottom:24px; }
.crumbs a:hover { color:var(--gold-ink); }
.page-cover { border-radius:var(--radius-lg); height:260px; margin-bottom:34px; }
.page-title { font-size:clamp(34px,5.4vw,58px); line-height:1.04; letter-spacing:-.055em; font-weight:900; margin:16px 0 18px; white-space:normal; overflow-wrap:break-word; }
.linkbio h1 { white-space:normal; }
.page-article .article-meta { padding-right:0; }
.page-es { margin-top:14px; border:1px solid var(--border); border-radius:var(--radius-md); padding:0 24px; background:var(--surface); }
.page-es summary { cursor:pointer; padding:18px 0; font-weight:800; font-size:14px; color:var(--gold-ink); }
.page-es[open] summary { border-bottom:1px solid var(--border); margin-bottom:22px; }
.page-es-title { font-size:28px; line-height:1.15; letter-spacing:-.04em; margin:12px 0; }
.page-follow { margin-top:44px; display:flex; align-items:center; justify-content:space-between; gap:22px; flex-wrap:wrap; padding:28px; border-radius:var(--radius-lg); background:var(--surface-alt); border:1px solid var(--border); }
.page-follow strong { font-size:20px; letter-spacing:-.03em; }
.page-follow p { margin:6px 0 0; color:var(--ink-muted); font-size:14px; }
.page-pager { margin-top:28px; display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.pager-link { display:flex; flex-direction:column; gap:7px; padding:20px 22px; border:1px solid var(--border); border-radius:var(--radius-md); background:var(--surface); transition:transform .2s ease,box-shadow .2s ease; }
.pager-link:hover { transform:translateY(-3px); box-shadow:var(--shadow); }
.pager-link small { font-size:10px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; color:var(--gold-ink); }
.pager-link span { font-weight:800; line-height:1.3; }
.pager-next { text-align:right; }
.page-index { padding-block:56px 84px; }
.page-lede { font-size:17px; line-height:1.7; color:var(--ink-muted); max-width:620px; margin:0 0 38px; }
.files-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.files-grid .story-card .story-desc { display:block; }
/* link-in-bio */
.linkbio { width:min(calc(100% - 36px),520px); margin:0 auto; padding:46px 0 64px; text-align:center; }
.linkbio-avatar { width:96px; height:96px; border-radius:50%; object-fit:cover; margin:0 auto 16px; border:3px solid var(--gold); background:var(--surface-alt); }
.linkbio h1 { font-size:30px; letter-spacing:-.05em; margin:0; }
.linkbio-sub { color:var(--ink-muted); font-size:14px; line-height:1.6; margin:8px 0 26px; }
.linkbio-links { display:flex; flex-direction:column; gap:12px; text-align:left; }
.linkbio-link { display:flex; flex-direction:column; gap:4px; padding:17px 20px; border-radius:var(--radius-md); border:1px solid var(--border); background:var(--surface); transition:transform .2s ease,box-shadow .2s ease; }
.linkbio-link:hover { transform:translateY(-2px); box-shadow:var(--shadow); }
.linkbio-link small { font-size:10px; font-weight:850; letter-spacing:.14em; color:var(--gold-ink); }
.linkbio-link span { font-weight:800; font-size:16px; line-height:1.3; }
.linkbio-main { background:var(--gold); border-color:var(--gold); color:#111; }
.linkbio-main small { color:#3A2C0A; }
.linkbio-small { flex-direction:row; align-items:center; justify-content:space-between; padding:14px 20px; }
.linkbio-small span { font-size:14px; font-weight:700; }
.linkbio-small b { color:var(--gold-ink); }
.linkbio-h2 { font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--ink-soft); margin:34px 0 14px; }
.linkbio-back { display:inline-block; margin-top:30px; font-size:13px; font-weight:800; color:var(--gold-ink); }
@media (max-width:930px) { .files-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .site-header { height:74px; } }
@media (max-width:650px) { .page-nav { gap:14px; } .page-nav a { font-size:12px; } .page-cover { height:190px; } .page-article { padding-block:30px 60px; } .files-grid { grid-template-columns:1fr; gap:16px; } .page-pager { grid-template-columns:1fr; } .pager-next { text-align:left; } .page-follow { padding:22px; } .page-es { padding:0 18px; } }
@media (max-width:385px) { .brand-sub { display:none; } }
.notfound { max-width:720px; }
.notfound-links { max-width:520px; margin-top:8px; }