.map-stage.time{display:block;background:#f5ead6}
.map-stage.time .map-corner-label{position:relative;top:0;left:0;padding:23px 25px 0}
.map-stage.time .map-bottom-left,.map-stage.time .map-zoom{display:none}
#time-pane-root{min-width:0}
.time-pane{padding:22px 25px 26px}
.time-heading>.eyebrow{font-size:16px;letter-spacing:1.3px}
.time-heading h2{font-family:var(--latin);font-size:43px;line-height:1.25;margin:7px 0;color:#29241e;font-weight:600}
.time-heading p{font-size:18px;line-height:1.85;color:#51483d}
.time-controls{display:flex;flex-wrap:wrap;gap:8px;margin:21px 0 18px}
.time-controls>button{border:1px solid #ac8b60;background:#faf2e3;padding:10px 13px;font-size:17px;line-height:1.5;min-height:48px;color:#29241e}
.time-controls>button[aria-pressed="true"]{background:#59412b;color:#fff7e8;border-color:#59412b}
.time-now{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px 13px;padding:17px 0;border-top:1px solid #bba280;border-bottom:1px solid #bba280;font-size:17px;line-height:1.7}
.time-now>strong{font-family:var(--latin);font-size:27px;font-weight:600;color:#29241e}
.time-now>span:last-child{font-size:16px;color:#51483d}
.time-chart-scroll{width:100%;min-width:0;max-width:100%;overflow:visible;margin:23px 0 18px;padding-bottom:5px}
#time-chart{display:block;width:100%;max-width:100%;overflow:hidden;touch-action:pan-y}
.time-tick>line{stroke:#b89c74;stroke-width:1;stroke-dasharray:2 6;opacity:.8}
.time-tick>text{font:18px var(--latin);fill:#39342c}
.time-row-hit{fill:transparent;stroke:none;pointer-events:all}
.time-event{cursor:pointer;outline:none}
.time-event .time-name{font:18px var(--sans);fill:#29241e}
.time-event .time-period{font:17px var(--latin);fill:#51483d}
.time-row-line{stroke:#bfa98a;stroke-width:1;opacity:.42}
.time-life{stroke:#8b6a44;stroke-width:9;stroke-linecap:round;opacity:.7}
.time-event-dot{fill:#694930;stroke:#faf2e3;stroke-width:2}
.time-event.selected .time-row-hit{fill:#dac29733}
.time-event.selected .time-life{stroke:#87523c;stroke-width:12;opacity:1}
.time-event.selected .time-event-dot{fill:#633c26;stroke-width:3}
.time-event:focus-visible .time-row-hit{stroke:#87523c;stroke-width:2}
.time-today>line{stroke:#59412b;stroke-width:2}
.time-today>text{font:17px var(--sans);fill:#29241e}
.time-cursor>line{stroke:#87523c;stroke-width:2;stroke-dasharray:4 4}
.time-cursor>path{fill:#87523c}
.time-scrubber-label{display:flex;gap:14px;justify-content:space-between;align-items:center;font-size:18px;line-height:1.7;color:#29241e}
.time-scrubber-label>output{font-family:var(--latin);font-size:28px;font-weight:600}
.time-scrubber{display:block;width:100%;height:48px;accent-color:#87523c;cursor:pointer;margin:6px 0}
.time-scale-note{font-size:17px;line-height:1.8;color:#51483d;margin:9px 0 19px}
.time-nearby{padding:17px 0 20px;border-top:1px solid #b89c74;border-bottom:1px solid #b89c74}
.time-nearby h3,.time-story-list h3{font-size:23px;font-weight:600;line-height:1.7;margin-bottom:13px;color:#29241e}
.time-nearby>p{font-size:18px;line-height:1.85;color:#51483d}
.time-nearby>div{display:flex;flex-wrap:wrap;gap:9px}
.time-nearby button{display:flex;flex-direction:column;align-items:start;text-align:left;padding:13px;border:1px solid #af9169;background:#faf2e3;font-size:18px;line-height:1.75;min-height:48px}
.time-nearby button>strong{font-family:var(--serif);font-size:21px;font-weight:600}
.time-nearby button>span{font-size:16px;color:#51483d}
.time-story-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}
.time-story-list h3{grid-column:1/-1}
.time-story{display:flex;flex-direction:column;align-items:start;text-align:left;min-width:0;gap:6px;border:1px solid #b89c74;padding:17px;background:#faf2e3}
.time-story>span{font-family:var(--latin);font-size:25px;font-weight:500;line-height:1.3;color:#6a4930}
.time-story>strong{font-family:var(--serif);font-size:23px;font-weight:600;line-height:1.6;color:#29241e}
.time-story>small{font-size:17px;line-height:1.7;color:#51483d}
.time-story.selected{border-color:#87523c;box-shadow:inset 0 0 0 2px #b48a5633}
.time-heading h2,.time-now>strong,.time-scrubber-label>output,.time-story>span,.time-tick>text,.time-event .time-period{font-family:var(--sans);font-size:var(--philo-year-size);font-weight:400;line-height:var(--philo-year-line);letter-spacing:.1px}
@media(max-width:650px){
  .map-stage.time .map-corner-label{padding:22px 20px 0}
  .time-pane{padding:21px 20px 25px}
  .time-heading h2{font-size:var(--philo-year-size)}.time-heading p{font-size:18px}
  .time-controls>button{font-size:16px;padding:10px 11px}
  .time-now>strong{font-size:var(--philo-year-size)}.time-now{gap:7px 10px}
  .time-story-list{grid-template-columns:1fr}
  .time-story{padding:18px}
  .time-nearby h3,.time-story-list h3{font-size:22px}
}