:root{
  --bg:#f5f8f5;--card:#fff;--ink:#142b2b;--muted:#64726f;--line:#dfe8e2;
  --green:#2f6f5e;--green-dark:#1f5145;--green-soft:#dfeee6;
  --gold:#e6b83f;--gold-dark:#b88717;--gold-soft:#fff4cf;
  --blue:#2457a7;--blue-dark:#183d79;--blue-soft:#e7effc;
  --danger:#b42318;--good:#24704f;--warn:#a76a09;--brand:#2457a7;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.5}a{color:var(--brand);text-decoration:none}.site-nav{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);padding:12px 24px;display:flex;justify-content:space-between;gap:18px;align-items:center;position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.site-nav a{color:var(--ink)}.brand{font-weight:900;letter-spacing:-.02em;display:flex;align-items:center;gap:9px;font-size:18px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--green);color:#fff;border-radius:10px;font-size:12px;letter-spacing:.04em}.nav-actions{gap:18px}.nav-user{color:var(--muted)}.nav-button{background:var(--blue);color:#fff!important;padding:8px 13px;border-radius:9px;font-weight:800}.wrap{max-width:1180px;margin:28px auto;padding:0 18px}.landing-wrap{max-width:1240px;margin-top:0}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid.four{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 1px 2px rgba(16,24,40,.03)}h1,h2,h3{margin-top:0;line-height:1.15}h1{font-size:28px}h2{font-size:20px}h3{font-size:16px}.muted{color:var(--muted)}.metric{font-size:27px;font-weight:800}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.space{justify-content:space-between}label{display:block;font-size:13px;font-weight:700;margin:10px 0 6px}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #cfd8d3;border-radius:8px;background:#fff}input:focus,select:focus,textarea:focus{outline:3px solid var(--blue-soft);border-color:var(--blue)}button,.btn{display:inline-block;border:0;border-radius:9px;padding:10px 14px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer}.btn.secondary,button.secondary{background:var(--green)}.btn.ghost,button.ghost{background:#fff;color:var(--blue);border:1px solid #c8d7ef}.btn.danger,button.danger{background:var(--danger)}.btn.good,button.good{background:var(--good)}.btn.gold,button.gold{background:var(--gold);color:#2c260f}.btn-large{padding:13px 18px;border-radius:11px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef2f0;font-size:12px;font-weight:800}.badge.good{color:var(--good);background:#e7f4ec}.badge.warn{color:var(--warn);background:var(--gold-soft)}.badge.bad{color:var(--danger);background:#fef3f2}.flash{padding:12px 14px;border-radius:9px;margin:14px 0}.flash.error{background:#fef3f2;color:#912018}.flash.success{background:#e7f4ec;color:#175c3d}.flash.info{background:var(--blue-soft);color:var(--blue-dark)}.login{max-width:420px;margin:70px auto}.stop{padding:14px 0;border-bottom:1px solid var(--line)}.stop:last-child{border-bottom:0}.stop-title{font-weight:800}.stop-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.small{font-size:12px}.route-head{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.route-stat{padding:12px;background:#f6f9f7;border-radius:10px}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#edf2ef;padding:2px 5px;border-radius:5px}.danger-text{color:var(--danger);font-weight:700}.good-text{color:var(--good);font-weight:700}

/* Marketing homepage */
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;padding:72px 10px 56px;min-height:620px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.14em;color:var(--green);margin-bottom:13px}.hero h1{font-size:clamp(42px,5vw,68px);letter-spacing:-.055em;margin-bottom:20px}.hero h1 span{color:var(--blue)}.hero-lead{font-size:19px;max-width:720px;color:#566863;margin-bottom:26px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:var(--green-dark);font-size:13px;font-weight:700}.hero-visual{display:flex;justify-content:center}.map-card{width:min(100%,520px);background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 30px 70px rgba(31,81,69,.14);transform:rotate(1deg)}.map-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.map-title{font-size:12px;font-weight:900;letter-spacing:.1em}.map-grid{position:relative;height:330px;border-radius:17px;overflow:hidden;background:linear-gradient(90deg,transparent 24%,rgba(47,111,94,.09) 25%,transparent 26%,transparent 49%,rgba(47,111,94,.07) 50%,transparent 51%,transparent 74%,rgba(47,111,94,.09) 75%,transparent 76%),linear-gradient(0deg,transparent 24%,rgba(36,87,167,.08) 25%,transparent 26%,transparent 49%,rgba(36,87,167,.07) 50%,transparent 51%,transparent 74%,rgba(36,87,167,.08) 75%,transparent 76%),#f2f7f3}.route-line{position:absolute;height:4px;border-radius:999px;transform-origin:left center}.route-a{width:250px;left:120px;top:175px;background:var(--blue);transform:rotate(-30deg)}.route-b{width:205px;left:117px;top:178px;background:var(--gold);transform:rotate(40deg)}.route-c{width:155px;left:116px;top:177px;background:var(--green);transform:rotate(165deg)}.map-pin{position:absolute;width:34px;height:34px;border-radius:50% 50% 50% 12px;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:900;transform:rotate(-45deg);box-shadow:0 5px 14px rgba(20,43,43,.15)}.map-pin::first-letter{transform:rotate(45deg)}.map-pin.depot{left:103px;top:160px;background:var(--green-dark);font-size:13px}.map-pin.p1{left:319px;top:73px;background:var(--blue)}.map-pin.p2{left:343px;top:244px;background:var(--gold-dark)}.map-pin.p3{left:40px;top:207px;background:var(--green)}.map-pin.p4{left:395px;top:148px;background:var(--blue)}.map-pin.p5{left:265px;top:268px;background:var(--gold-dark)}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.mini-metrics div{background:#f7faf8;border-radius:12px;padding:12px}.mini-metrics strong,.mini-metrics span{display:block}.mini-metrics strong{font-size:19px}.mini-metrics span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.problem-strip{display:grid;grid-template-columns:repeat(3,1fr);border-radius:18px;overflow:hidden;background:var(--green-dark);color:#fff;margin:10px 0 70px}.problem-strip div{padding:24px;border-right:1px solid rgba(255,255,255,.15)}.problem-strip div:last-child{border-right:0}.problem-strip strong,.problem-strip span{display:block}.problem-strip strong{color:#fff;margin-bottom:5px}.problem-strip span{color:#d9e9e3;font-size:14px}.section-block{padding:64px 0}.section-heading{max-width:760px;margin-bottom:30px}.section-heading.compact{max-width:650px}.section-heading h2,.efficiency-section h2,.cta-panel h2{font-size:clamp(30px,4vw,47px);letter-spacing:-.035em}.section-heading p,.efficiency-section>div>p{font-size:17px;color:var(--muted)}.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.use-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;min-height:280px;display:flex;flex-direction:column}.use-card:nth-child(2){border-top:4px solid var(--gold)}.use-card:nth-child(3){border-top:4px solid var(--blue)}.use-card:nth-child(1),.use-card:nth-child(4){border-top:4px solid var(--green)}.use-icon{width:42px;height:42px;border-radius:12px;background:var(--green-soft);display:grid;place-items:center;color:var(--green-dark);font-size:20px;font-weight:900;margin-bottom:20px}.use-card h3{font-size:19px}.use-card p{color:var(--muted);font-size:14px}.use-tag{margin-top:auto;font-size:12px;font-weight:900;color:var(--blue);letter-spacing:.04em;text-transform:uppercase}.how-section{background:#eef5f1;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:max(18px,calc((100vw - 1204px)/2));padding-right:max(18px,calc((100vw - 1204px)/2))}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{padding:24px 4px}.step>span{font-size:13px;font-weight:900;color:var(--blue);border-bottom:3px solid var(--gold);padding-bottom:5px}.step h3{font-size:19px;margin-top:22px}.step p{font-size:14px;color:var(--muted)}.efficiency-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:84px 0;align-items:start}.efficiency-list>div{border-top:1px solid var(--line);padding:20px 0 17px;display:grid;grid-template-columns:45px 1fr;column-gap:12px}.efficiency-list span{grid-row:1/3;color:var(--gold-dark);font-weight:900}.efficiency-list strong{font-size:17px}.efficiency-list p{margin:4px 0 0;color:var(--muted);font-size:14px}.cta-panel{display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--blue-dark);color:#fff;border-radius:24px;padding:42px;margin:30px 0 10px}.cta-panel h2{margin-bottom:10px}.cta-panel p{margin:0;color:#dbe7fa}.eyebrow.light{color:#f6d875}.fine-print{font-size:11px;color:var(--muted);margin:14px 5px 70px}.site-footer{max-width:1240px;margin:0 auto;padding:24px 28px 38px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:13px}

@media(max-width:950px){.hero{grid-template-columns:1fr;padding-top:52px}.hero-visual{justify-content:flex-start}.use-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.efficiency-section{grid-template-columns:1fr;gap:25px}.problem-strip{grid-template-columns:1fr}.problem-strip div{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.problem-strip div:last-child{border-bottom:0}}
@media(max-width:700px){.wrap{margin:18px auto}.landing-wrap{margin-top:0}.card{padding:14px}table{font-size:12px}th,td{padding:8px 5px}.hide-mobile{display:none}.site-nav{padding:10px 14px}.nav-actions>a:not(.nav-button){display:none}.nav-user{display:none}.hero{padding:38px 0}.hero h1{font-size:42px}.hero-lead{font-size:17px}.map-grid{height:270px}.map-pin.p4{left:auto;right:25px}.use-grid,.steps{grid-template-columns:1fr}.use-card{min-height:auto}.cta-panel{align-items:flex-start;flex-direction:column;padding:28px}.site-footer{flex-direction:column}.trust-row{gap:10px 15px}}

/* Route mini maps */
.mini-map-link,.stop-mini-map-link{display:block;text-decoration:none}
.mini-map{width:100%;margin-top:14px;border-radius:14px;border:1px solid var(--line);display:block;background:#eef5f1}
.route-map-block{margin-top:18px}
.route-map-head{margin-bottom:10px}
.route-map-head h2{margin:0;font-size:18px}
.route-map{width:100%;border-radius:16px;border:1px solid var(--line);display:block;background:#eef5f1}
.stop-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px;align-items:start}
.stop-mini-map{width:100%;border-radius:12px;border:1px solid var(--line);display:block;background:#eef5f1}
.map-note{margin-top:14px}

@media(max-width:780px){
  .stop-grid{grid-template-columns:1fr}
  .stop-mini-map-link{max-width:320px}
}


.brand-logo{width:42px;height:42px;object-fit:contain;display:block}.brand-wordmark{font-weight:900;color:var(--ink)}.hero-image{width:min(100%,560px);display:block;border-radius:28px;filter:drop-shadow(0 28px 60px rgba(31,81,69,.16))}.export-links{display:flex;flex-wrap:wrap;gap:8px}.export-btn{padding:8px 10px;font-size:12px}.hero-visual{align-items:center}.site-footer a{color:var(--blue)}


/* OpenStreetMap / Leaflet mini maps */
.leaflet-map{background:#eef5f1;overflow:hidden}.leaflet-container{font:inherit;border-radius:inherit}.rf-marker-wrap{background:transparent;border:none}.rf-marker{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#fff;font-size:12px;font-weight:800;box-shadow:0 3px 10px rgba(20,43,43,.2)}
.mini-map-link,.stop-mini-map-link{display:block;text-decoration:none}
.mini-map{width:100%;height:190px;margin-top:14px;border-radius:14px;border:1px solid var(--line)}
.route-map-block{margin-top:18px}.route-map-head{margin-bottom:10px}.route-map-head h2{margin:0;font-size:18px}.route-map{width:100%;height:320px;border-radius:16px;border:1px solid var(--line)}
.stop-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px;align-items:start}.stop-mini-map{width:100%;height:170px;border-radius:12px;border:1px solid var(--line)}.map-note{margin-top:14px}
@media(max-width:780px){.stop-grid{grid-template-columns:1fr}.stop-mini-map-link{max-width:320px}}

/* Chunk 1: deployment proof + no-CDN street map embeds */
.build-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:var(--gold-soft);color:var(--gold-dark);font-size:11px;font-weight:900;letter-spacing:.03em}
.stage-banner{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 0 18px;padding:11px 14px;border:1px solid #cfe0d6;border-left:4px solid var(--green);border-radius:10px;background:#f7fbf8;font-size:13px;color:var(--green-dark)}
.stage-banner span{color:var(--muted)}
.map-frame-wrap{position:relative;overflow:hidden;background:#eef5f1;border:1px solid var(--line);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.map-frame-wrap iframe{display:block;width:100%;height:100%;border:0;background:#eef5f1}
.map-frame-wrap.mini-map{height:190px;margin-top:14px;border-radius:14px}
.map-frame-wrap.route-map{height:340px;border-radius:16px}
.map-frame-wrap.stop-mini-map{height:170px;border-radius:12px}
.map-label{position:absolute;left:8px;bottom:8px;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:7px;padding:4px 7px;font-size:10px;font-weight:800;color:var(--green-dark);pointer-events:none}
@media(max-width:700px){.build-chip{display:none}.map-frame-wrap.route-map{height:280px}}

/* v0.7 maps: server-rendered street maps + route overview */
.overview-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.overview-kpi{display:flex;align-items:center;gap:13px;padding:15px}.overview-kpi .metric{line-height:1.05}.kpi-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);font-weight:900}.kpi-icon.green{background:var(--green-soft);color:var(--green)}.kpi-icon.gold{background:var(--gold-soft);color:var(--gold-dark)}.kpi-icon.red{background:#fef3f2;color:var(--danger)}
.route-overview-card{padding:16px;margin-bottom:18px}.overview-heading h2{margin-bottom:4px}.overview-heading p{margin:0}.route-overview-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:14px;align-items:stretch}.route-overview-map-wrap{min-height:470px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#edf4ef}.route-overview-map{display:block;width:100%;height:100%;min-height:470px;object-fit:cover}.overview-route-list{display:flex;flex-direction:column;gap:7px;max-height:610px;overflow:auto;padding-right:2px}.overview-route-item{display:grid;grid-template-columns:12px minmax(120px,1fr) 52px 52px 72px;gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);transition:border-color .15s ease,transform .15s ease}.overview-route-item:hover{border-color:#b8c9c0;transform:translateY(-1px)}.route-color-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 3px rgba(20,43,43,.05)}.overview-route-copy strong,.overview-route-copy small,.overview-route-stats strong,.overview-route-stats small{display:block}.overview-route-copy strong{font-size:13px}.overview-route-copy small,.overview-route-stats small{font-size:10px;color:var(--muted)}.overview-route-stats{text-align:right}.overview-route-stats strong{font-size:12px}
.route-card-map-link{position:relative;display:block;margin-top:14px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#edf4ef}.mini-map-image{display:block;width:100%;height:190px;object-fit:cover}.route-card-map-link .map-label{position:absolute;left:8px;bottom:8px}.route-map-image{display:block;width:100%;height:auto;max-height:480px;object-fit:cover;border-radius:16px;border:1px solid var(--line);background:#edf4ef}.stop-mini-map-image{display:block;width:100%;height:170px;object-fit:cover;border-radius:12px;border:1px solid var(--line);background:#edf4ef}.route-map-block{margin-top:18px}.route-map-head{margin-bottom:10px}.route-map-head h2{margin:0;font-size:18px}.stop-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px;align-items:start}
@media(max-width:1000px){.overview-kpis{grid-template-columns:repeat(2,1fr)}.route-overview-layout{grid-template-columns:1fr}.overview-route-list{max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.route-overview-map,.route-overview-map-wrap{min-height:380px}}
@media(max-width:700px){.overview-kpis{grid-template-columns:1fr 1fr}.overview-route-list{grid-template-columns:1fr}.overview-route-item{grid-template-columns:12px minmax(120px,1fr) 45px 45px 65px}.route-overview-map,.route-overview-map-wrap{min-height:300px}.stop-grid{grid-template-columns:1fr}.stop-mini-map-image{max-width:360px}.mini-map-image{height:170px}}

/* v0.7.1 maps: single-route mini maps + local zoom controls */
.zoomable-map{position:relative;overflow:hidden;background:#edf4ef}
.zoomable-map img{display:block}
.zoomable-map.map-loading::after{content:"Updating map…";position:absolute;inset:0;display:grid;place-items:center;background:rgba(255,255,255,.58);color:var(--green-dark);font-size:12px;font-weight:800;z-index:3;pointer-events:none}
.map-zoom-controls{position:absolute;top:10px;right:10px;z-index:4;display:flex;align-items:center;gap:4px;padding:4px;background:rgba(255,255,255,.94);border:1px solid rgba(20,43,43,.14);border-radius:10px;box-shadow:0 4px 14px rgba(20,43,43,.14)}
.map-zoom-controls button{width:34px;height:34px;padding:0;border-radius:7px;background:#fff;color:var(--green-dark);border:1px solid var(--line);font-size:20px;line-height:1;font-weight:900;display:grid;place-items:center}
.map-zoom-controls button:hover{background:var(--green-soft);border-color:#b9cec4}
.map-zoom-controls button:disabled{opacity:.38;cursor:not-allowed}
.map-zoom-controls .map-reset{font-size:17px}
.map-zoom-level{min-width:34px;text-align:center;font-size:10px;font-weight:900;color:var(--muted);padding:0 3px}
.map-zoom-controls.compact{top:6px;right:6px;padding:3px;gap:3px;border-radius:8px}
.map-zoom-controls.compact button{width:27px;height:27px;font-size:17px;border-radius:6px}
.map-zoom-controls.compact .map-reset{font-size:14px}

/* Route list thumbnails intentionally use the exact same rendered route map as route detail. */
.overview-route-list{gap:10px}
.overview-route-item{display:grid;grid-template-columns:142px minmax(0,1fr);gap:10px;align-items:stretch;padding:8px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:border-color .15s ease,transform .15s ease}
.overview-route-item:hover{border-color:#b8c9c0;transform:translateY(-1px)}
.overview-route-thumb{height:88px;border:1px solid var(--line);border-radius:9px}
.overview-route-thumb img{width:100%;height:100%;object-fit:cover}
.overview-route-main{display:grid;grid-template-columns:12px minmax(105px,1fr) 44px 44px 62px;gap:7px;align-items:center;color:var(--ink);min-width:0}
.overview-route-main:hover{color:var(--ink)}

.route-card-map-link{position:relative;display:block;margin-top:14px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#edf4ef}
.mini-map-image{display:block;width:100%;height:230px;object-fit:cover}
.route-card-map-link .map-label{position:absolute;left:8px;bottom:8px;z-index:2}
.route-detail-map{border-radius:16px}
.route-detail-map .route-map-image{width:100%;max-height:none;height:auto;min-height:320px;object-fit:cover}
.stop-map-widget{border-radius:12px;max-width:100%}
.stop-map-widget .stop-mini-map-image{width:100%;height:190px;object-fit:cover}

@media(max-width:1000px){
  .overview-route-item{grid-template-columns:125px minmax(0,1fr)}
  .overview-route-thumb{height:82px}
}
@media(max-width:700px){
  .overview-route-item{grid-template-columns:110px minmax(0,1fr)}
  .overview-route-main{grid-template-columns:10px minmax(90px,1fr) 40px 40px 55px;gap:5px}
  .map-zoom-controls{top:7px;right:7px}
  .mini-map-image{height:205px}
  .route-detail-map .route-map-image{min-height:270px}
}

/* v0.7.2 maps: draggable/pannable server-rendered maps + low-profile controls */
.zoomable-map{cursor:grab;touch-action:none}
.zoomable-map.map-panning{cursor:grabbing}
.zoomable-map img[data-map-base]{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;will-change:transform;transform-origin:center center}
.map-zoom-controls{top:7px;right:7px;gap:2px;padding:2px;border-radius:7px;background:rgba(255,255,255,.58);border:1px solid rgba(20,43,43,.08);box-shadow:none;opacity:.34;transition:opacity .16s ease,background .16s ease;backdrop-filter:blur(3px)}
.zoomable-map:hover .map-zoom-controls,.zoomable-map:focus-within .map-zoom-controls,.map-zoom-controls:hover{opacity:.92;background:rgba(255,255,255,.78)}
.map-zoom-controls button{width:25px;height:25px;border-radius:5px;border:0;background:rgba(255,255,255,.52);font-size:16px;font-weight:800;color:var(--green-dark)}
.map-zoom-controls button:hover,.map-zoom-controls button:focus-visible{background:rgba(232,242,237,.92);outline:1px solid rgba(47,111,94,.25)}
.map-zoom-controls button:disabled{opacity:.28}
.map-zoom-controls .map-reset{font-size:13px}
.map-zoom-level{display:none}
.map-zoom-controls.compact{top:5px;right:5px;padding:1px;gap:1px;border-radius:6px;opacity:.26}
.map-zoom-controls.compact button{width:20px;height:20px;font-size:13px;border-radius:4px}
.map-zoom-controls.compact .map-reset{font-size:11px}
.zoomable-map.map-loading::after{content:"";background:rgba(255,255,255,.12)}
@media(hover:none){.map-zoom-controls{opacity:.52}.map-zoom-controls.compact{opacity:.42}}

/* v0.8 visual refresh: warm Japandi / restrained wabi-sabi */
:root{
  --bg:#f2efe7;
  --card:#fffdf8;
  --ink:#18302d;
  --muted:#6f756f;
  --line:#ddd9cf;
  --green-soft:#e3ece4;
  --gold-soft:#f8edc8;
  --blue-soft:#e8eef7;
  --paper:#f8f5ee;
  --paper-deep:#ece7dc;
  --clay:#d8c8aa;
}
body{
  background-color:var(--bg);
  background-image:
    radial-gradient(circle at 8% 12%,rgba(230,184,63,.055) 0 1px,transparent 1.5px),
    radial-gradient(circle at 78% 18%,rgba(47,111,94,.045) 0 1px,transparent 1.4px),
    linear-gradient(115deg,rgba(255,255,255,.18),transparent 38%);
  background-size:19px 19px,23px 23px,100% 100%;
}
.site-nav{
  background:rgba(250,248,242,.92);
  border-bottom-color:rgba(131,122,104,.18);
  padding:10px 24px;
  box-shadow:0 5px 24px rgba(74,67,54,.035);
}
.brand-logo{filter:saturate(.92) contrast(.98)}
.wrap{margin:22px auto;padding:0 20px}.landing-wrap{position:relative;overflow:visible}
.card{
  background:rgba(255,253,248,.96);
  border-color:rgba(157,148,130,.24);
  border-radius:17px 14px 18px 15px;
  box-shadow:0 8px 28px rgba(70,64,51,.045),0 1px 1px rgba(70,64,51,.04);
}
.grid{gap:15px}.grid.two{gap:16px}.grid.four{gap:14px}
input,select,textarea{background:#fffefb;border-color:#d5d0c5;border-radius:9px}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(36,87,167,.12);border-color:#9db3d4}
button,.btn{border-radius:9px;box-shadow:0 2px 0 rgba(24,48,45,.04)}
.btn.ghost,button.ghost{background:#fffdf8;border-color:#d3d7d0}
table tbody tr:nth-child(even){background:rgba(245,241,232,.38)}
.route-stat{background:#f3f1ea;border:1px solid rgba(157,148,130,.12)}

/* Public site composition */
.warm-hero{
  position:relative;
  min-height:0;
  grid-template-columns:1.04fr .96fr;
  gap:38px;
  padding:48px 34px 38px;
  margin-top:18px;
  background:linear-gradient(138deg,rgba(255,253,248,.98),rgba(246,242,232,.95));
  border:1px solid rgba(157,148,130,.24);
  border-radius:36px 24px 40px 22px;
  box-shadow:0 24px 60px rgba(75,68,54,.065);
  overflow:hidden;
}
.warm-hero::before{
  content:"";position:absolute;width:260px;height:210px;right:-85px;top:-72px;
  background:rgba(230,184,63,.12);border-radius:43% 57% 62% 38% / 58% 43% 57% 42%;transform:rotate(-13deg)
}
.warm-hero::after{
  content:"";position:absolute;width:190px;height:150px;left:-82px;bottom:-92px;
  background:rgba(47,111,94,.085);border-radius:64% 36% 51% 49% / 45% 63% 37% 55%;transform:rotate(19deg)
}
.hero-copy,.hero-visual{position:relative;z-index:1}
.hero h1{font-size:clamp(40px,4.65vw,62px);letter-spacing:-.05em;margin-bottom:16px;max-width:720px}
.hero-lead{font-size:18px;line-height:1.63;margin-bottom:20px;color:#5f6a64;max-width:680px}
.hero-actions{gap:10px}.btn-large{padding:12px 17px}
.trust-row{gap:8px 10px;margin-top:20px;font-size:12px}
.trust-row span{padding:6px 9px;background:rgba(255,255,255,.58);border:1px solid rgba(157,148,130,.18);border-radius:999px}
.hero-note{display:flex;align-items:center;gap:10px;margin-top:17px;padding-top:15px;border-top:1px solid rgba(157,148,130,.19);max-width:610px}
.hero-note-mark{width:30px;height:30px;border:1px solid rgba(47,111,94,.32);border-radius:54% 46% 57% 43%;display:grid;place-items:center;color:var(--green);font-weight:900}
.hero-note strong,.hero-note small{display:block}.hero-note strong{font-size:12px;color:var(--green-dark)}.hero-note small{font-size:11px;color:var(--muted);margin-top:2px}
.hero-art-frame{position:relative;width:min(100%,540px);padding:10px;background:rgba(255,255,255,.6);border:1px solid rgba(157,148,130,.21);border-radius:28px 18px 32px 21px;box-shadow:0 18px 42px rgba(65,60,49,.09);transform:rotate(.4deg)}
.hero-image{width:100%;border-radius:22px 14px 25px 16px;filter:saturate(.88) contrast(.97);box-shadow:none}
.hero-caption{display:flex;align-items:center;justify-content:center;gap:9px;padding:8px 4px 1px;color:#73776f;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.hero-caption i{width:18px;height:1px;background:rgba(184,135,23,.52)}

.problem-strip.warm-strip{
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:rgba(157,148,130,.18);
  color:var(--ink);
  border:1px solid rgba(157,148,130,.2);
  border-radius:18px 14px 20px 15px;
  margin:16px 20px 38px;
  overflow:hidden;
}
.problem-strip.warm-strip div{padding:17px 20px;background:rgba(255,253,248,.93);border:0}
.problem-strip.warm-strip div:nth-child(2){background:#f5f0e3}
.problem-strip.warm-strip strong{color:var(--green-dark);font-size:13px;margin-bottom:3px}
.problem-strip.warm-strip span{color:var(--muted);font-size:12px}

.section-block{padding:44px 0}.section-heading{margin-bottom:22px}.section-heading h2,.efficiency-section h2,.cta-panel h2{font-size:clamp(29px,3.5vw,43px);letter-spacing:-.035em}
.split-heading{max-width:none;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:end}
.split-heading p{margin:0 0 4px;font-size:15px;line-height:1.7}
.use-grid{grid-template-columns:repeat(2,1fr);gap:13px}
.use-card{min-height:0;padding:21px 22px 19px;background:rgba(255,253,248,.93);border:1px solid rgba(157,148,130,.22);box-shadow:0 7px 24px rgba(71,65,52,.035)}
.use-card:nth-child(1){border-radius:24px 15px 18px 14px;border-top:1px solid rgba(157,148,130,.22)}
.use-card:nth-child(2){border-radius:15px 25px 16px 20px;border-top:1px solid rgba(157,148,130,.22);background:#fbf6e8}
.use-card:nth-child(3){border-radius:17px 14px 26px 16px;border-top:1px solid rgba(157,148,130,.22);background:#f6f8f4}
.use-card:nth-child(4){border-radius:20px 17px 15px 27px;border-top:1px solid rgba(157,148,130,.22)}
.use-icon{width:38px;height:38px;margin-bottom:13px;border-radius:51% 49% 58% 42% / 45% 58% 42% 55%;background:#e7eee7}
.use-card h3{font-size:18px;margin-bottom:7px}.use-card p{font-size:13px;line-height:1.65;margin:0 0 14px}.use-tag{font-size:10px;margin-top:0}

.quiet-statement{
  display:grid;grid-template-columns:80px 1.1fr .9fr;gap:26px;align-items:center;
  margin:8px 0 30px;padding:27px 30px;background:#ece5d8;border:1px solid rgba(157,148,130,.2);
  border-radius:17px 30px 18px 24px;position:relative;overflow:hidden
}
.quiet-statement::after{content:"";position:absolute;width:160px;height:110px;right:-55px;bottom:-50px;background:rgba(47,111,94,.075);border-radius:60% 40% 45% 55%;transform:rotate(-18deg)}
.quiet-mark{width:62px;height:62px;display:grid;place-items:center;border:1px solid rgba(47,111,94,.24);border-radius:46% 54% 41% 59% / 53% 42% 58% 47%;font-family:Georgia,serif;font-size:27px;color:var(--green-dark);background:rgba(255,253,248,.42)}
.quiet-statement blockquote{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:24px;line-height:1.35;color:#263d38}
.quiet-statement p{margin:0;font-size:13px;line-height:1.7;color:var(--muted);position:relative;z-index:1}

.how-section{
  background:linear-gradient(110deg,#e8eee8,#ece9df);
  padding-top:42px;padding-bottom:42px;
  border-top:1px solid rgba(157,148,130,.17);border-bottom:1px solid rgba(157,148,130,.17)
}
.steps{gap:11px}.step{padding:17px 17px 15px;background:rgba(255,253,248,.56);border:1px solid rgba(157,148,130,.18);border-radius:14px 18px 15px 20px}
.step:nth-child(even){transform:translateY(7px);border-radius:19px 13px 21px 15px}.step>span{border-bottom:0;padding:0;font-size:11px;color:var(--gold-dark)}.step h3{font-size:17px;margin:13px 0 6px}.step p{font-size:12px;line-height:1.6;margin:0}

.efficiency-section{grid-template-columns:.9fr 1.1fr;gap:42px;padding:54px 0 46px;align-items:stretch}
.efficiency-intro{padding:25px 26px;background:#fffaf0;border:1px solid rgba(157,148,130,.2);border-radius:24px 16px 26px 18px}
.efficiency-intro h2{font-size:clamp(28px,3vw,39px)}.efficiency-intro p{font-size:14px!important;line-height:1.75;margin-bottom:0}
.efficiency-list{display:grid;gap:9px}.efficiency-list>div{border:1px solid rgba(157,148,130,.18);padding:16px 18px;grid-template-columns:38px 1fr;background:rgba(255,253,248,.72);border-radius:13px 20px 14px 17px}
.efficiency-list>div:nth-child(2){background:#f0f4ef;border-radius:19px 13px 18px 14px}.efficiency-list>div:nth-child(3){background:#f8f1de;border-radius:14px 18px 13px 22px}.efficiency-list span{font-size:11px}.efficiency-list strong{font-size:15px}.efficiency-list p{font-size:12px;line-height:1.6;margin-top:3px}

.cta-panel.warm-cta{margin:18px 0 8px;padding:32px 34px;background:linear-gradient(115deg,#214f45,#2f6f5e);border-radius:25px 17px 28px 19px;box-shadow:0 18px 44px rgba(31,81,69,.11);position:relative;overflow:hidden}
.cta-panel.warm-cta::after{content:"";position:absolute;width:210px;height:155px;right:-88px;top:-82px;background:rgba(230,184,63,.2);border-radius:57% 43% 62% 38%;transform:rotate(15deg)}
.cta-panel.warm-cta>div{position:relative;z-index:1}.cta-panel.warm-cta h2{font-size:clamp(28px,3.2vw,40px)}
.fine-print{margin:11px 5px 38px}.site-footer{padding:20px 28px 30px;border-top-color:rgba(157,148,130,.22)}

/* Internal surfaces: warmer without reducing operational density */
.overview-kpi{padding:13px 14px}.route-overview-card{background:#fffdf8}.overview-route-item{background:#fffdfa;border-color:rgba(157,148,130,.2)}
.overview-route-item:nth-child(even){background:#faf7ef}.route-overview-map-wrap,.route-card-map-link,.overview-route-thumb{border-color:rgba(157,148,130,.25)}
.stop{padding:13px 0}.badge{background:#eeeae1}

@media(max-width:950px){
  .warm-hero{grid-template-columns:1fr;padding:34px 28px}.hero-art-frame{max-width:600px}.split-heading{grid-template-columns:1fr;gap:9px}.quiet-statement{grid-template-columns:65px 1fr}.quiet-statement>p{grid-column:2}.steps .step:nth-child(even){transform:none}.efficiency-section{grid-template-columns:1fr;gap:14px}
}
@media(max-width:700px){
  .wrap{padding:0 14px}.warm-hero{margin-top:10px;padding:28px 20px 24px;border-radius:24px 15px 27px 17px}.hero h1{font-size:39px}.hero-lead{font-size:16px}.hero-note{align-items:flex-start}.problem-strip.warm-strip{grid-template-columns:1fr;margin:11px 6px 27px}.problem-strip.warm-strip div{padding:14px 16px}.section-block{padding:34px 0}.use-grid{grid-template-columns:1fr}.quiet-statement{grid-template-columns:1fr;gap:12px;padding:22px}.quiet-statement>p{grid-column:1}.quiet-mark{width:52px;height:52px}.quiet-statement blockquote{font-size:21px}.how-section{padding-top:34px;padding-bottom:34px}.steps{grid-template-columns:1fr}.cta-panel.warm-cta{padding:27px 23px}.fine-print{margin-bottom:28px}
}

/* v0.9 visibility modes: outdoor-first Light, low-glare Dark, device-following Auto */
html[data-effective-theme="light"]{
  color-scheme:light;
  --bg:#f2efe6;
  --card:#fffef9;
  --ink:#102723;
  --muted:#4d5d57;
  --line:#c9c6bb;
  --green:#276b58;
  --green-dark:#174b3d;
  --green-soft:#dcebe2;
  --gold:#ddaF2d;
  --gold-dark:#946b0f;
  --gold-soft:#f8edc8;
  --blue:#2457a7;
  --blue-dark:#183d79;
  --blue-soft:#e2ebf9;
  --danger:#a91f17;
  --good:#176944;
  --warn:#8a5908;
  --brand:#174f9c;
  --paper:#f8f5ee;
  --paper-deep:#e8e2d5;
  --clay:#d3c2a2;
}

.appearance-control{display:inline-flex;align-items:center;gap:5px;margin:0;padding:3px 5px 3px 7px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.72);font-size:11px;font-weight:800;white-space:nowrap}
.appearance-icon{display:inline-grid;place-items:center;width:16px;color:var(--gold-dark);font-size:13px;line-height:1}
.appearance-control select{width:auto;min-width:66px;padding:4px 22px 4px 5px;border:0;border-radius:999px;background:transparent;color:var(--ink);font-size:11px;font-weight:800;outline:0;cursor:pointer}
.appearance-control select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

html[data-effective-theme="light"] .site-nav{background:rgba(255,254,249,.985);border-bottom-color:#c7c4b9;box-shadow:0 4px 18px rgba(62,57,46,.07)}
html[data-effective-theme="light"] .card{border-color:#c9c6bb;box-shadow:0 7px 24px rgba(59,53,43,.055),0 1px 2px rgba(59,53,43,.06)}
html[data-effective-theme="light"] input,html[data-effective-theme="light"] select,html[data-effective-theme="light"] textarea{background:#fff;border-color:#bbb8ad;color:#102723}
html[data-effective-theme="light"] .route-stat{background:#f0eee7;border-color:#d4d0c5}
html[data-effective-theme="light"] .overview-route-item{border-color:#cbc7bc}
html[data-effective-theme="light"] .badge{border:1px solid rgba(16,39,35,.1)}
html[data-effective-theme="light"] img[data-map-base]{filter:contrast(1.11) saturate(1.06) brightness(1.015)}
html[data-effective-theme="light"] .map-label{background:rgba(255,255,255,.94);color:#123d32;border-color:#bbbfb8}
html[data-effective-theme="light"] .map-zoom-controls{background:rgba(255,255,255,.66)}
html[data-effective-theme="light"] .map-zoom-controls button{color:#123d32}

/* Driver pages prioritize glanceability and touch targets in variable lighting. */
.role-driver .route-stat strong{font-size:16px;letter-spacing:-.01em}
.role-driver .stop{font-size:15px}
.role-driver .stop-title{font-size:16px;line-height:1.3}
.role-driver .stop-actions .btn,.role-driver .stop-actions button{min-height:42px;padding:10px 14px}
.role-driver .map-zoom-controls button{min-height:0;padding:0}

html[data-effective-theme="dark"]{
  color-scheme:dark;
  --bg:#101613;
  --card:#19211e;
  --ink:#f3f1e9;
  --muted:#bac5bf;
  --line:#3a4741;
  --green:#67b596;
  --green-dark:#98d5bd;
  --green-soft:#233b32;
  --gold:#edc55b;
  --gold-dark:#f1d27f;
  --gold-soft:#443c25;
  --blue:#78a7ec;
  --blue-dark:#b0caf5;
  --blue-soft:#23334d;
  --danger:#ff7a72;
  --good:#76d19c;
  --warn:#f1c369;
  --brand:#9bc0ff;
  --paper:#171d1a;
  --paper-deep:#202824;
  --clay:#6f6250;
}
html[data-effective-theme="dark"] body{
  background-color:#101613;
  background-image:radial-gradient(circle at 9% 12%,rgba(237,197,91,.035) 0 1px,transparent 1.6px),radial-gradient(circle at 80% 20%,rgba(103,181,150,.04) 0 1px,transparent 1.5px),linear-gradient(120deg,rgba(255,255,255,.018),transparent 42%);
}
html[data-effective-theme="dark"] .site-nav{background:rgba(15,21,18,.96);border-bottom-color:#334039;box-shadow:0 5px 22px rgba(0,0,0,.22)}
html[data-effective-theme="dark"] .site-nav a,html[data-effective-theme="dark"] .brand-wordmark{color:#f3f1e9}
html[data-effective-theme="dark"] .nav-user{color:#c7d1cc}
html[data-effective-theme="dark"] .appearance-control{background:rgba(29,39,34,.92);border-color:#4a5851}
html[data-effective-theme="dark"] .appearance-control select{color:#f3f1e9;background:#1d2722}
html[data-effective-theme="dark"] .appearance-icon{color:#f0cb69}
html[data-effective-theme="dark"] .build-chip{background:#403923;color:#f1d27f}
html[data-effective-theme="dark"] .card{background:#19211e;border-color:#3c4842;box-shadow:0 10px 30px rgba(0,0,0,.16),0 1px 1px rgba(255,255,255,.02)}
html[data-effective-theme="dark"] input,html[data-effective-theme="dark"] select,html[data-effective-theme="dark"] textarea{background:#111815;border-color:#4a5851;color:#f5f3ec}
html[data-effective-theme="dark"] input::placeholder,html[data-effective-theme="dark"] textarea::placeholder{color:#8fa099}
html[data-effective-theme="dark"] input:focus,html[data-effective-theme="dark"] select:focus,html[data-effective-theme="dark"] textarea:focus{outline-color:rgba(120,167,236,.24);border-color:#78a7ec}
html[data-effective-theme="dark"] button,html[data-effective-theme="dark"] .btn{background:#356fc2;color:#fff}
html[data-effective-theme="dark"] .btn.secondary,html[data-effective-theme="dark"] button.secondary{background:#34785f;color:#fff}
html[data-effective-theme="dark"] .btn.ghost,html[data-effective-theme="dark"] button.ghost{background:#202a25;color:#a9c9ff;border-color:#4a5a52}
html[data-effective-theme="dark"] .btn.good,html[data-effective-theme="dark"] button.good{background:#287654;color:#fff}
html[data-effective-theme="dark"] .btn.danger,html[data-effective-theme="dark"] button.danger{background:#a83c35;color:#fff}
html[data-effective-theme="dark"] .btn.gold,html[data-effective-theme="dark"] button.gold{background:#b88b24;color:#111814}
html[data-effective-theme="dark"] table tbody tr:nth-child(even){background:rgba(255,255,255,.025)}
html[data-effective-theme="dark"] th,html[data-effective-theme="dark"] td{border-bottom-color:#35413b}
html[data-effective-theme="dark"] .route-stat{background:#202a25;border-color:#39463f}
html[data-effective-theme="dark"] .code{background:#202a25;color:#e7ede9}
html[data-effective-theme="dark"] .badge{background:#29332e;border:1px solid #435049;color:#e8ede9}
html[data-effective-theme="dark"] .badge.good{background:#18392b;color:#8be0ad}
html[data-effective-theme="dark"] .badge.warn{background:#453a1e;color:#f4d27d}
html[data-effective-theme="dark"] .badge.bad{background:#462421;color:#ff9b94}
html[data-effective-theme="dark"] .flash.error{background:#422522;color:#ffaaa3}
html[data-effective-theme="dark"] .flash.success{background:#19372a;color:#97ddb3}
html[data-effective-theme="dark"] .flash.info{background:#23334d;color:#b9d0f7}
html[data-effective-theme="dark"] .stage-banner{background:#18251f;border-color:#355547;color:#a8dac5}
html[data-effective-theme="dark"] .kpi-icon{background:#22344f;color:#9bc0ff}
html[data-effective-theme="dark"] .kpi-icon.green{background:#20382e;color:#86d0b3}
html[data-effective-theme="dark"] .kpi-icon.gold{background:#41391f;color:#f0d078}
html[data-effective-theme="dark"] .kpi-icon.red{background:#422522;color:#ff928a}
html[data-effective-theme="dark"] .route-overview-card,html[data-effective-theme="dark"] .overview-route-item,html[data-effective-theme="dark"] .overview-route-item:nth-child(even){background:#19211e;border-color:#3d4943}
html[data-effective-theme="dark"] .overview-route-item:hover{border-color:#607168}
html[data-effective-theme="dark"] .overview-route-main,html[data-effective-theme="dark"] .overview-route-main:hover{color:#f3f1e9}
html[data-effective-theme="dark"] .route-overview-map-wrap,html[data-effective-theme="dark"] .route-card-map-link,html[data-effective-theme="dark"] .overview-route-thumb,html[data-effective-theme="dark"] .route-detail-map,html[data-effective-theme="dark"] .stop-map-widget{background:#151b18;border-color:#46534d}
html[data-effective-theme="dark"] img[data-map-base]{filter:brightness(.78) contrast(1.18) saturate(.86)}
html[data-effective-theme="dark"] .map-label{background:rgba(15,22,18,.88);border-color:#52605a;color:#f1f3ed}
html[data-effective-theme="dark"] .map-zoom-controls{background:rgba(18,26,22,.58);border-color:rgba(220,235,226,.09)}
html[data-effective-theme="dark"] .zoomable-map:hover .map-zoom-controls,html[data-effective-theme="dark"] .zoomable-map:focus-within .map-zoom-controls,html[data-effective-theme="dark"] .map-zoom-controls:hover{background:rgba(25,35,30,.82)}
html[data-effective-theme="dark"] .map-zoom-controls button{background:rgba(35,47,41,.72);color:#f2f4ef}
html[data-effective-theme="dark"] .map-zoom-controls button:hover,html[data-effective-theme="dark"] .map-zoom-controls button:focus-visible{background:rgba(60,84,72,.9);outline-color:rgba(126,192,165,.32)}

/* Dark-mode public site keeps the Japandi warmth while reducing glare. */
html[data-effective-theme="dark"] .warm-hero{background:linear-gradient(138deg,#19211e,#20231d);border-color:#424940;box-shadow:0 24px 62px rgba(0,0,0,.23)}
html[data-effective-theme="dark"] .warm-hero::before{background:rgba(237,197,91,.09)}
html[data-effective-theme="dark"] .warm-hero::after{background:rgba(103,181,150,.075)}
html[data-effective-theme="dark"] .hero-lead{color:#c2cbc6}
html[data-effective-theme="dark"] .trust-row{color:#b8ddcc}
html[data-effective-theme="dark"] .trust-row span{background:rgba(255,255,255,.035);border-color:#404b45}
html[data-effective-theme="dark"] .hero-note{border-top-color:#3c4842}
html[data-effective-theme="dark"] .hero-note strong{color:#9ed8c0}
html[data-effective-theme="dark"] .hero-art-frame{background:#171d1a;border-color:#404b45;box-shadow:0 20px 44px rgba(0,0,0,.25)}
html[data-effective-theme="dark"] .hero-image{filter:saturate(.82) brightness(.8) contrast(1.06)}
html[data-effective-theme="dark"] .hero-caption{color:#b6c0ba}
html[data-effective-theme="dark"] .problem-strip.warm-strip{background:#303a35;border-color:#404c46;color:#f3f1e9}
html[data-effective-theme="dark"] .problem-strip.warm-strip div,html[data-effective-theme="dark"] .problem-strip.warm-strip div:nth-child(2){background:#1b2420}
html[data-effective-theme="dark"] .problem-strip.warm-strip strong{color:#9fd5bf}
html[data-effective-theme="dark"] .problem-strip.warm-strip span{color:#b7c2bc}
html[data-effective-theme="dark"] .use-card,html[data-effective-theme="dark"] .use-card:nth-child(2),html[data-effective-theme="dark"] .use-card:nth-child(3),html[data-effective-theme="dark"] .use-card:nth-child(4){background:#19211e;border-color:#3b4741}
html[data-effective-theme="dark"] .use-icon{background:#22372e;color:#8dceb3}
html[data-effective-theme="dark"] .quiet-statement{background:#232a25;border-color:#3c4842}
html[data-effective-theme="dark"] .quiet-mark{background:#1a211e;color:#9fd4be;border-color:#496056}
html[data-effective-theme="dark"] .quiet-statement blockquote{color:#f0eee6}
html[data-effective-theme="dark"] .how-section{background:linear-gradient(110deg,#17221d,#22231e);border-color:#3a4640}
html[data-effective-theme="dark"] .step{background:#1c2521;border-color:#3a4640}
html[data-effective-theme="dark"] .efficiency-intro{background:#211f19;border-color:#45463b}
html[data-effective-theme="dark"] .efficiency-list>div,html[data-effective-theme="dark"] .efficiency-list>div:nth-child(2),html[data-effective-theme="dark"] .efficiency-list>div:nth-child(3){background:#1b2420;border-color:#3c4842}
html[data-effective-theme="dark"] .cta-panel.warm-cta{background:linear-gradient(115deg,#183e35,#245a4b)}
html[data-effective-theme="dark"] .site-footer{border-top-color:#35413b}

@media(max-width:700px){
  .appearance-control{padding:3px 4px 3px 6px}
  .appearance-control select{min-width:62px;font-size:11px}
  .nav-actions{gap:7px}
  .role-driver .stop{font-size:16px}
  .role-driver .stop-title{font-size:18px}
  .role-driver .route-stat strong{font-size:17px}
  .role-driver .stop-actions .btn,.role-driver .stop-actions button{min-height:46px;padding:11px 15px;font-size:15px}
  .role-driver .map-zoom-controls button{min-height:0;padding:0;font-size:13px}
}

@media(prefers-contrast:more){
  .card,.route-overview-map-wrap,.route-card-map-link,.overview-route-thumb,.route-detail-map,.stop-map-widget{border-width:2px}
  .muted{color:var(--ink)}
  button,.btn{box-shadow:0 0 0 2px rgba(255,255,255,.35)}
  img[data-map-base]{filter:contrast(1.2) saturate(1.05)}
}