/* Static article pages generated by scripts/build-pages.mjs (era and genome pages).
   Builds on site.css: same colours, fonts, nav, footer, .fig chips and .qbox quotes. */
#nav a.brand{color:var(--ink)}
.article{max-width:760px;margin:0 auto;padding:110px clamp(18px,4vw,40px) 70px}
.article .crumbs{font-size:.78rem;color:var(--faint);margin-bottom:22px}
.article .crumbs a{color:var(--muted)}
.article .era-time{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.article h1{font-size:clamp(2.1rem,6vw,3.3rem);line-height:1.05;margin:8px 0 14px}
.article .lede{font-size:1.15rem;color:var(--ink);font-weight:300;margin-bottom:26px}
.article p{color:var(--muted);font-weight:300;margin-bottom:14px}
.article p strong{color:var(--ink);font-weight:500}
.article h2{font-size:.78rem;font-family:'Inter',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:34px 0 14px;padding-top:18px;border-top:1px solid var(--line);font-weight:500}
.article .panel h2{font-family:'Playfair Display',serif;font-size:1.6rem;letter-spacing:0;text-transform:none;color:var(--ink)}
.article h3{font-size:1.05rem;color:var(--gold2);margin:16px 0 6px}

.photo{margin:0 0 26px}
.photo img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:14px;border:1px solid var(--line);background:#0c1a3e;display:block}
.photo.render img{aspect-ratio:1200/630} /* 3D renders keep their full social-preview frame */
.photo figcaption{font-size:.74rem;color:var(--faint);margin-top:7px}

.dates{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;font-size:.92rem}
.dates dt{color:var(--gold2);font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.dates dd{color:var(--muted);font-weight:300}
.figs{list-style:none;display:flex;flex-wrap:wrap;gap:10px}

.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(max-width:620px){.gallery{grid-template-columns:1fr}}
.gallery .photo{margin:0}
.gallery .note{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:14px 16px}
.gallery .note h3{margin-top:0}
.gallery .note p{font-size:.9rem;margin-bottom:6px}

.ancestry-table{width:100%;border-collapse:collapse;font-size:.9rem;margin:6px 0 14px}
.ancestry-table th{text-align:left;font-weight:500;color:var(--faint);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;padding:6px 8px;border-bottom:1px solid var(--line)}
.ancestry-table td{padding:8px;border-bottom:1px solid rgba(42,72,134,.5);color:var(--muted)}
.ancestry-table .dot{margin-right:8px;vertical-align:-1px}
.sources{list-style:none}
.sources li{padding:10px 0;border-top:1px solid var(--line);font-size:.9rem}
.sources .meta{display:block;font-size:.78rem;color:var(--faint);margin-top:2px}

.cta{display:inline-block;margin-top:18px;padding:11px 20px;border-radius:999px;background:var(--gold);color:#1a1209;font-weight:600;font-size:.9rem}
.cta:hover{background:var(--gold2);color:#1a1209}
.prevnext{display:flex;justify-content:space-between;gap:16px;margin-top:40px;padding-top:18px;border-top:1px solid var(--line);font-size:.9rem}
.prevnext a{max-width:48%}
.prevnext a:last-child{text-align:right}