/* History pages — built by scripts/build-history.cjs; site.css supplies the base. */
.history{max-width:1100px}
.history .masthead{align-items:center}
.history .masthead h1{margin-top:12px}
.hero-link{flex:none;width:44%;max-width:440px}
.hero-link .hero-render{width:100%}
.hintro{max-width:72ch}
.hintro p{font-size:14px;line-height:1.8}
.hintro a,.era-body a,.history .lede a{color:var(--orange)}
.htimeline{margin:26px 0 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0}
.htimeline ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 18px}
.htimeline a{display:inline-flex;flex-direction:column;gap:2px;text-decoration:none;font-size:12px;padding:6px 0}
.htimeline a:hover{color:var(--orange)}
.era-years{font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:var(--orange);font-weight:700}
.era{display:grid;grid-template-columns:150px 1fr;gap:26px;padding:34px 0 10px;border-top:1px solid var(--line);scroll-margin-top:16px}
.era:first-of-type{border-top:0}
.era-head{position:sticky;top:18px;align-self:start}
.era-head h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:24px;letter-spacing:-.7px;line-height:1.1;margin:6px 0 0}
.era-body{min-width:0;max-width:78ch}
.era-body p{font-size:13.5px;line-height:1.8;margin:0 0 14px}
.hfigs{display:grid;gap:12px;margin:18px 0 6px;max-width:none}
.hfigs.n1{grid-template-columns:minmax(0,520px)}
.hfigs.n2{grid-template-columns:repeat(2,1fr)}
.hfigs.n3,.hfigs.n4{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.hfigs figure{margin:0;border:1px solid var(--line);background:#fffdf6;padding:8px}
.hfigs img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.hfigs figcaption{font-size:10px;color:var(--muted);line-height:1.6;margin-top:7px}
.hfigs figcaption a{color:var(--ink);text-decoration:none}
.hfigs figcaption a:hover{color:var(--orange)}
.hthumbs{list-style:none;margin:14px 0 6px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hthumbs a{display:flex;flex-direction:column;width:136px;border:1px solid var(--line);background:#fffdf6;padding:8px;text-decoration:none;transition:border-color .2s,background .2s}
.hthumbs a:hover{border-color:var(--orange);background:#fffaf0}
.hthumbs img{width:100%;height:66px;object-fit:contain;display:block}
.hname{font-size:11px;line-height:1.35;margin-top:6px}
.hyear,.hmeta{font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-top:3px}
.hmakers{margin-top:34px;border-top:1px solid var(--line);padding-top:6px}
.hmakers ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hmakers a{display:flex;flex-direction:column;gap:3px;border:1px solid var(--line);background:#fffdf6;padding:9px 13px;text-decoration:none;font-size:12px;min-width:150px}
.hmakers a:hover{border-color:var(--orange)}
.hmakers strong{font-family:Georgia,serif;font-weight:400;font-size:14px}
.hmakers span{font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}
.hall{margin-top:34px;border-top:1px solid var(--line);padding-top:6px;scroll-margin-top:16px}
.hall .muted{font-size:12px;margin:-4px 0 14px}
.hgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.hgrid a{display:flex;flex-direction:column;border:1px solid var(--line);background:transparent;padding:9px;text-decoration:none;height:100%;transition:border-color .2s,background .2s}
.hgrid a:hover{border-color:var(--orange);background:#fffaf0}
.hgrid img{width:100%;height:72px;object-fit:contain;display:block}
.hrelated{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:36px;padding-top:18px;border-top:1px solid var(--line)}
.hrelated a{font-family:Georgia,serif;font-size:18px;text-decoration:none}
.hrelated a:hover{color:var(--orange)}
/* Index */
.hindex .lede{max-width:70ch;font-size:15px}
.hsections{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:14px}
.hsections>li>a{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:center;border:1px solid var(--line);background:#fffdf6;padding:20px 24px;text-decoration:none;transition:border-color .2s,transform .2s}
.hsections>li>a:hover{border-color:var(--orange);transform:translateY(-3px)}
.hsections img{width:100%;max-height:170px;object-fit:contain}
.hsec-body h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:30px;letter-spacing:-1px;margin:6px 0 6px}
.hsec-body p{font-size:13px;line-height:1.7;color:#697060;margin:0 0 10px;max-width:70ch}
.hsec-eras{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:11px}
.hsec-eras span{color:var(--orange);font-size:9px;letter-spacing:1px;text-transform:uppercase;margin-right:6px;font-weight:700}
.hsec-body .arrow{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--orange);line-height:1}
@media(max-width:820px){
  .era{grid-template-columns:1fr;gap:10px;padding-top:26px}
  .era-head{position:static}
  .hfigs.n2,.hfigs.n3,.hfigs.n4{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
  .hsections>li>a{grid-template-columns:1fr}
  .hsections img{max-height:130px}
  .hero-link{width:100%;max-width:360px;align-self:flex-start}
}