/* Studio variant. Paper, ink and amber. Four-pixel corners, one type family. */
:root{--bg:#f5f3ee;--paper:#fdfaf5;--ink:#333d40;--muted:#72766f;--green:#333d40;--deep:#333d40;--lime:#e7ebec;--border:#c9ced0;--font:"Segoe UI",Meiryo,sans-serif}
body{background:#f5f3ee;color:#333d40}main{margin:0 auto;max-width:1240px;padding:24px 44px 40px}h1,h2,h3{font-family:var(--font);letter-spacing:0}h1{font-size:20px;font-weight:650}h2{font-size:17px;font-weight:550}.wordmark{font-family:var(--font);color:#333d40;font-size:20px;letter-spacing:-.5px}.page-header{padding:0 0 22px;margin-bottom:24px;border-bottom:2px solid #333d40;gap:20px}.header-right{font-size:11px;gap:24px}.header-nav{display:flex;align-items:center;gap:22px}.header-nav .text-button{font-size:12px;color:#72766f;padding:6px 0;border-bottom:2px solid transparent}.header-nav .active{color:#333d40;border-bottom-color:#557081}#today-date{display:none}.header-help{background:transparent;border:0;padding:0;color:#72766f;font-size:11px}.header-help svg{display:none}.first-calibration{font-size:11px;color:#72766f;line-height:1.8;margin-bottom:16px}
.panel,.stat-card,.summary-item{box-shadow:none;border-radius:4px;background:#fdfaf5;border-color:#c9ced0}.button{border-radius:3px;font-size:12px;font-weight:550}.button.small{font-size:11px}.button-primary{background:#333d40;color:#fdfaf5;border-color:#333d40}.button-primary:hover:not(:disabled){background:#52616d}.button-light{background:transparent;border-color:#c9ced0;color:#52616d}.button-light:hover:not(:disabled){background:#e8ebeb}.text-button,.icon-button,.estimate-link{color:#52616d}.text-button{font-size:12px}input,select{background:#fdfaf5;border-color:#c9ced0;color:#333d40;border-radius:3px}input[type=checkbox],input[type=radio]{accent-color:#333d40}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #557081;outline-offset:3px}input:focus,select:focus{outline-color:#557081}
#drawing-panel:not(.is-fullscreen):not(:fullscreen){margin-bottom:20px}.drawing-panel{background:#fdfaf5;border:1px solid #c9ced0}.drawing-panel .panel-header{padding:16px 22px 0}.drawing-panel h2{font-size:15px;color:#72766f;font-weight:500}.drawing-toolbar{padding:12px 22px 10px}.drawing-actions .icon-button{color:#52616d}.drawing-status{font-size:11px;color:#72766f;margin:0 22px 10px}.canvas-wrap{background:#fdfaf5;background-image:none;margin:0 22px;height:clamp(300px,42vh,480px);min-height:300px;flex:none;border:1px solid #d8d6cb;border-radius:1px}.canvas-placeholder p{font-family:var(--font);font-size:14px;color:#72766f}.canvas-placeholder span{font-size:11px;color:#737e86}.canvas-corner{color:#72766f;font-size:10px}#drawing-canvas:focus{outline:1px solid #7c929e;outline-offset:-2px}#drawing-canvas:focus-visible{outline:2px solid #7c929e;outline-offset:-2px}.canvas-wrap.is-paused{border-color:#737e86;box-shadow:inset 0 0 0 1px #737e86}.paused-badge{background:#52616d;color:#ffffff;border-color:#52616d;border-radius:3px}.drawing-meter{padding:14px 22px 8px;justify-content:flex-start;gap:24px}.drawing-meter strong{font-size:25px;letter-spacing:-.5px;color:#333d40}.drawing-meter small{font-size:12px}.small-label{font-size:11px;color:#72766f}.drawing-meter>svg{width:16px;color:#737e86}.save-row{margin:0 22px;justify-content:flex-end;padding:10px 0 18px}.save-row>span{font-size:11px;color:#72766f;margin-right:auto}.save-row .button{padding:12px 23px}.folded-settings{margin:8px 22px 0;border-top:1px solid #d8d6cb;padding-top:6px}.folded-settings>summary{font-size:11px;color:#72766f;cursor:pointer;padding:7px 0}.folded-settings[open]>summary{margin-bottom:12px}.folded-settings .touchpad-controls,.folded-settings .drawing-mode-row{margin-left:0;margin-right:0}.touchpad-controls{background:#f0f2f2;border-color:#d8d6cb;border-radius:3px}.touchpad-controls label,.touchpad-controls .button{font-size:11px;color:#72766f}.touchpad-controls select{font-size:11px}.drawing-mode-row{font-size:11px;color:#72766f;gap:12px}.fullscreen-tip{font-size:10px;color:#72766f}
.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:transparent;border:0;margin:0 0 36px}.stat-card{background:transparent;border:0;border-radius:0;min-height:0;padding:8px 22px 8px 0}.stat-card+.stat-card{border-left:1px solid #cecec3;padding-left:22px}.stat-label{font-size:11px;font-weight:400;color:#72766f}.stat-label svg{display:none}.stat-value{font-size:25px;margin-top:7px;line-height:1.2;letter-spacing:-.5px;color:#333d40;gap:6px}.stat-value small{font-size:12px;color:#72766f}.stat-foot{margin-top:7px;font-size:10px;color:#72766f;gap:8px}.mini-pill,.mini-pill.green{background:transparent;padding:0;color:#72766f}.destination-stat .stat-value{color:#333d40}.destination-stat .stat-foot{color:#72766f}.stat-foot>span:not(:first-child){display:none}
.work-grid{display:block;margin-bottom:22px}.journey-panel{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);column-gap:26px;background:transparent;border:0;border-radius:0;overflow:visible}.journal-tab{grid-column:1/-1;font-size:11px;color:#72766f;margin-bottom:10px}.journey-panel>.panel-header{grid-column:1/-1;padding:0}.journey-panel h2{font-size:22px;font-weight:500}.journey-panel h2>span{color:#737e86;font-size:17px}.journey-panel>.route-meta{grid-column:1/-1;padding:10px 0 14px;font-size:11px;color:#72766f}.route-tag{background:transparent;color:#72766f;font-size:10px}.map-controls{grid-column:1/-1;padding:0 0 10px;gap:18px}.map-view-button{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;padding:6px 0;color:#72766f;font-size:11px}.map-view-button.active{background:transparent;border-bottom-color:#557081;color:#333d40}.map-wrap{grid-column:1;grid-row:5/span 3;margin:0;height:330px;border:1px solid #c9ced0;border-radius:1px;background:#e4e8e9}.map-current-card{background:#fdfaf5ed;border-color:#c9ced0;border-radius:3px}.map-current-card>span{font-size:10px;color:#72766f}.map-current-card>strong{font-size:11px;color:#333d40}.map-key{background:#fdfaf5ed;border-color:#c9ced0;border-radius:3px;color:#72766f;font-size:9px}.key-current{background:#557081;border-color:#9aafba}.key-route{background:#737e86}.map-caption{color:#72766f;font-size:9px}.map-zoom-controls button{background:#fdfaf5;color:#333d40;border-color:#c9ced0}.map-zoom-controls span{color:#72766f}.location-grid{grid-column:2;grid-row:5;display:grid;grid-template-columns:1fr;gap:18px;padding:16px 0;border-top:1px solid #cecec3}.location-grid>svg{display:none}.location-grid strong{font-size:21px;font-weight:500;line-height:1.4}.location-detail{font-size:11px;color:#72766f;margin-top:4px}.progress-section{grid-column:2;grid-row:6;margin:0;padding:16px 0;border-top:1px solid #cecec3}.progress-label{font-size:12px;color:#72766f}.progress-label strong{font-size:16px;color:#333d40;font-weight:500}.progress-footer{font-size:10px;color:#72766f;line-height:1.6;margin-top:12px}.arrival-banner{grid-column:1/-1;background:#e7eced;margin:16px 0 0;border-radius:3px;color:#333d40}.arrival-banner p{color:#72766f}
.app-settings{margin:26px 0 0;padding:12px 0;border-top:1px solid #cecec3;border-bottom:1px solid #cecec3}.app-settings .measurement-panel,.app-settings .conversion-panel{border:0;border-radius:0;background:transparent;margin:0;padding:12px 0}.measurement-panel strong{font-size:12px;color:#52616d}.measurement-panel p,.conversion-title p{font-size:11px;color:#72766f}.conversion-title h3{font-size:13px}.settings-icon{display:none}.rate-form{font-size:12px}.rate-form input{color:#333d40;font-size:15px}.rate-feedback{font-size:11px;color:#72766f}.stamp-section,.footprints{margin-top:30px}.section-heading h2{font-size:16px;font-weight:500}.stamp-collection{display:flex;gap:20px;flex-wrap:wrap;padding:16px 0}.destination-stamp{border:0;border-left:2px solid #557081;border-radius:0;outline:0;background:transparent;width:auto;min-width:145px;min-height:0;padding:6px 14px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;color:#333d40}.destination-stamp>span{font-size:10px;color:#72766f}.destination-stamp strong{font-size:17px;font-weight:500}.destination-stamp time,.destination-stamp small{font-size:10px;color:#72766f}.stamp-empty{font-size:12px;color:#72766f}.record-row,.history-row{background:transparent;border-color:#c9ced0;padding:16px 0;gap:16px}.record-icon,.history-icon{background:transparent;color:#737e86}.record-meta strong,.history-row strong{font-size:12px;color:#333d40;font-weight:500}.record-meta>span,.record-meta strong span,.history-row p{font-size:10px;color:#72766f!important}.record-number{font-size:18px;color:#333d40}.record-number small{font-size:11px}.empty-state{background:transparent;border:0;border-left:2px solid #cecec3;border-radius:0;padding:12px 18px;color:#72766f}.empty-state strong{font-size:12px;font-weight:400}.empty-state p{font-size:11px}.records-panel{background:transparent;border:0;border-radius:0;margin-top:26px}.records-panel .panel-header{padding:0;border-bottom:1px solid #cecec3;padding-bottom:12px}.records-panel .muted{font-size:10px}.record-summary{gap:0;border-bottom:1px solid #cecec3}.summary-item{background:transparent;border:0;border-radius:0;padding:10px 20px 24px 0}.summary-item span{font-size:11px;color:#72766f}.summary-item strong{font-size:28px;color:#333d40}.summary-item small{font-size:12px}
.build-notes{border-top:1px solid #cecec3;margin-top:38px;padding-top:22px;display:grid;grid-template-columns:1.4fr 1fr;gap:42px}.build-notes h2{font-size:12px;font-weight:550;margin-bottom:8px}.build-notes p{font-size:11px;line-height:1.9;color:#72766f;max-width:540px}.build-notes summary{font-size:11px;color:#72766f;cursor:pointer}.build-notes ul{font-size:11px;line-height:1.9;color:#72766f;padding-left:18px}.build-notes time{display:block;font-size:10px}.page-footer{font-size:10px;color:#72766f;margin-top:26px}dialog{background:#fdfaf5;color:#333d40;border:1px solid #cecec3;border-radius:4px;box-shadow:0 12px 40px #333d4026}.dialog-heading h2{font-size:21px}.dialog-heading p,.dialog-note,.help-footnote{color:#72766f;font-size:11px}.custom-point,.route-preview,.calibration-reference,.help-callout,.touchpad-help,.carry-settings{background:#f0f2f2;color:#72766f;border-color:#c9ced0;border-radius:3px}.help-steps p,.touchpad-help p,.help-callout p{font-size:11px;color:#72766f}.route-preview strong,.route-preview strong span{color:#333d40}.radio-label{color:#333d40;font-size:12px}.arrival-results{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;border-top:1px solid #cecec3;padding-top:18px}.arrival-results span{display:block;font-size:11px;color:#72766f}.arrival-results strong{display:block;font-size:25px;color:#333d40;margin-top:6px}.arrival-results small{font-size:12px}.arrival-results p{grid-column:1/-1;font-size:11px;color:#72766f;line-height:1.8}#arrival-sketch-wrap{margin:16px 0;background:#fdfaf5;border:1px solid #d8d6cb;padding:10px}#arrival-sketch{width:100%;height:150px}#arrival-sketch-wrap figcaption{font-size:11px;color:#72766f}.toast{background:#333d40;color:#fdfaf5;border-radius:3px}.drawing-panel.is-fullscreen,.drawing-panel:fullscreen{background:#fdfaf5;border-radius:0;margin:0}.drawing-panel.is-fullscreen .canvas-wrap,.drawing-panel:fullscreen .canvas-wrap{height:auto;flex:1;min-height:80px;background:#fdfaf5}.drawing-panel.is-fullscreen .folded-settings,.drawing-panel:fullscreen .folded-settings{flex-shrink:0}
#page-subtitle:empty,#remaining-note:empty,#progress-hint:empty,#save-note:empty,#canvas-corner:empty{display:none}
@media(max-width:850px){main{padding:20px 24px 30px}.header-nav{gap:16px}.header-right{gap:18px}.journey-panel{grid-template-columns:minmax(0,1.4fr) minmax(210px,1fr);column-gap:20px}.map-wrap{height:310px}}
@media(max-width:650px){main{padding:16px 16px 28px}.page-header{flex-wrap:wrap;gap:12px;margin-bottom:18px;padding-bottom:16px}.header-right{width:100%;justify-content:space-between;gap:12px}.header-nav{gap:18px}.header-nav .text-button{font-size:11px}.drawing-panel .panel-header{padding:14px 14px 0}.drawing-toolbar{padding:10px 14px}.drawing-status{margin:0 14px 8px;font-size:10px}.canvas-wrap{margin:0 14px;height:320px;min-height:280px}.canvas-placeholder span{font-size:10px}.drawing-meter{padding:12px 14px 6px;gap:14px}.drawing-meter strong{font-size:22px}.drawing-meter .small-label{font-size:10px}.save-row{margin:0 14px}.folded-settings{margin:8px 14px 0}.app-settings{margin:24px 0 0}.stats-grid{margin-bottom:28px}.stat-card{padding:4px 8px 4px 0}.stat-card+.stat-card{padding-left:10px}.stat-value{font-size:22px;white-space:normal;overflow-wrap:anywhere}.stat-label,.stat-foot{font-size:10px}.stat-value small{font-size:10px}.journey-panel{display:block}.map-wrap{height:290px}.location-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}.location-grid strong{font-size:17px}.progress-section{padding:14px 0}.journey-panel h2{font-size:20px}.map-controls{gap:16px}.map-view-button{font-size:10px}.map-key{font-size:8px}.map-caption{font-size:8px}.record-row{gap:10px}.record-number{font-size:15px}.record-meta>span{font-size:9px}.build-notes{grid-template-columns:1fr;gap:18px;margin-top:28px}.page-footer{flex-wrap:wrap;gap:8px}.touchpad-controls{flex-wrap:wrap}.drawing-mode-row{flex-wrap:wrap}.summary-item strong{font-size:22px}.arrival-results{gap:8px}.arrival-results strong{font-size:21px}.toast{bottom:24px}.drawing-panel.is-fullscreen .canvas-wrap,.drawing-panel:fullscreen .canvas-wrap{min-height:80px;height:auto}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Readable typography and explicit waypoint order. */
body{font-size:15px}.header-nav .text-button,.button.small,.header-help{font-size:13px}.button{font-size:14px}.drawing-panel h2,.section-heading h2{font-size:18px}.drawing-status,.canvas-placeholder span,.folded-settings>summary,.first-calibration{font-size:13px}.canvas-placeholder p{font-size:16px}.small-label,.stat-label,.stat-foot,.location-detail,.route-meta,.route-tag,.progress-footer{font-size:13px}.drawing-meter strong{font-size:28px}.stat-value{font-size:29px}.stat-value small,.drawing-meter small{font-size:14px}.record-meta strong,.history-row strong{font-size:14px}.record-meta>span,.history-row p,.record-meta strong span{font-size:12px!important}.record-number{font-size:20px}.record-number small{font-size:13px}.measurement-panel strong,.conversion-title h3{font-size:14px}.measurement-panel p,.conversion-title p,.estimate-link,.rate-feedback{font-size:13px}.build-notes p,.build-notes summary,.build-notes h2,.page-footer{font-size:12px}.map-key{font-size:11px}.map-caption{font-size:10px}.map-current-card{display:none}.map-view-button{font-size:13px}.touchpad-controls label,.touchpad-controls .button,.drawing-mode-row{font-size:13px}.touchpad-controls select{font-size:13px}.save-row>span{font-size:13px}.route-stops{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 24px;padding:12px 0 18px;margin:0;list-style:none}.route-stops li{border-left:2px solid #557081;padding-left:10px;min-width:90px}.route-stops li>span{display:block;font-size:11px;color:#72766f;margin-bottom:4px}.route-stops strong{font-size:15px;font-weight:550;color:#333d40}.map-wrap{grid-row:6/span 3}.location-grid{grid-row:6}.progress-section{grid-row:7}.journey-panel{grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr)}.progress-label{flex-wrap:wrap;gap:8px}.progress-label strong{font-size:17px}.location-grid strong{font-size:22px;overflow-wrap:anywhere}
@media(max-width:850px){.journey-panel{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)}}
@media(max-width:650px){.header-nav{gap:15px}.header-nav .text-button,.header-help{font-size:12px}.drawing-status{font-size:12px}.canvas-placeholder span{font-size:11px}.stat-value{font-size:25px}.stat-label,.stat-foot{font-size:11px}.drawing-meter strong{font-size:25px}.drawing-meter .small-label{font-size:12px}.map-view-button{font-size:12px}.route-stops{gap:12px 18px;padding-bottom:16px}.route-stops strong{font-size:14px}.location-grid strong{font-size:19px}.map-key{font-size:10px}.record-number{font-size:17px}.record-meta>span{font-size:11px!important}.build-notes p{font-size:12px}}
/* Focused screens: reduce scroll length while retaining the adopted palette. */
main{padding-bottom:24px}.page-header{margin-bottom:18px}.about-disclosure{margin-top:22px;border-top:1px solid #cecec3;padding-top:12px}.about-disclosure>summary{font-size:12px;color:#72766f;cursor:pointer}.about-disclosure .build-notes{margin-top:14px;padding-top:0;border:0}.page-footer{margin-top:18px}.screen-heading{font-size:20px;margin:0 0 16px}.stats-grid{margin-bottom:12px}.journey-panel{margin-top:12px}.stamp-section,.footprints{margin-top:18px}.stamp-collection{padding:12px 0}.section-heading{margin-bottom:12px}.record-row,.history-row{padding:13px 0}.empty-state{padding:10px 14px}.app-settings{margin:0;border-top:0;padding-top:0}.app-settings>summary{display:none}.route-stops li{border-color:#c9ced0;position:relative}.route-stops li.passed{border-color:#557081}.route-stops li.next-stop{border-color:#333d40}.route-stops li>small{display:block;font-size:11px;color:#72766f;min-height:16px;margin-top:4px}.route-stops li.passed>small{color:#557081}.route-stops li.next-stop>small{color:#333d40;font-weight:550}.drawing-panel .save-row{gap:16px}.drawing-panel .save-row>.text-button{margin-right:auto;font-size:12px}.save-row>span:empty{display:none}.header-nav .text-button{min-height:40px}.first-calibration{margin-bottom:18px}
@media(max-width:650px){.header-nav{position:fixed;inset:auto 0 0;background:#f5f3ee;border-top:1px solid #cecec3;padding:6px 12px calc(6px + env(safe-area-inset-bottom));gap:0;justify-content:space-around;z-index:30}.header-nav .text-button{padding:10px 9px;font-size:12px;min-height:42px}.header-right{width:auto}.page-header{flex-wrap:nowrap}.wordmark{font-size:18px}.header-help{font-size:12px}main{padding:16px 16px calc(86px + env(safe-area-inset-bottom))}.canvas-wrap{height:clamp(270px,44dvh,430px);min-height:270px}.stats-grid{margin-bottom:0}.stat-card{padding-bottom:0}.about-disclosure{margin-top:16px}.page-footer{margin-top:14px;font-size:10px}.drawing-fullscreen .header-nav{display:none}.toast{bottom:calc(72px + env(safe-area-inset-bottom))}.drawing-panel .save-row>.text-button{font-size:11px}.route-stops{margin-top:4px;gap:12px 18px}.arrival-banner{margin-top:12px}}
/* Neutral palette: accent indicates action and selection, never decoration. */
:root{--bg:#f5f3ee;--paper:#fdfaf5;--ink:#333d40;--muted:#72766f;--border:#d8d6cb;--green:#557081;--deep:#333d40;--lime:#e7ebec}body{background:#f5f3ee;color:#333d40}.wordmark{letter-spacing:-.4px}.page-header{border-bottom-width:1px;border-color:#cecec3}.drawing-panel{border-color:#d8d6cb;background:#fdfaf5}.canvas-wrap{background:#fdfaf5;border-color:#dce0df}.button-primary{background:#557081;border-color:#557081;color:#fff}.button-primary:hover:not(:disabled){background:#405c6c}.button-light{background:transparent;border-color:#cecec3;color:#52616d}.button-light:hover:not(:disabled){background:#eeeee6}.header-nav .active{border-bottom-color:#557081}.map-view-button.active{border-bottom-color:#557081}.route-stops li.passed{border-color:#557081}.route-stops li.next-stop{border-color:#333d40}.route-stops li.passed>small{color:#557081}.key-current{background:#557081;border-color:#9aafba}.destination-stamp{border-color:#557081}.about-disclosure{border-color:#d8d6cb}
/* Destination editor uses the same field and selection colors as settings. */
.route-dialog{background:#fdfaf5;border:1px solid #d8d6cb;border-radius:4px;padding:26px;box-shadow:0 18px 50px #333d4020}.route-dialog .dialog-heading{padding-bottom:16px;border-bottom:1px solid #e2dfd5;margin-bottom:20px}.route-dialog .dialog-heading h2{font-size:21px;font-weight:550;color:#333d40}.route-dialog .dialog-heading p{font-size:13px;color:#72766f}.route-fields label,.route-fields .waypoints-heading{color:#52616d;font-size:13px}.route-dialog input,.route-dialog select{background:#fff;color:#333d40;border:1px solid #cecec3;border-radius:3px;font-size:14px}.route-dialog input:focus,.route-dialog select:focus{outline:2px solid #9aafba;outline-offset:1px}.route-dialog input[type=radio],.route-dialog input[type=checkbox]{accent-color:#557081}.route-dialog .custom-point{background:transparent;border:1px solid #e2dfd5;border-radius:3px;color:#72766f;padding:12px 14px}.route-dialog .custom-point summary{color:#52616d;font-size:13px}.route-dialog .custom-point p{font-size:12px;color:#72766f}.route-dialog .route-preview{background:#f1f0e9;border:0;border-radius:3px;padding:16px;color:#52616d}.route-dialog .route-preview strong,.route-dialog .route-preview strong span{color:#333d40;font-size:24px}.route-dialog .goal-settings{border-top:1px solid #e2dfd5;padding-top:16px}.route-dialog .goal-settings legend{color:#52616d;font-size:13px;font-weight:550}.route-dialog .radio-label{color:#333d40;font-size:13px}.route-dialog .custom-goal span,.route-dialog .carry-settings p,.route-dialog .dialog-note{color:#72766f;font-size:12px}.route-dialog .carry-settings{background:#f1f0e9;border:1px solid #e2dfd5;border-radius:3px;color:#52616d}.route-dialog .dialog-footer{padding-top:18px;border-top:1px solid #e2dfd5}.route-dialog .close-button{color:#72766f}.route-dialog .waypoint-row>span{background:#eeeee6;color:#52616d}.route-dialog .waypoint-row button{background:transparent;color:#72766f;border-color:#cecec3}.route-dialog .form-feedback{color:#8b4545}.arrival-dialog{background:#fdfaf5}.calibration-reference,.touchpad-controls,.help-callout,.touchpad-help{background:#f1f0e9;border-color:#e2dfd5}.arrival-surplus{background:#f1f0e9}.toast{background:#333d40;color:#fff}.page-footer{opacity:.85}
@media(max-width:650px){.header-nav{background:#f5f3ee;border-color:#cecec3}.route-dialog{padding:22px 18px}.route-dialog .dialog-heading{margin-bottom:16px}.route-dialog .route-preview{padding:14px}.route-dialog .dialog-heading h2{font-size:20px}.route-dialog .dialog-note{font-size:11px}}

/* Subtle paper warmth, with the same restrained blue for actions. */
.route-dialog input,.route-dialog select,input,select{background:#fffdf8;border-color:#cecec3;color:#333d40}.drawing-panel .canvas-wrap{background:#fdfaf5;border-color:#dedbd0}.header-nav{background:#f5f3ee}.map-wrap{background:#e4e9e7;border-color:#c9cec5}.map-key{background:#fdfaf5ed;border-color:#cecec3;color:#72766f}.route-dialog,.arrival-dialog{background:#fdfaf5}.button-light:hover:not(:disabled){background:#eeeee6}.calibration-reference,.touchpad-controls,.help-callout,.touchpad-help{background:#f1f0e9}.about-disclosure{border-color:#d8d6cb}