/* Immersive route map and compact destination rail. */
.traffic-active .topbar{height:56px;padding:0 20px}.traffic-active .brand{gap:10px}.traffic-active .brand-mark{font-size:34px;padding-right:12px}.traffic-active .brand strong{font-size:18px;letter-spacing:2px}.traffic-active .brand small{display:none}.traffic-active .top-actions{gap:24px;font-size:14px}.traffic-active .top-actions button{min-height:40px}
.traffic-active .bottom-bar{height:40px;padding:0 20px;font-size:13px}.traffic-active .pager{gap:18px}.traffic-active .pager button{min-height:36px;font-size:20px}.traffic-active .pager b{font-size:18px}
.traffic-page{min-height:calc(100svh - 96px);padding:12px;animation:none}.traffic-layout{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:16px;align-items:stretch}.traffic-player-slot,.traffic-player{min-width:0}.traffic-player-slot{align-self:start}.traffic-player{border:1px solid #d3cbbb;background:#faf8f2}
.traffic-screen{position:relative;width:100%;aspect-ratio:16/9;max-height:max(280px,calc(100svh - 168px));overflow:hidden;background:#eeece5}.traffic-video,.traffic-poster{display:block;position:absolute;width:100%;height:100%;inset:0;object-fit:contain}.traffic-video{opacity:0}.traffic-player.is-playing .traffic-video{opacity:1}
.traffic-player-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:3px 15px}.traffic-now{display:flex;align-items:baseline;gap:14px;min-width:0}.traffic-status{color:#78715f;font-size:13px;white-space:nowrap}.traffic-current-name{font-size:17px;font-weight:500;line-height:1.5}.traffic-controls{display:flex;align-items:center;gap:6px;flex-shrink:0}.traffic-controls button{font-size:14px;min-height:40px;padding:7px 12px}.traffic-controls button:last-child{border-left:1px solid var(--line);padding-left:18px}.traffic-controls button:hover{background:#eee7d9}.traffic-controls [hidden]{display:none}.traffic-progress{height:2px;background:#e8e1d5}.traffic-progress span{display:block;width:0;height:100%;background:#ad8f5d}
.traffic-destinations{display:flex;flex-direction:column;min-width:0;padding:14px 4px 3px;border-top:1px solid var(--gold)}.traffic-top{margin-bottom:17px;padding:0 10px}.traffic-top .section-number{font:12px Georgia,serif;letter-spacing:2px;color:#887350}.traffic-top h1{font:400 29px/1.4 var(--serif);letter-spacing:4px;margin:8px 0 0}
.traffic-home{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 10px;border:1px solid var(--line);font-size:15px;min-height:48px;margin-bottom:20px;text-align:left}.traffic-home[aria-pressed=true]{border-color:var(--gold);background:#eee7d9}.traffic-home-time{font-size:14px;color:#716650;white-space:nowrap}
.traffic-categories{display:flex;border-bottom:1px solid var(--line);margin-bottom:21px}.traffic-categories button{position:relative;flex:1;min-width:0;min-height:44px;padding:10px 2px;font-size:16px;letter-spacing:1px}.traffic-categories button[aria-pressed=true]{color:#765b30}.traffic-categories button[aria-pressed=true]:after{content:'';position:absolute;height:2px;background:var(--gold);bottom:-1px;left:3px;right:3px}.traffic-category-number{display:none}
.traffic-list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 10px 12px}.traffic-list-en{display:none}.traffic-list-heading h2{font-size:16px;font-weight:500;letter-spacing:2px;margin:0}.traffic-count{font-size:13px;color:#787468}
.traffic-destination{width:100%;display:flex;align-items:flex-start;gap:9px;text-align:left;padding:20px 11px;border:1px solid transparent;border-bottom-color:var(--line);min-height:115px}.traffic-destination[aria-pressed=true]{background:#eee7d9;border-color:#b89d72}.traffic-destination:hover{background:#f0ebe1;color:var(--ink)}.traffic-destination-index{display:none}.traffic-destination-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.traffic-destination-copy>strong{font-size:18px;line-height:1.5;font-weight:500}.traffic-time{font-size:15px;line-height:1.5;color:#675c48;white-space:nowrap}.traffic-time b{font-weight:500;font-size:19px;font-variant-numeric:tabular-nums}.traffic-time-divider{color:#a49880;margin:0 1px}.traffic-destination-copy small{font-size:13px;line-height:1.7;color:#797366}.traffic-destination-play{font-size:19px;line-height:1.5;color:#8b714a}
.traffic-notes{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding:24px 10px 0}.traffic-notes p{font-size:12px;line-height:1.8;color:#777266;margin:0}.traffic-notes p:empty{display:none}
.traffic-error{position:absolute;inset:0;background:#f5f3ecd9;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:16px}.traffic-error[hidden]{display:none}.traffic-error button{padding:12px 20px;border:1px solid var(--gold)}
.traffic-dialog{width:98vw;max-width:98vw;max-height:98svh;padding:8px;background:var(--paper)}.traffic-dialog-close{display:block;margin-left:auto;min-height:40px;font-size:15px;padding:6px 15px}.traffic-dialog .traffic-player{width:min(100%,calc((98svh - 110px)*16/9));margin:0 auto}.traffic-dialog .traffic-screen{max-height:none}
@media(min-width:2400px){.traffic-layout{grid-template-columns:minmax(0,1fr) 300px}.traffic-destination-copy>strong{font-size:21px}.traffic-time{font-size:18px}.traffic-time b{font-size:22px}.traffic-destination-copy small,.traffic-notes p{font-size:14px}.traffic-destination{padding-top:24px;padding-bottom:24px}}
@media(min-width:901px) and (max-height:800px){.traffic-destinations{padding-top:9px}.traffic-top{margin-bottom:10px}.traffic-top h1{font-size:25px;margin-top:5px}.traffic-home{margin-bottom:12px}.traffic-categories{margin-bottom:16px}.traffic-destination{padding-top:15px;padding-bottom:15px;min-height:99px}.traffic-destination-copy{gap:5px}.traffic-notes{padding-top:15px}}
@media(max-width:1100px) and (min-width:901px){.traffic-layout{grid-template-columns:minmax(0,1fr) 240px;gap:12px}.traffic-destination-play{display:none}.traffic-now{flex-direction:column;gap:0}.traffic-current-name{font-size:15px}.traffic-player-bar{padding:4px 8px;gap:6px}.traffic-controls{gap:0}.traffic-controls button{padding-left:8px;padding-right:8px}}
@media(max-width:900px){.traffic-page{padding:8px}.traffic-layout{grid-template-columns:1fr;gap:18px}.traffic-screen{max-height:none}.traffic-destinations{padding:16px 8px 8px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.traffic-top{padding:0;margin:0}.traffic-top h1{font-size:24px;letter-spacing:2px;margin-top:5px}.traffic-home{margin:0;align-self:center}.traffic-categories,.traffic-list-heading,.traffic-list,.traffic-notes{grid-column:1/-1}.traffic-categories{margin:0}.traffic-categories button{font-size:18px}.traffic-list-heading{padding:0}.traffic-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.traffic-destination{padding:16px 10px;min-height:110px}.traffic-destination-copy>strong{font-size:17px}.traffic-destination-play{display:none}.traffic-time{font-size:14px}.traffic-notes{padding:5px 0 0}.traffic-notes br{display:none}.traffic-now{gap:10px}.traffic-player-bar{padding:5px 10px}.traffic-status{font-size:12px}.traffic-active .edition{display:none}}
@media(max-width:540px){.traffic-active .topbar{padding:0 10px}.traffic-active .brand{gap:7px}.traffic-active .brand-mark{font-size:30px;padding-right:8px}.traffic-active .brand strong{font-size:14px;white-space:nowrap;letter-spacing:1px}.traffic-active .top-actions{gap:5px}.traffic-active .top-actions button{font-size:12px;padding:3px}.traffic-active .top-actions span{padding-left:3px}.traffic-active .bottom-bar{padding:0 12px}.traffic-active .pager{gap:10px}.traffic-player-bar{align-items:center;gap:5px;flex-wrap:wrap}.traffic-now{display:block;flex:1}.traffic-current-name{display:block;font-size:15px}.traffic-status{display:block;font-size:12px}.traffic-controls{gap:0}.traffic-controls button{padding:7px 8px;font-size:13px}.traffic-controls button:last-child{padding-left:9px}.traffic-destinations{grid-template-columns:1fr;gap:14px}.traffic-top{display:flex;align-items:baseline;gap:15px}.traffic-top h1{font-size:23px;margin:0}.traffic-home{justify-content:flex-start;gap:18px;min-height:44px;padding:10px 12px}.traffic-list{grid-template-columns:1fr;gap:0}.traffic-destination{padding:16px 12px;min-height:94px}.traffic-destination-copy{display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:baseline}.traffic-destination-copy>strong{font-size:17px}.traffic-destination-copy small{grid-column:1/-1}.traffic-time{font-size:14px}.traffic-time b{font-size:18px}.traffic-notes{font-size:12px}.traffic-dialog .traffic-now{flex-basis:100%}.traffic-dialog .traffic-controls{margin-left:auto}}
@media(max-width:360px){.traffic-destination-copy{display:flex}.traffic-controls button{padding:7px 5px}.traffic-current-name{font-size:14px}}