/* 6A.1 presentation only: route order, priority, source data and destinations remain authoritative. */
:root{--shell-safe-bottom:env(safe-area-inset-bottom,0px);--shell-dock-bottom:calc(18px + var(--shell-safe-bottom))}
html{scroll-padding-bottom:calc(132px + var(--shell-safe-bottom))}
.wrap{padding-bottom:calc(150px + var(--shell-safe-bottom))}
.top{margin-bottom:12px;min-height:28px;gap:10px}
.brand h1{font-size:23px;line-height:1.1}
.brand .muted{display:none}
.top .row{max-width:none}
.top .pill{padding:0;border:0;border-radius:0;color:#93a4ba;font-size:11px}
.top .pill.bad{color:#ff9b9b}
.shell-settings>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:13px}
.shell-settings .actions-row{margin-top:8px}
.shell-settings .actions-row button{min-height:44px}
#view-today{gap:15px}
.day-header time{text-transform:none;font-size:12px}
.day-header h2{font-size:23px;margin:5px 0}
.day-header p{font-size:12px;line-height:1.4;margin-top:4px}
.day-meter{margin-top:8px}
.day-header .section-note{font-size:11px;margin-top:3px}
.day-header .section-note summary{padding:5px 0;min-height:24px;cursor:pointer}
.route-section h2{font-size:18px;margin-bottom:8px}
.route-block{margin-bottom:8px}
.route-step{grid-template-columns:22px minmax(0,1fr);gap:8px;padding:8px 10px;margin-bottom:7px;border-radius:13px}
.route-step .step-number{width:21px;height:21px;font-size:11px;margin-top:0}
.route-meta{font-size:10px;line-height:1.2;margin-bottom:3px;gap:6px}
.route-step h3{font-size:14px;line-height:1.25;margin:0 0 4px;overflow-wrap:anywhere}
.route-step p{font-size:12px;line-height:1.35;margin:0 0 2px}
.route-brief{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.route-footer{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:0 8px;position:relative}
.route-open{font-size:12px;min-height:44px;padding:6px 0;background:transparent!important;color:#c4d8f4;text-align:left}
.route-explanation{font-size:11px;color:#94a8c0}
.route-explanation summary{min-height:44px;display:flex;align-items:center;cursor:pointer;padding:0 4px}
.route-explanation[open]{flex-basis:100%;order:2}
.route-explanation[open] summary{min-height:32px}
.route-explanation>div{padding:8px;border-left:2px solid var(--area-color);background:#0a1728;border-radius:6px;margin-bottom:4px}
.route-explanation>div p{margin:0 0 5px}
.operational-block{border:1px solid #24354c;background:#0f1c2e;border-radius:14px;padding:10px}
.route-block-head{padding:0;margin:0 0 5px;font-size:13px}
.route-block-head p{font-size:12px;line-height:1.35;margin:4px 0 0;color:#afbed2}
.operational-block .block-action{border:0;border-left:2px solid var(--area-color);border-radius:0;background:transparent;padding:7px 5px;margin:0;border-bottom:1px solid #223249}
.operational-block .block-action:last-of-type{border-bottom:0}
.block-continue{margin:2px 0 0;padding:6px;min-height:44px}
.nav{bottom:var(--shell-dock-bottom)}
.fab{width:48px;height:48px;border-radius:16px;font-size:27px;background:#284b87;border-color:#466796;box-shadow:0 5px 18px #0005}
.view,.route-step,.quiet-summary{scroll-margin-bottom:calc(120px + var(--shell-safe-bottom))}
@media(max-width:800px){
 .wrap{padding:calc(10px + env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) calc(150px + var(--shell-safe-bottom)) max(14px,env(safe-area-inset-left,0px))}
 .top{margin-bottom:10px;gap:8px;align-items:center}
 .brand h1{font-size:22px}
 .top .row{max-width:none}
 .top .pill{padding:0;font-size:10px}
 .day-header h2{font-size:23px}
 .nav{left:max(12px,env(safe-area-inset-left,0px));right:88px;padding:6px 3px;bottom:var(--shell-dock-bottom)}
 .nav button{min-height:46px;font-size:10px}
 .fab{right:max(18px,env(safe-area-inset-right,0px));bottom:calc(26px + var(--shell-safe-bottom));width:48px;height:48px}
 .route-step{padding:8px 9px}
 .route-brief{-webkit-line-clamp:1}
}
@media(display-mode:standalone){body{min-height:100dvh}.wrap{padding-top:calc(10px + env(safe-area-inset-top,0px))}}