*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
.tb{position:sticky;top:0;z-index:100;background:rgba(14,13,11,.97);backdrop-filter:blur(16px);border-bottom:1px solid var(--bd);padding:.6rem 1rem;}
.tb-inner{max-width:860px;margin:0 auto;display:flex;gap:4px;align-items:center}
.era{flex:1;height:18px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:10px;color:rgba(255,255,255,.6);cursor:pointer;transition:all .2s;opacity:.45;}
.era:hover,.era.on{opacity:1}
.e1{background:#8A5C14;flex:2.2}
.e2{background:#8A3C28;flex:1.5}
.e3{background:#7A3848;flex:1.4}
.e4{background:#2A4878;flex:2.2}
.e5{background:#1E6856;flex:.7}
.e6{background:#2A4A2A;flex:.8}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:2rem}
.hero-lead{font-size:15px;color:var(--ink2);line-height:1.85;max-width:560px;margin-bottom:2rem}