/* A real scenic backdrop, legible station board and compact, stable welcome. */
html body.eots-site-refresh #eotsFocusHeader .ef-masthead[data-ej-merged="1"]>.ef-brand[data-depot-header="1"]{position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(310px,.75fr);grid-template-rows:repeat(6,max-content) minmax(0,1fr)!important;gap:4px 24px;padding:24px!important;border:1px solid #a68b5366;border-radius:16px;overflow:hidden;background:linear-gradient(90deg,#071e28d9 0%,#071e28a8 49%,#071e2840 100%),url('depot-header-v1.webp') center 65%/cover no-repeat!important;box-shadow:inset 0 0 80px #04171c66;}
#eotsFocusHeader .ef-brand[data-depot-header="1"]>.ef-kicker{grid-row:1;}
#eotsFocusHeader .ef-brand[data-depot-header="1"]>h1{grid-row:2;}
#eotsFocusHeader .ef-brand[data-depot-header="1"]>.ef-intro{grid-row:3;}
#eotsFocusHeader .ef-brand[data-depot-header="1"]>.elh-arrival-controls{grid-column:1;grid-row:4;}
#eotsFocusHeader .ef-brand[data-depot-header="1"]>.elh-welcome-note{grid-row:5;}
#eotsFocusHeader .ef-brand[data-depot-header="1"]>.elh-station-weather{grid-column:1;grid-row:6;font-size:12px!important;line-height:1.5!important;margin:4px 0 10px!important;}
html body.eots-site-refresh #eotsFocusHeader .ef-brand[data-depot-header="1"]>.ef-time{grid-column:2;grid-row:1/span 7;width:100%;}
html body.eots-site-refresh #eotsFocusHeader .ef-brand[data-depot-header="1"] .ef-visitors{background:#103238ed!important;box-shadow:0 8px 24px #03151c33;border:1px solid #a6aa7d66!important;}
#eotsFocusHeader .edh-board{grid-column:1;grid-row:7;align-self:end;min-width:0;margin-top:20px;padding:18px;border:1px solid #cdb5748c;border-radius:12px;background:linear-gradient(140deg,#102b33ee,#081c25ed);box-shadow:0 10px 24px #03151c55;color:#f8edce;}
#eotsFocusHeader .edh-board-heading{display:flex;align-items:center;gap:13px;padding-bottom:15px;border-bottom:1px solid #a58d5655;}
#eotsFocusHeader .edh-eyebrow,#eotsFocusHeader .edh-label{display:block!important;color:#dcbc79!important;font:700 10px/1.5 system-ui!important;letter-spacing:.13em!important;margin:0!important;}
html body.eots-site-refresh #eotsFocusHeader .edh-board h2{font:600 27px/1.2 Georgia,serif!important;color:#fff0cc!important;margin:3px 0 0!important;}
#eotsFocusHeader .edh-lantern{display:block;position:relative;flex:0 0 23px;height:29px;border:2px solid #b3965e;border-radius:7px 7px 4px 4px;background:linear-gradient(90deg,#714321,#edb761,#714321);box-shadow:0 0 14px #f5b54a35;}
#eotsFocusHeader .edh-lantern:before{content:'';position:absolute;width:11px;height:8px;left:4px;top:-9px;border:2px solid #b3965e;border-bottom:0;border-radius:9px 9px 0 0;}
#eotsFocusHeader .edh-lantern i{position:absolute;inset:5px;background:#ffe6a3;border-radius:50%;box-shadow:0 0 14px #ffd18d;opacity:.8;}
#eotsFocusHeader .edh-board[data-motion="on"] .edh-lantern i{animation:edh-lamp 4s ease-in-out infinite;}
@keyframes edh-lamp{0%,100%{opacity:.55}50%{opacity:1}}
#eotsFocusHeader .edh-board-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px;padding-top:16px;}
#eotsFocusHeader .edh-weather,#eotsFocusHeader .edh-camera{display:flex;flex-direction:column;align-items:flex-start;min-width:0;}
#eotsFocusHeader .edh-camera{border-left:1px solid #a58d5655;padding-left:20px;}
#eotsFocusHeader .edh-temperature{font:600 46px/1.2 Georgia,serif;color:#fff1c9;letter-spacing:-.04em;margin:3px 0 4px;}
#eotsFocusHeader .edh-observed{color:#b6c9c7;font:400 10px/1.4 system-ui;}
html body.eots-site-refresh #eotsFocusHeader .edh-board p{font:400 12px/1.5 system-ui!important;color:#c7d4cc!important;margin:8px 0 12px!important;}
#eotsFocusHeader .edh-board a{font:600 12px/1.4 system-ui!important;color:#f0d695!important;text-underline-offset:4px;}
#eotsFocusHeader .edh-camera-name{display:block;font:600 21px/1.3 Georgia,serif;color:#fff0cf;margin:9px 0 0;overflow-wrap:anywhere;}
#eotsFocusHeader .edh-board a.edh-open{display:flex;justify-content:space-between;gap:12px;align-items:center;box-sizing:border-box;min-height:44px;margin-top:auto;padding:10px 12px;width:100%;border:1px solid #c4a261;border-radius:6px;background:#dbc28b;color:#102b33!important;text-decoration:none;}
#eotsFocusHeader .edh-board a:focus-visible{outline:3px solid #ffe6a0;outline-offset:4px;}
#eotsDepotCamera{scroll-margin-top:70px;}
/* Remove excess country-board whitespace without recreating the playing film. */
html body.eots-site-refresh #eotsFocusHeader .ef-brand[data-depot-header="1"] .ef-vs-country-window{height:54px;}
html body.eots-site-refresh #eotsFocusHeader .ef-brand[data-depot-header="1"] .ef-vs-welcome{gap:10px;}
html body.eots-site-refresh #eotsFocusHeader .ef-brand[data-depot-header="1"] .ef-vs-location-foot{gap:4px 10px;}
/* Rear markers are children of the last coach, never independent moving objects. */
#eotsJunction .ej-end-markers{position:absolute;left:4.2%;top:40%;width:1.6%;height:9%;display:flex;align-items:center;gap:2px;z-index:8;pointer-events:none;}
#eotsJunction .ej-end-marker{display:block;flex:1;min-width:3px;max-width:6px;aspect-ratio:1;border-radius:50%;background:#ff3b24;border:1px solid #3a1712;box-shadow:0 0 5px 2px #ff301e90;opacity:.8;}
@media(max-width:1050px){html body.eots-site-refresh #eotsFocusHeader .ef-masthead[data-ej-merged="1"]>.ef-brand[data-depot-header="1"]{column-gap:18px;padding:18px!important;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);}#eotsFocusHeader .edh-board{padding:14px;}#eotsFocusHeader .edh-board-grid{gap:13px;}#eotsFocusHeader .edh-camera{padding-left:13px;}#eotsFocusHeader .edh-camera-name{font-size:19px;}}
@media(max-width:760px){html body.eots-site-refresh #eotsFocusHeader .ef-masthead[data-ej-merged="1"]>.ef-brand[data-depot-header="1"]{grid-template-columns:minmax(0,1fr);grid-template-rows:none!important;padding:16px!important;background-position:center bottom!important;}html body.eots-site-refresh #eotsFocusHeader .ef-brand[data-depot-header="1"]>.ef-time{grid-column:1;grid-row:8;margin-top:18px!important;}#eotsFocusHeader .edh-board{margin-top:12px;}#eotsFocusHeader .edh-board-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);}#eotsFocusHeader .edh-temperature{font-size:38px;}html body.eots-site-refresh #eotsFocusHeader .edh-board h2{font-size:25px!important;}}
@media(max-width:380px){#eotsFocusHeader .edh-board-grid{grid-template-columns:minmax(0,1fr);}#eotsFocusHeader .edh-camera{border-left:0;border-top:1px solid #a58d5655;padding:13px 0 0;}#eotsFocusHeader .edh-camera-name{font-size:20px;}#eotsFocusHeader .edh-board{padding:13px;}}
@media(prefers-reduced-motion:reduce){#eotsFocusHeader .edh-lantern i{animation:none!important;}}
@media(max-width:760px){html body.eots-site-refresh #eotsFocusHeader .ef-brand[data-depot-header="1"]>.ef-time{grid-row:4;}#eotsFocusHeader .ef-brand[data-depot-header="1"]>.elh-arrival-controls{grid-row:5;margin-top:12px;}#eotsFocusHeader .ef-brand[data-depot-header="1"]>.elh-welcome-note{grid-row:6;}#eotsFocusHeader .ef-brand[data-depot-header="1"]>.elh-station-weather{grid-row:7;}#eotsFocusHeader .ef-brand[data-depot-header="1"]>.edh-board{grid-row:8;}}
/* v1.40: the original live player occupies the camera slot beside temperature. */
#eotsFocusHeader .edh-board[data-camera-mounted="true"] .edh-board-grid{grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:16px;align-items:start;}
#eotsFocusHeader .edh-board[data-camera-mounted="true"] .edh-camera{padding-left:16px;align-items:stretch;}
html body.eots-site-refresh #eotsFocusHeader .edh-camera>.elh-camera{box-sizing:border-box;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
html body.eots-site-refresh #eotsFocusHeader .edh-camera .elh-camera-heading{padding:0 0 5px!important;gap:5px!important;min-height:0!important;}
#eotsFocusHeader .edh-camera .elh-bearing{display:none!important;}
#eotsFocusHeader .edh-camera .elh-eyebrow{font:700 10px/1.4 system-ui!important;letter-spacing:.07em!important;color:#dcbc79!important;}
html body.eots-site-refresh #eotsFocusHeader .edh-camera .elh-current-camera{display:block;min-height:0!important;padding:0!important;margin:2px 0 5px!important;font:600 19px/1.25 Georgia,serif!important;color:#fff0cf!important;overflow-wrap:anywhere;}
#eotsFocusHeader .edh-camera .elh-camera-credit{display:block;margin:0 0 8px!important;font-size:10px!important;}
#eotsFocusHeader .edh-camera .elh-screen{position:relative;aspect-ratio:16/9;height:auto!important;min-height:0!important;width:100%;overflow:hidden;border-radius:6px;background:#07161c;}
#eotsFocusHeader .edh-camera .elh-frame-host{position:absolute;inset:0;}
#eotsFocusHeader .edh-camera .elh-frame-host video{display:block;width:100%!important;height:100%!important;object-fit:contain;}
#eotsFocusHeader .edh-camera .elh-open{min-height:0!important;padding:8px!important;}
#eotsFocusHeader .edh-camera .elh-open-label{font-size:12px!important;}
#eotsFocusHeader .edh-camera .elh-expand{font-size:23px!important;width:30px;height:30px;}
#eotsFocusHeader .edh-camera .elh-camera-footer,#eotsFocusHeader .edh-camera .elh-sound-controls{display:flex;flex-wrap:wrap;gap:6px!important;margin:0!important;padding:7px 0 0!important;}
#eotsFocusHeader .edh-camera .elh-camera-status{flex-basis:100%;min-height:2.8em!important;font:400 10px/1.4 system-ui!important;color:#c6d5cf!important;}
html body.eots-site-refresh #eotsFocusHeader .edh-camera button:not(.elh-open){flex:1;min-height:36px!important;padding:6px!important;font:600 10px/1.4 system-ui!important;}
#eotsFocusHeader .ej-merged-grid[data-camera-at-depot="true"]{grid-template-columns:minmax(0,1fr)!important;}
@media(max-width:1100px){#eotsFocusHeader .edh-board[data-camera-mounted="true"] .edh-board-grid{grid-template-columns:minmax(0,1fr);}#eotsFocusHeader .edh-board[data-camera-mounted="true"] .edh-weather{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 12px;align-items:center;}#eotsFocusHeader .edh-board[data-camera-mounted="true"] .edh-weather>.edh-label{grid-column:1/-1;}#eotsFocusHeader .edh-board[data-camera-mounted="true"] .edh-temperature{grid-column:1;grid-row:2/span 2;}#eotsFocusHeader .edh-board[data-camera-mounted="true"] .edh-observed{grid-column:2;}#eotsFocusHeader .edh-board[data-camera-mounted="true"] .edh-conditions{grid-column:2;}#eotsFocusHeader .edh-board[data-camera-mounted="true"] .edh-weather>a{grid-column:1/-1;}#eotsFocusHeader .edh-board[data-camera-mounted="true"] .edh-camera{padding:12px 0 0;border-left:0;border-top:1px solid #a58d5655;}}

/* v1.44: live text may update without resizing the scenes underneath it. */
#eotsFocusHeader .ef-masthead,#eotsFocusHeader .edh-board{overflow-anchor:none}
html body.eots-site-refresh #eotsFocusHeader .edh-camera .elh-current-camera{box-sizing:content-box;block-size:3.75em;min-block-size:3.75em!important;max-block-size:3.75em;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;overflow-anchor:none}
html body.eots-site-refresh #eotsFocusHeader .edh-camera .elh-camera-status{display:block;box-sizing:content-box;block-size:4.5em;min-block-size:4.5em!important;max-block-size:4.5em;overflow:auto;overscroll-behavior:contain;font:400 13px/1.5 system-ui!important;overflow-anchor:none}
html body.eots-site-refresh #eotsFocusHeader .edh-camera .elh-camera-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
#eotsFocusHeader .edh-camera .elh-camera-status{grid-column:1/-1}
html body.eots-site-refresh #eotsFocusHeader .edh-camera .elh-camera-footer>button,html body.eots-site-refresh #eotsFocusHeader .edh-camera .elh-sound-controls>button{box-sizing:border-box;min-height:44px!important;height:44px;line-height:14px!important}
#eotsFocusHeader .edh-camera .elh-sound-controls{position:relative;align-items:stretch;min-height:44px}
#eotsFocusHeader .edh-camera .elh-radio-meter-host{box-sizing:border-box;block-size:112px;min-height:112px;max-height:112px;overflow:auto;overscroll-behavior:contain;overflow-anchor:none}

/* Autoplay permission uses the existing sound-control row instead of adding one. */
#eotsFocusHeader .edh-camera .elh-sound-controls{flex-wrap:nowrap}
html body.eots-site-refresh #eotsFocusHeader .edh-camera .elh-enable-sound:not([hidden]){position:absolute;inset:7px 0 auto;z-index:2;width:100%;background:#214a42}
#eotsFocusHeader .edh-camera .elh-sound-controls:has(.elh-enable-sound:not([hidden]))>:not(.elh-enable-sound){visibility:hidden}

/* v1.59: standby, buffering and live video share the SAME camera footprint.
   The base player switches to aspect-ratio:auto for intermission text. That
   used to push the depot and Daily Special up/down whenever playback changed.
   Keep all overlay content inside a size-contained 16:9 frame instead. */
html body.eots-site-refresh #eotsFocusHeader .edh-camera .elh-screen,
html body.eots-site-refresh #eotsFocusHeader .edh-camera .elh-screen[data-eots-intermission="visible"]{box-sizing:border-box;aspect-ratio:16/9!important;height:auto!important;min-height:0!important;contain:size layout paint;overflow:hidden;overflow-anchor:none}
html body.eots-site-refresh #eotsFocusHeader .edh-camera .elh-screen>.eots-intermission{position:absolute!important;inset:0;box-sizing:border-box;width:100%;height:100%!important;min-height:0!important;max-height:100%;justify-content:flex-start;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;overflow-anchor:none}
html body.eots-site-refresh #eotsFocusHeader .edh-camera .elh-screen>.eots-intermission>*{flex-shrink:0}
/* Provider credits can disappear during rest, and status text changes length.
   Reserve rows for both; longer messages remain readable by scrolling inside. */
html body.eots-site-refresh #eotsFocusHeader .edh-camera .elh-camera-credit{box-sizing:content-box;block-size:3em;min-block-size:3em;max-block-size:3em;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;overflow-anchor:none}
html body.eots-site-refresh #eotsFocusHeader .ef-brand[data-depot-header="1"]>.elh-welcome-note{box-sizing:content-box;block-size:3.2em;min-block-size:3.2em;max-block-size:3.2em;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;overflow-anchor:none}
html body.eots-site-refresh #eotsFocusHeader .ef-brand[data-depot-header="1"]>.elh-station-weather{box-sizing:content-box;block-size:4.5em;min-block-size:4.5em;max-block-size:4.5em;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;overflow-anchor:none}
#eotsFocusHeader .edh-observed{box-sizing:content-box;block-size:2.8em;min-block-size:2.8em;max-block-size:2.8em;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
html body.eots-site-refresh #eotsFocusHeader .edh-conditions{box-sizing:content-box;block-size:4.5em;min-block-size:4.5em;max-block-size:4.5em;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}

/* v1.75: one welcome heading above a camera/visitor row. The boarding scene
   is retired; leave the same live player and filmed conductor in place. */
html body.eots-site-refresh #eotsFocusHeader .ef-masthead[data-ej-merged="1"]>.ef-brand[data-depot-header="1"]{grid-template-rows:repeat(3,max-content) auto repeat(3,max-content)!important;align-items:start;}
html body.eots-site-refresh #eotsFocusHeader .ef-masthead[data-ej-merged="1"]>.ef-brand[data-depot-header="1"]>:is(.ef-kicker,h1,.ef-intro){grid-column:1/-1;}
html body.eots-site-refresh #eotsFocusHeader .ef-brand[data-depot-header="1"]>.edh-board{grid-column:1;grid-row:4;align-self:start;margin-top:18px;}
html body.eots-site-refresh #eotsFocusHeader .ef-brand[data-depot-header="1"]>.ef-time{grid-column:2;grid-row:4/span 4;align-self:start;margin-top:18px!important;}
#eotsFocusHeader .ef-brand[data-depot-header="1"]>.elh-arrival-controls{grid-row:5;}
#eotsFocusHeader .ef-brand[data-depot-header="1"]>.elh-welcome-note{grid-row:6;}
#eotsFocusHeader .ef-brand[data-depot-header="1"]>.elh-station-weather{grid-row:7;}
#eotsFocusHeader .edh-board-grid{padding-top:0;}
html body.eots-site-refresh #eotsFocusHeader .edh-camera .elh-current-camera{block-size:2.5em;min-block-size:2.5em!important;max-block-size:2.5em;}
html body.eots-site-refresh #eotsFocusHeader .edh-camera .elh-camera-credit{block-size:1.5em;min-block-size:1.5em;max-block-size:1.5em;}
@media(max-width:760px){
 html body.eots-site-refresh #eotsFocusHeader .ef-masthead[data-ej-merged="1"]>.ef-brand[data-depot-header="1"]{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(8,max-content)!important;}
 html body.eots-site-refresh #eotsFocusHeader .ef-brand[data-depot-header="1"]>.ef-time{grid-column:1;grid-row:4;}
 html body.eots-site-refresh #eotsFocusHeader .ef-brand[data-depot-header="1"]>.edh-board{grid-column:1;grid-row:5;}
 #eotsFocusHeader .ef-brand[data-depot-header="1"]>.elh-arrival-controls{grid-row:6;}
 #eotsFocusHeader .ef-brand[data-depot-header="1"]>.elh-welcome-note{grid-row:7;}
 #eotsFocusHeader .ef-brand[data-depot-header="1"]>.elh-station-weather{grid-row:8;}
}
