/* Expanded puzzle history section — 2026-09-30 */
.history-era-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:.65rem;position:relative}.history-era-strip:before{content:"";position:absolute;left:4%;right:4%;top:28px;height:3px;background:#d7ae78}.history-era-strip a{position:relative;z-index:1;text-align:center;text-decoration:none;color:var(--ink);padding:.1rem .4rem}.history-era-strip a:before{content:"";display:block;width:15px;height:15px;margin:21px auto .7rem;border-radius:50%;background:var(--gold);border:4px solid #fff9f0;box-shadow:0 0 0 2px #d7ae78}.history-era-strip time{display:block;color:var(--gold);font-weight:850;font-size:.82rem}.history-era-strip strong{display:block;font-family:Georgia,serif;font-size:.98rem;margin-top:.15rem}.history-search-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem}.history-search-cta .button-row{margin:0;flex:0 0 auto}.history-fact{display:grid;grid-template-columns:140px 1fr;gap:1rem;padding:1.2rem 1.3rem;margin:1.7rem 0;border-left:5px solid var(--gold);background:#fff4df;border-radius:0 14px 14px 0}.history-fact strong{font-family:Georgia,serif;font-size:1.1rem;color:#75451e}.timeline-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin-bottom:2rem;padding:1rem;border:1px solid var(--border);background:#fffdf8;border-radius:15px}.timeline-controls>span{font-weight:800;margin-right:.25rem}.timeline-filter{border:1px solid #d3b78f;background:#fff8ed;color:#5e4229;border-radius:999px;padding:.5rem .78rem;cursor:pointer;font-weight:700}.timeline-filter[aria-pressed="true"]{background:var(--green);color:#fff;border-color:var(--green)}.interactive-timeline{position:relative;max-width:940px;margin:auto}.interactive-timeline:before{content:"";position:absolute;left:121px;top:0;bottom:0;width:3px;background:#d8b17c}.timeline-event{display:grid;grid-template-columns:100px 1fr;gap:2.8rem;position:relative;padding:0 0 2.1rem}.timeline-event:after{content:"";position:absolute;left:113px;top:8px;width:18px;height:18px;border-radius:50%;background:var(--gold);border:4px solid var(--paper);box-shadow:0 0 0 2px #d8b17c}.timeline-event[hidden]{display:none}.timeline-date{font-weight:900;color:#9b5b23;text-align:right;padding-top:.18rem}.timeline-event h2{margin:0 0 .45rem;font-size:1.45rem}.timeline-event p{margin:.25rem 0 .5rem;color:var(--muted)}.timeline-event a{font-weight:800;text-decoration:none}.family-tree{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0 2.2rem}.family-tree a{display:grid;grid-template-columns:135px 1fr;gap:.2rem 1rem;align-items:center;padding:1.15rem;border:1px solid var(--border);background:#fffdf8;border-radius:16px;text-decoration:none;color:var(--ink);box-shadow:0 6px 18px #5c422112}.family-tree a:hover{transform:translateY(-2px);border-color:#d5a76b}.family-tree strong{grid-row:1/3;background:#173f35;color:white;border-radius:10px;padding:.8rem;text-align:center}.family-tree span{font-family:Georgia,serif;font-size:1.08rem;font-weight:700}.family-tree small{color:var(--muted)}.history-example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.2rem 0 2rem}.history-example-grid a{padding:1rem;border:1px solid var(--border);border-radius:12px;background:#fffdf8;text-decoration:none}.history-example-grid strong,.history-example-grid span{display:block}.history-example-grid span{color:var(--muted);font-size:.9rem}.history-grid .card h3{font-size:1.25rem;margin:.5rem 0}.history-hub-hero .lead{max-width:72ch}
@media(max-width:900px){.history-era-strip{grid-template-columns:repeat(3,1fr);row-gap:1rem}.history-era-strip:before{display:none}.history-era-strip a:before{margin:0 auto .5rem}.history-search-cta{display:block}.history-search-cta .button-row{margin-top:1.2rem}.family-tree{grid-template-columns:1fr}.history-example-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.history-era-strip{grid-template-columns:repeat(2,1fr)}.timeline-event{grid-template-columns:62px 1fr;gap:1.9rem}.interactive-timeline:before{left:76px}.timeline-event:after{left:68px}.history-fact{grid-template-columns:1fr}.family-tree a{grid-template-columns:1fr}.family-tree strong{grid-row:auto}.history-example-grid{grid-template-columns:1fr}.timeline-controls{align-items:flex-start}.timeline-controls>span{width:100%}}