/* Projection-sized explanatory graphics, September 2026. */
/* Keep focus restoration inside a scaled slide from scrolling its canvas. */
@media screen and (min-width:761px){#viewport{overflow:clip}}
.viz-svg{display:block;width:100%;height:auto;font-family:var(--body);overflow:visible}
.viz-svg text{font-family:var(--body);font-variant-numeric:tabular-nums}
.viz-handling-layout{display:grid;grid-template-columns:860px 1fr;gap:55px;align-items:start;margin-top:24px}
.viz-handling-photo{margin:0}
.viz-handling-photo .photo-anchor{height:337px}
.viz-handling-photo p{font-size:23px;line-height:1.25;color:var(--muted);margin-top:20px}
.viz-check-strip{display:flex;align-items:center;gap:25px;background:var(--pale);padding:20px 23px;margin-top:15px}
.viz-check-strip strong{font:600 28px/1.1 var(--display);white-space:nowrap}
.viz-check-strip p{font-size:23px;line-height:1.2;margin:0;flex:1}
.viz-check-strip button{font-size:20px;white-space:nowrap}
.viz-concern-row{display:grid;grid-template-columns:350px 1fr;gap:58px;border-top:1px solid var(--line);padding:22px 0 18px;align-items:center}
.viz-concern-row h3{font:600 33px/1.08 var(--display);margin:0 0 13px}
.viz-concern-row p{font-size:24px;line-height:1.25;margin:0 0 13px}
.viz-concern-row p.viz-discuss{font-size:23px;color:var(--blue);margin:0}
[data-key="bunkering"] .actions,[data-key="bunkering-transfer"] .actions{margin-top:12px}
.viz-transfer-row{padding-top:14px;padding-bottom:10px}
.viz-transfer-row .viz-svg{max-height:244px}
.viz-yard-line{display:flex;align-items:baseline;gap:32px;margin:27px 0 35px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.viz-yard-line strong{font:600 30px/1.1 var(--display);white-space:nowrap}
.viz-yard-line span{font-size:24px;line-height:1.3;color:var(--muted)}
.viz-readiness{padding:3px 30px 16px}
.viz-work-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:45px;border-top:1px solid var(--line);padding-top:25px}
.viz-work-list h3{font:600 30px/1.1 var(--display);margin-bottom:14px}
.viz-work-list p{font-size:25px;line-height:1.3;margin:0}
.viz-open-key{font-size:22px;color:var(--muted);margin-left:auto}
.viz-open-key:before{content:"";display:inline-block;width:15px;height:15px;border:2px solid var(--blue);border-radius:50%;margin-right:10px;vertical-align:-2px}
.viz-coverage{padding:0 16px}
.viz-cost-basis{display:flex;align-items:baseline;gap:28px;border-top:1px solid var(--line);padding-top:20px;margin-top:8px;font-size:25px}
.viz-cost-basis strong{font:600 30px/1.1 var(--display);margin-right:auto}
.viz-cost-basis b{font-weight:400;color:var(--blue)}
.audience-slide p.viz-commercial-message{font-size:27px;font-weight:500;color:var(--blue);margin:12px 0 0}
[data-key="economics"] .actions{margin-top:19px}
.viz-cost-graph{margin:26px 0 14px;padding:22px;background:#fff;border:1px solid var(--line)}
.viz-day-chart{margin:22px 0 8px;padding-right:20px}
[data-key="day"] .day-tabs{margin-top:21px}
[data-key="day"] .day-layout{grid-template-columns:1fr 405px;gap:40px;margin-top:0}
[data-key="day"] #dayTimeline{display:flex;gap:18px}
[data-key="day"] .leg{display:block;flex:1;min-width:0;padding:15px 0;min-height:0;border:0;border-top:1px solid var(--line)}
[data-key="day"] .leg .times{font-size:19px;display:block;color:var(--muted);margin-bottom:8px}
[data-key="day"] .leg .times br{display:none}
[data-key="day"] .leg .times br:after{content:" – "}
[data-key="day"] .leg strong{font-size:31px;line-height:1.1}
[data-key="day"] .leg .route{font-size:21px;margin-top:6px}
[data-key="day"] .leg .arrow{display:none}
[data-key="day"] .takeaway{margin:14px 0 12px;padding:14px 20px}
[data-key="day"] .takeaway p{font-size:25px}
[data-key="day"] .note{font-size:21px;margin:10px 0}
[data-key="day"] .day-photo .photo-anchor{height:202px}
[data-key="day"] .day-photo figcaption{font-size:18px}
[data-key="application"] #planChart{margin-top:0;max-height:none}
[data-key="application"] .plan-controls{margin:15px 0 19px}
[data-key="application"] .plan-controls button[data-open]{margin-left:auto;font-size:20px}
[data-key="application"] .plan-result{margin-top:4px;padding:15px 22px}
[data-key="application"] .planning-decisions{margin-top:12px;gap:32px}
[data-key="application"] .planning-decisions h3{font-size:28px}
[data-key="application"] .planning-decisions p{font-size:23px}
[data-key="application"] .actions{margin-top:17px}
@media print{.viz-svg{break-inside:avoid}.viz-cost-graph{break-inside:avoid}}