/* One reading path: period, a painted timeline, then the selected person's story. */
.home-renewed .story-timeline{padding-block:132px 88px;overflow:visible}
.home-renewed .era-heading{display:block;margin-bottom:30px}
.home-renewed .era-heading h2{font-size:clamp(38px,3.8vw,52px);max-width:none;margin:0 0 12px}
.era-heading-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 20px}
.era-heading-meta>p{font-size:14px;color:var(--muted);margin:0}
.era-archive-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;color:var(--ink);white-space:nowrap;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--line)}
.era-archive-link:hover{color:var(--accent);text-decoration-color:currentColor}
.era-filter-bar{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:32px;border-bottom:1px solid var(--line);padding-bottom:14px;position:relative;z-index:5}
.era-periods{display:flex;align-items:center;justify-content:flex-start;gap:8px 26px;border:0;flex-wrap:wrap;direction:ltr}
.era-periods>a{min-height:44px;min-width:0;padding:10px 0;display:inline-flex;align-items:center;font-size:15px;font-weight:400;border:0;border-bottom:2px solid transparent;line-height:1.4;transition:color .2s}
.era-periods>a:hover{background:transparent;color:var(--accent)}
.era-periods>a[aria-pressed=true]{background:transparent;border-color:var(--accent);font-weight:600;color:var(--accent)}
.era-mobile-period{display:none}
.era-finder{position:relative;flex-shrink:0;font-size:14px}
.era-finder summary{display:flex;align-items:center;gap:9px;min-height:44px;cursor:pointer;list-style:none}
.era-finder summary::-webkit-details-marker{display:none}
.era-finder[open] summary,.era-finder summary:hover{color:var(--accent)}
.era-finder-panel{position:fixed;inset:auto;width:min(470px,calc(100vw - 24px));max-height:calc(100dvh - 108px);padding:22px;overflow:auto;overscroll-behavior:contain;background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 30px #20282315;z-index:10}
.era-finder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-22px;background:var(--paper);z-index:1;margin-bottom:12px}
.era-finder-title{display:flex;flex-wrap:wrap;gap:5px;font-size:17px;font-weight:500;margin:0}
.era-finder-close{display:grid;place-items:center;flex:0 0 44px;width:44px;min-height:44px;padding:0;border:0;background:none}
.era-finder-fields input,.era-finder .era-jump select{font-size:16px}
.era-finder-fields{display:flex;align-items:end;gap:20px}
.era-finder-fields>label:first-child{flex:1;min-width:0;font-size:13px}
.era-finder-fields input{width:100%;min-height:44px;border:0;border-bottom:1px solid var(--ink);padding:8px 0;background:transparent;margin-top:5px;border-radius:0}
.era-finder .era-jump{margin:0;display:flex;flex-direction:column;align-items:start;gap:5px;font-size:13px;color:var(--ink)}
.era-finder .era-jump select{min-width:105px;padding:8px 0;border-bottom:1px solid var(--ink);min-height:44px}
.era-find-count{font-size:12px;color:var(--muted);margin:16px 0 8px}
.era-find-results{scrollbar-width:thin}
.era-find-results button{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;min-height:46px;padding:9px 4px;border:0;border-top:1px solid var(--line);text-align:right;font-size:14px;background:none}
.era-find-results button bdi{font-size:12px;color:var(--muted)}
.era-find-results button:hover,.era-find-results button[aria-pressed=true]{color:var(--accent);background:#eef0fa}
.era-axis{position:relative;direction:ltr;isolation:isolate}
.home-renewed .era-brush{position:absolute;inset:12px 58px auto;width:auto;height:16px;rotate:0deg;opacity:.68;color:#607267;pointer-events:none;z-index:-1}
.era-brush svg{width:100%;height:100%;overflow:visible}
.era-rail{margin-inline:58px;gap:0;padding:28px 0 8px;border:0;scrollbar-width:none;scroll-snap-type:x proximity;overflow-x:auto;overflow-y:hidden}
.era-rail::-webkit-scrollbar{display:none}
.era-rail[data-drag-ready]{user-select:none;-webkit-user-select:none}
@media(any-pointer:fine){.era-rail[data-drag-ready],.era-rail[data-drag-ready] .era-person{cursor:grab}}
.era-rail.is-dragging{scroll-snap-type:none;scroll-behavior:auto}
.era-rail.is-dragging,.era-rail.is-dragging .era-person{cursor:grabbing}
/* End spacers let the first and last people occupy the same central position. */
.era-rail:before,.era-rail:after{content:'';flex:0 0 40%;pointer-events:none}
@media(max-width:1100px){.era-rail:before,.era-rail:after{flex-basis:37.5%}}
@media(max-width:900px){.era-rail:before,.era-rail:after{flex-basis:33.3335%}}
.era-person{flex:0 0 20%;min-height:94px;padding:14px 10px 10px;border:0;color:var(--muted);scroll-snap-align:center;background:none;transition:color .2s}
.era-person:before{top:-12px;width:7px;height:7px;left:calc(50% - 3.5px);background:var(--muted)}
.era-person bdi{font-size:15px;line-height:1.4;font-weight:400}
.era-person span{font-size:15px;line-height:1.5;margin-top:7px;max-width:18ch;margin-inline:auto}
.era-person[aria-pressed=true]{color:var(--accent);border:0}
.era-person[aria-pressed=true] span{font-size:16px;font-weight:600}
.era-person[aria-pressed=true]:before{top:-14px;left:calc(50% - 6px);width:12px;height:12px;scale:1;background:var(--accent);box-shadow:0 0 0 4px var(--paper)}
.era-person:focus-visible{outline-offset:-3px}
.era-axis .era-controls{position:absolute;inset:0;pointer-events:none;display:block;direction:ltr}
.era-axis .era-controls button{position:absolute;top:36px;width:44px;height:44px;pointer-events:auto;border-width:1px}
.era-axis .era-controls [data-era-step="-1"]{left:0}
.era-axis .era-controls [data-era-step="1"]{right:0}
.era-axis .era-controls button:disabled{opacity:.25}
.era-browser-head{display:block;text-align:center;margin:6px 0 0;min-height:22px}
.era-browser-head p{font-size:12px;color:var(--muted);margin:0}
.home-renewed .era-panel{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:70px;max-width:1020px;margin-inline:auto;min-height:390px;padding:36px 0 24px;align-items:center}
.era-story-copy{min-width:0}
.era-date{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px 16px;margin-bottom:13px}
.home-renewed .era-display-year{position:static;display:block;font-size:clamp(108px,10.5vw,146px);line-height:.95;letter-spacing:-6px;font-weight:350;color:var(--ink);z-index:auto;white-space:nowrap}
.home-renewed .era-story-copy .era-period{font-size:12px;margin:0;color:var(--muted);max-width:18ch;line-height:1.6}
.home-renewed .era-story-copy h3{font-size:34px;font-weight:550;margin:0 0 14px;line-height:1.2}
.home-renewed .era-story-copy>p:not(.era-period){font-size:17px;line-height:1.8;max-width:46ch;margin-bottom:15px}
.era-story-copy>.text-link{color:var(--accent);border-color:var(--accent);min-height:44px}
.home-renewed .era-portrait .portrait-art{height:330px;aspect-ratio:auto}
.home-renewed .era-portrait img{width:100%;height:100%;object-fit:contain}
.era-directory{border-top:1px solid var(--line);margin-top:16px;font-size:13px}
.era-directory summary{padding-block:16px;color:var(--muted)}
@media(max-width:1100px){.era-periods{gap:8px 20px}.era-filter-bar{gap:20px}.home-renewed .era-panel{gap:45px}.home-renewed .era-display-year{font-size:118px}.home-renewed .era-portrait .portrait-art{height:300px}.era-person{flex-basis:25%}}
@media(max-width:900px){.era-filter-bar{align-items:start;flex-wrap:wrap;gap:8px}.era-finder{margin-inline-start:auto}.era-periods{gap:6px 24px}.home-renewed .era-panel{gap:30px}.home-renewed .era-display-year{font-size:100px}.home-renewed .era-story-copy h3{font-size:30px}.home-renewed .era-story-copy>p:not(.era-period){font-size:16px}.era-person{flex-basis:33.333%}}
@media(max-width:680px),(max-width:1000px) and (max-height:500px){
 .home-renewed .story-timeline{padding-block:84px 72px}
 .home-renewed .era-heading{margin-bottom:18px}.home-renewed .era-heading h2{font-size:34px;max-width:15ch;line-height:1.3;margin-bottom:8px}.era-heading-meta{gap:4px 12px}.era-heading-meta>p,.era-archive-link{font-size:12px}
 .era-filter-bar{flex-wrap:nowrap;align-items:center;margin-bottom:20px;gap:18px;padding-bottom:0;border-bottom:0}.era-periods{display:grid;grid-template-columns:repeat(3,1fr);gap:0 18px;width:100%}.era-periods>a{font-size:14px;justify-content:center;padding:10px 0}
 .story-timeline[data-enhanced] .era-periods{display:none}
 .era-mobile-period{position:relative;display:flex;align-items:center;flex:1;min-width:0;margin:0;border-bottom:1px solid var(--line)}
 .era-mobile-period>span{position:absolute;inset-inline-start:0;pointer-events:none;font-size:12px;color:var(--muted)}
 .era-mobile-period select{width:100%;min-width:0;min-height:48px;padding:10px 46px 10px 22px;border:0;border-radius:0;appearance:none;background:transparent;font:500 16px/1.5 var(--font-sans,Heebo,sans-serif);color:var(--accent);cursor:pointer}
 /* LTR: the inline-start label ("Period") is wider than the Hebrew one, so the
    physical RTL-first padding lets the select text overlap it. Give the label
    room on the left and keep a small gap for the chevron on the right. */
 [dir="ltr"] .era-mobile-period select{padding-left:64px;padding-right:26px}
 .era-mobile-period>.ui-icon{position:absolute;inset-inline-end:0;pointer-events:none;width:16px;height:16px}
 .era-finder{margin:0;font-size:13px}.era-finder summary{min-height:48px;gap:6px}
 .era-finder-panel{padding:18px}.era-finder-toolbar{top:-18px}.era-finder-fields{gap:14px}
 .era-rail{margin-inline:48px;padding-bottom:0}.home-renewed .era-brush{inset-inline:48px}.era-person{flex-basis:33.333%;min-height:44px;padding:10px 2px 0}.era-person span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}.era-person bdi{font-size:14px}.era-person[aria-pressed=true] bdi{font-weight:600}.era-axis .era-controls button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);top:22px}.era-browser-head{display:flex;justify-content:center;align-items:center;min-height:20px;margin-top:6px}.era-axis .era-controls button:hover:not(:disabled){background:transparent;color:var(--accent)}
 .home-renewed .era-panel{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0 16px;padding:20px 0 12px;min-height:0;align-items:center}.era-story-copy{display:contents}
 .era-date{grid-column:1;grid-row:2;align-self:start;display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:baseline;gap:4px 6px;margin:9px 0 0}.home-renewed .era-display-year,.home-renewed .era-display-year.is-approximate{font-size:18px;letter-spacing:0;line-height:1.5;font-weight:450;color:var(--muted)}.home-renewed .era-story-copy .era-period{font-size:12px;margin:0;line-height:1.5;max-width:none}
 .home-renewed .era-story-copy h3{grid-column:1;grid-row:1;align-self:end;font-size:27px;margin:0;line-height:1.3}.home-renewed .era-portrait{grid-column:2;grid-row:1/3}.home-renewed .era-portrait .portrait-art{height:175px}
 .home-renewed .era-story-copy>.era-hook{grid-column:1/-1;grid-row:3;font-size:16px;line-height:1.8;margin:16px 0 10px;max-width:none}.era-story-copy>.text-link{grid-column:1/-1;grid-row:4;justify-self:start}
 .era-directory{margin-top:12px}.era-directory section>div{grid-template-columns:1fr}
}
@media(max-width:360px){.era-filter-bar{gap:12px}.era-mobile-period>span{display:none}.era-mobile-period select{padding-inline-start:0}.era-heading-meta>p{font-size:11px}.era-rail{margin-inline:44px}.home-renewed .era-brush{inset-inline:44px}.home-renewed .era-story-copy h3{font-size:25px}.home-renewed .era-portrait .portrait-art{height:155px}.era-finder-fields{flex-wrap:wrap}.era-finder-fields>label:first-child{flex-basis:100%}.era-finder .era-jump{flex-direction:row;align-items:center;gap:14px}}
@media(forced-colors:active){.home-renewed .era-brush{display:none}.era-axis:before{content:'';position:absolute;left:44px;right:44px;top:20px;border-top:1px solid CanvasText}.era-person[aria-pressed=true]{outline:2px solid Highlight}.era-finder-panel{border-color:CanvasText}.era-periods>a[aria-pressed=true]{border-color:Highlight}}