.history-dialog{box-sizing:border-box;position:fixed;inset:20px;margin:auto;width:min(1320px,calc(100% - 40px));max-width:none;height:calc(100dvh - 40px);max-height:none;border:1px solid #8f9588;border-radius:8px;background:#f7f5ed;color:#252e29;padding:28px;overflow:auto;overscroll-behavior:contain;font:16px/1.65 system-ui,sans-serif;scroll-behavior:auto}
.history-dialog::backdrop{background:#111b18bf}.history-dialog *{box-sizing:border-box}.history-dialog button,.history-dialog a{font:inherit;color:inherit;touch-action:manipulation}.history-dialog button{border:1px solid #858e80;background:transparent;padding:10px 16px;border-radius:4px;cursor:pointer;min-height:44px}.history-dialog button:disabled{opacity:.45;cursor:default}.history-dialog :focus-visible{outline:3px solid #456a4d;outline-offset:3px}.history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.history-toolbar p{font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin:0}.history-toolbar h2{font:400 38px/1.2 Georgia,serif;margin:8px 0}.history-intro{max-width:75ch;color:#576354;margin:20px 0}
#history-stops{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border-block:1px solid #bcc2b4;padding:16px 0;gap:6px;margin-bottom:26px}#history-stops button{text-align:left;font-size:13px;border-color:transparent;padding:10px}#history-stops button span{display:block;font:24px/1.4 Georgia,serif}#history-stops button[aria-current]{background:#2e4c37;color:#fff}
#history-detail{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px}#history-detail figure{margin:0;min-width:0}#history-detail img{display:block;width:100%;height:420px;object-fit:contain;background:#e7e7de;border-radius:3px}#history-detail figcaption{font-size:13px;color:#576354;margin-top:12px}#history-detail h3{font:400 42px/1.2 Georgia,serif;margin:8px 0 18px}#history-detail h4{font-size:14px;margin:22px 0 8px}#history-detail p{margin:8px 0 16px}#history-detail ul{padding-left:20px}.history-date{font-size:13px;color:#576354}.history-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px}.history-links a{text-decoration:underline;text-underline-offset:4px}.history-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:30px;padding-top:20px;border-top:1px solid #bcc2b4}.history-controls span{font-size:13px;text-align:center}
@media(max-width:950px){#history-stops{grid-template-columns:repeat(4,minmax(0,1fr))}#history-detail{gap:24px}#history-detail img{height:340px}}
@media(max-width:650px){.history-dialog{inset:0;width:100%;height:100dvh;padding:20px;border-radius:0}.history-toolbar h2{font-size:30px}#history-stops{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}#history-stops button{padding:8px}#history-stops button span{font-size:20px}#history-detail{grid-template-columns:1fr}#history-detail img{height:280px}#history-detail h3{font-size:34px}.history-controls button{padding:10px}.history-controls span{max-width:110px}}
#history-stops{display:flex;position:relative;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:auto;gap:8px;padding:16px max(0px,calc(50% - 80px));scroll-padding-inline:calc(50% - 80px)}#history-stops button{flex:0 0 160px;min-width:160px;white-space:normal}#history-detail{touch-action:pan-y}
@media(max-width:650px){#history-stops{display:flex;padding-inline:calc(50% - 70px)}#history-stops button{flex-basis:140px;min-width:140px}}
#history-families{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}#history-families button{font-size:13px;padding:7px 12px;min-height:40px}#history-families button[aria-current]{background:#2e4c37;color:#fff}#history-stops button span{font:12px/1.5 system-ui,sans-serif;min-height:36px;margin-bottom:6px;color:inherit}#history-stops button{font-size:16px}
/* A single centered composition with distinct navigation and content levels. */
.history-dialog{color-scheme:light;width:min(1240px,calc(100% - 48px));padding:28px 36px;border-color:#b3baae;border-radius:16px;scrollbar-color:#667260 #eceee6;scrollbar-width:thin;box-shadow:0 24px 80px #0004}
.history-toolbar{position:relative;justify-content:center;text-align:center;min-height:72px;padding-inline:100px}.history-toolbar h2{font-size:34px;letter-spacing:-.025em}.history-toolbar p{font-size:11px;letter-spacing:.1em;color:#52604f}#tm-close-btn{position:absolute;right:0;top:12px;background:#e9ece3;border:0;border-radius:8px;min-width:80px}
.history-intro{text-align:center;font-size:14px;line-height:1.6;max-width:68ch;margin:12px auto 24px}
#history-families{justify-content:center;gap:6px;max-width:980px;margin:0 auto 20px}#history-families button{border:0;background:#e9ece3;min-height:44px;border-radius:8px;font-size:12px;padding:8px 12px}#history-families button[aria-current]{background:#2e4c37;color:white;box-shadow:inset 0 0 0 1px #1e3926}
#history-stops{border-block:1px solid #c5ccbf;max-width:940px;margin:0 auto 28px;padding-block:12px;scrollbar-color:#667260 #eceee6;scrollbar-width:thin}#history-stops button{border-radius:8px;min-height:78px;padding:12px;text-align:center;font-size:15px}#history-stops button span{font-size:11px;min-height:30px;margin-bottom:4px}#history-stops button[aria-current]{background:#2e4c37;color:white}
.history-dialog::-webkit-scrollbar,#history-stops::-webkit-scrollbar{width:10px;height:10px}.history-dialog::-webkit-scrollbar-track,#history-stops::-webkit-scrollbar-track{background:#eceee6;border-radius:8px}.history-dialog::-webkit-scrollbar-thumb,#history-stops::-webkit-scrollbar-thumb{background:#667260;border:2px solid #eceee6;border-radius:8px}.history-dialog::-webkit-scrollbar-thumb:hover,#history-stops::-webkit-scrollbar-thumb:hover{background:#3c4e39}
#history-detail{max-width:1040px;margin-inline:auto;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;align-items:center}#history-detail img{height:350px;border-radius:10px;background:#e9ece3}#history-detail figcaption{font-size:12px;line-height:1.6;margin-top:12px}#history-detail h3{font-size:36px;letter-spacing:-.025em;margin:8px 0 14px}#history-detail h4{margin-top:16px}#history-detail article{font-size:15px;line-height:1.65}.history-date{font-size:12px}.history-links{gap:12px 20px;font-size:14px}.history-links a{display:inline-flex;align-items:center;min-height:44px}
.history-controls{max-width:1040px;margin:24px auto 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.history-controls button{border-radius:8px;background:#e9ece3;border:0;min-width:106px}.history-controls button:first-child{justify-self:start}.history-controls button:last-child{justify-self:end}.history-controls button:disabled{opacity:1;color:#6a7365;background:#eef0e9}.history-dialog button:not(:disabled):hover{background:#dbe2d5;color:#25372b}.history-dialog button[aria-current]:hover{background:#294330;color:#fff}.history-dialog :focus-visible{outline:3px solid #3f6549;outline-offset:3px}
@media(max-width:800px){.history-dialog{padding:24px}#history-detail{gap:24px}#history-detail img{height:300px}.history-toolbar{padding-inline:80px}}
@media(max-width:650px){.history-dialog{inset:0;width:100%;height:100dvh;padding:20px;border-radius:0}.history-toolbar{padding-inline:0;padding-top:42px}.history-toolbar h2{font-size:30px}#tm-close-btn{top:0;right:0;min-width:72px}.history-intro{font-size:13px;margin-bottom:16px}#history-families{gap:5px}#history-families button{font-size:11px;padding:7px 9px}#history-stops{margin-bottom:24px}#history-detail{grid-template-columns:1fr}#history-detail img{height:260px}#history-detail h3{font-size:32px}.history-controls{gap:8px}.history-controls button{min-width:88px;font-size:13px}.history-controls span{font-size:12px;max-width:110px}}
@media(prefers-reduced-motion:reduce){.history-dialog *{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){.history-dialog button{border:1px solid ButtonText}#history-stops button[aria-current],#history-families button[aria-current]{outline:2px solid Highlight}}