:root{font-family:'DM Sans','Noto Sans JP',system-ui,-apple-system,sans-serif;font-synthesis:none;color:#1b303d;background:#f4f7f8;--ink:#1b303d;--muted:#71828c;--primary:#147b88;--primary-deep:#09616d;--line:#e2e9ed;--surface:#fff;--soft:#eaf5f6;--orange:#d88943;--red:#c96a52;--shadow:0 8px 28px rgba(23,59,75,.035)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}svg{display:block}.ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.app-layout{display:flex;min-height:100vh}.sidebar{width:254px;flex:0 0 254px;background:#fff;border-right:1px solid var(--line);position:sticky;top:0;align-self:flex-start;height:100vh;display:flex;flex-direction:column;padding:30px 17px 22px}.brand{padding:1px 12px 0;display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand-logo{width:40px;height:40px;background:#116f7c;color:white;border-radius:12px;display:grid;place-items:center}.brand-logo .ico{width:23px;height:23px}.brand-word{display:grid;gap:2px}.brand-word strong{font-size:19px;font-weight:800;letter-spacing:-.6px}.brand-word small{font-size:10px;color:#82929a;font-weight:600;letter-spacing:.35px}.sidebar-caption{color:#9aadb7;font-size:10px;letter-spacing:2px;font-weight:800;margin:62px 14px 19px}.navigation{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:13px;text-align:left;border:0;background:transparent;border-radius:10px;width:100%;padding:15px 14px;color:#61747f;font-weight:650;font-size:13px}.nav-item span{flex:1}.nav-item .ico{width:19px;height:19px}.nav-item .chevron{width:15px;height:15px;opacity:0}.nav-item:hover{background:#f2f7f8}.nav-item.active{background:#e8f4f5;color:#0c7785}.nav-item.active .chevron{opacity:1}.sidebar-bottom{margin-top:auto;padding:20px 12px 0}.sidebar-note{border-radius:12px;background:#f4f8f9;padding:14px;font-size:11px;color:#456771;font-weight:700}.sidebar-note p{font-size:10px;font-weight:400;line-height:1.7;margin:8px 0 0;color:#78929c}.note-dot{display:inline-block;width:7px;height:7px;background:#32a7a0;border-radius:50%;margin-right:3px}.sidebar-version{display:block;color:#a4b4bd;font-size:9px;margin-top:25px;letter-spacing:1px}.main-area{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4.4vw,72px);background:rgba(255,255,255,.75)}.topbar-left{display:flex;align-items:center;gap:12px;font-size:12px;color:#4e6069;font-weight:650}.topbar-breadcrumb{font-size:10px;font-weight:750;letter-spacing:1.2px;color:#99acb4}.topbar-sep{color:#c3ced2}.edition-switch{display:flex;padding:4px;border:1px solid #e4eaed;border-radius:11px;background:#eef2f3;gap:3px}.edition-btn{border:0;background:transparent;padding:9px 17px;border-radius:8px;font-size:12px;color:#81929b;font-weight:750}.edition-btn.active{background:#fff;color:var(--primary-deep);box-shadow:0 1px 4px rgba(27,49,62,.1)}.content{width:min(1120px,100%);padding:51px clamp(24px,5vw,72px) 90px;margin:0 auto;flex:1}.page{display:none}.page.active{display:block}.page-intro{margin-bottom:33px}.eyebrow{display:flex;align-items:center;gap:8px;letter-spacing:2.1px;font-size:10px;font-weight:800;color:#178593;margin-bottom:14px}.eyebrow-line{width:18px;height:2px;background:#1d919d;display:inline-block}.page-intro h1{font-size:clamp(24px,2.6vw,34px);font-weight:800;letter-spacing:-1.4px;margin:0 0 12px;line-height:1.5}.page-intro p{font-size:13px;color:#71848e;line-height:1.85;margin:0}.main-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:30px 32px;box-shadow:var(--shadow)}.card-heading,.small-card-heading,.route-settings{display:flex;align-items:center;justify-content:space-between;gap:15px}.card-heading h2,.main-card h2{font-size:15px;letter-spacing:-.2px;margin:0 0 7px;font-weight:750}.card-heading p,.main-card .small-card-heading p,.route-settings p{font-size:11px;line-height:1.65;color:#9aabb3;margin:0}.meta-pill{border:1px solid #dce9ea;background:#f3faf9;color:#428d94;font-size:10px;border-radius:100px;padding:7px 13px;font-weight:650;white-space:nowrap}.mode-switch{display:flex;background:#f5f8f9;border-radius:10px;padding:5px;margin:28px 0}.mode-switch button{flex:1;border:0;background:transparent;border-radius:8px;padding:13px 10px;color:#7c929a;font-size:13px;font-weight:700;display:flex;align-items:center;gap:10px;justify-content:center}.mode-switch button.active{background:#fff;color:#137985;box-shadow:0 2px 8px rgba(29,58,67,.07)}.dimension-symbol{width:12px;height:12px;border:2px solid currentColor;border-radius:3px;display:inline-block}.dimension-symbol.nether{border-color:#cf8e60;transform:rotate(45deg)}.field-grid{display:grid;gap:15px}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:9px;min-width:0}.field span{font-size:11px;color:#768993;font-weight:750}.field input{width:100%;height:52px;border:1px solid #dce5e9;background:#fff;border-radius:9px;padding:0 16px;font-weight:750;color:#243b48;outline:none;font-size:16px;appearance:textfield;transition:border-color .15s,box-shadow .15s}.field input::-webkit-inner-spin-button,.field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field input:focus{border-color:#3099a1;box-shadow:0 0 0 3px rgba(24,134,145,.13)}.stack-24{display:grid;gap:24px}.stack-20{display:grid;gap:20px}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:800;padding:14px 19px;border-radius:9px;min-height:47px;transition:transform .1s,background .15s}.button:hover{transform:translateY(-1px)}.button.primary{background:#167b87;color:#fff}.button.primary:hover{background:#086674}.button.secondary{border:1px solid #d8e4e9;background:#fff;color:#597580}.button.secondary:hover{background:#f3f9fa}.button .ico{width:16px;height:16px}.button.small{padding:10px 14px;min-height:40px;font-size:11px}.button.icon-button{width:40px;padding:0}.button:focus-visible,.nav-item:focus-visible,.edition-btn:focus-visible,.mode-switch button:focus-visible{outline:3px solid #a8d9df;outline-offset:2px}.result-card{background:linear-gradient(120deg,#126f7b,#0c5d6e);border-radius:16px;padding:31px 32px;color:#fff;margin-top:22px;position:relative;overflow:hidden;min-height:192px}.result-card::after{content:"";position:absolute;right:-35px;top:-70px;width:245px;height:245px;border:1px solid rgba(255,255,255,.10);border-radius:50%;box-shadow:0 0 0 36px rgba(255,255,255,.03),0 0 0 75px rgba(255,255,255,.025);pointer-events:none}.result-overline{display:flex;align-items:center;gap:8px;letter-spacing:1.3px;text-transform:uppercase;font-size:10px;font-weight:800;color:#b5e4e5}.result-overline .ico{width:14px;height:14px}.result-label{font-size:13px;color:#c1dedf;margin:17px 0 7px}.result-coords{font-family:'DM Sans','Noto Sans JP',sans-serif;font-size:clamp(27px,3vw,40px);font-weight:750;letter-spacing:-1.5px;margin:0 0 21px;font-variant-numeric:tabular-nums}.result-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;position:relative;z-index:1}.result-tip{font-size:11px;color:#c4e2e3;line-height:1.75}.button.copy-light{border:1px solid rgba(255,255,255,.32);color:#fff;background:rgba(255,255,255,.12);min-height:36px;font-size:11px;padding:7px 14px}.info-band{display:flex;gap:11px;align-items:flex-start;margin-top:21px;border:1px solid #dce8eb;background:#eef5f7;color:#64808c;border-radius:11px;padding:16px 18px}.info-band .ico{width:17px;height:17px;color:#498993;margin-top:2px}.info-band p{font-size:11px;line-height:1.85;margin:0}.info-band.info-warning{background:#fff8ee;border-color:#f1dfc4;color:#8f704c}.info-band.info-warning .ico{color:#c18b4c}.two-cards{display:grid;grid-template-columns:1fr 1fr;gap:19px}.main-card.compact{padding:25px 25px}.small-card-heading{justify-content:flex-start;margin-bottom:24px}.place-icon{height:37px;width:37px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:15px;background:#e4f3f4;color:#14818a}.place-icon.b{background:#fdf0e4;color:#bd7e46}.place-icon.mine{background:#e6edf6;color:#547caa}.place-icon.ground{background:#eaf5e5;color:#638c51}.tight{gap:11px}.tight .field input{padding:0 11px;height:46px;font-size:15px}.route-settings{justify-content:space-between}.route-settings-controls{display:flex;align-items:flex-end;gap:12px}.y-field{width:106px}.y-field input{height:47px;font-size:14px}.route-results{display:grid;gap:20px;margin-top:22px}.section-title{font-size:15px;margin:0 0 16px;font-weight:800}.route-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat{border:1px solid #e2eaed;background:#fff;border-radius:13px;padding:19px 18px}.stat-label{font-size:11px;color:#8b9fa8;font-weight:650}.stat-number{display:block;color:#1d3f4c;font-weight:800;font-size:29px;letter-spacing:-1px;margin:7px 0 2px}.stat-unit{color:#8ba1a8;font-size:10px}.route-map-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px 26px}.route-map{width:100%;height:auto;display:block;background:#f8fbfc;border:1px solid #eaf0f2;border-radius:11px}.map-note{display:flex;justify-content:space-between;color:#8399a2;font-size:10px;gap:10px;margin-top:12px}.portal-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.portal-point{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px}.portal-point-head{font-size:11px;color:#6d8690;display:flex;align-items:center;gap:9px;font-weight:700}.portal-point-number{font-size:22px;color:#244b56;font-variant-numeric:tabular-nums;letter-spacing:-.5px;font-weight:800;margin:13px 0}.portal-point .button{font-size:11px}.status-box{display:flex;align-items:flex-start;gap:12px;border-radius:11px;padding:16px 17px;background:#eef7f3;border:1px solid #d3e9df;color:#437c66;font-size:12px;line-height:1.7}.status-box.warn{background:#fff5eb;border-color:#f0dfc8;color:#956c42}.status-box.error{background:#fff1ef;border-color:#efdad5;color:#ad5b4d}.status-icon{width:20px;height:20px;border-radius:50%;background:#4e987a;color:#fff;display:grid;place-items:center;flex-shrink:0;margin-top:1px}.status-box.warn .status-icon{background:#d89a53}.status-box.error .status-icon{background:#c96b59}.status-box p{margin:0}.step-list{display:grid;gap:12px;margin-top:18px;padding:0;list-style:none}.step-list li{display:flex;align-items:start;gap:13px;font-size:12px;line-height:1.8;color:#516c78}.step-list .step-index{display:grid;place-items:center;background:#eaf4f5;color:#247e86;font-weight:800;border-radius:50%;height:25px;width:25px;flex-shrink:0;font-size:11px}.diagnose-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.toolbar-caption{font-size:12px;color:#516d78}.toolbar-caption strong{font-size:16px;color:#1a7380}.toolbar-caption span{display:block;font-size:10px;color:#9baab1;margin-top:5px}.toolbar-actions{display:flex;gap:10px}.diagnose-summary{background:#fff;border:1px solid var(--line);padding:19px 22px;border-radius:13px;margin-bottom:17px;display:flex;align-items:center;gap:15px}.diagnose-summary strong{font-size:14px}.diagnose-summary p{font-size:11px;color:#8197a1;margin:5px 0 0;line-height:1.8}.portal-editor-list{display:grid;gap:15px}.portal-edit-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.portal-edit-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.portal-edit-header .pair-name{max-width:280px;border:0;border-bottom:1px dashed #d8e4e9;font-size:14px;font-weight:800;color:#254957;padding:8px 0;outline:none;background:transparent}.portal-edit-header .pair-name:focus{border-color:#208e98}.pair-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.pair-subhead{font-size:11px;font-weight:800;color:#748e98;margin-bottom:12px}.pair-actions{margin-top:15px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.pair-diagnosis{display:flex;gap:8px;flex-wrap:wrap}.state-chip{font-size:10px;padding:7px 9px;border-radius:6px;background:#e6f5ee;color:#287b5a;font-weight:700}.state-chip.warn{background:#fff0df;color:#a9793e}.state-chip.error{background:#fff0ed;color:#b3594e}.state-chip.unknown{background:#eff3f6;color:#7f929a}.empty-state{border:1px dashed #cedde4;background:#f8fbfb;border-radius:14px;padding:42px 20px;text-align:center;color:#7b949d}.empty-state .ico{margin:0 auto 15px;color:#7d9da4;width:28px;height:28px}.empty-state h3{color:#345561;font-size:14px;margin:0 0 8px}.empty-state p{font-size:12px;margin:0;line-height:1.75}.small-link{border:0;background:transparent;color:#147c86;text-decoration:underline;text-underline-offset:3px;font-size:11px;padding:7px 0}.warning-note{color:#98774b;font-size:11px;line-height:1.8;margin:0}.source-links{font-size:11px;line-height:2}.source-links a{color:#167985}.footer{border-top:1px solid var(--line);padding:23px clamp(24px,4.4vw,72px);display:flex;justify-content:space-between;gap:18px;color:#a0b0b6;font-size:10px}.toast{position:fixed;z-index:50;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;transition:opacity .2s,transform .2s;background:#234753;color:#fff;padding:12px 18px;border-radius:10px;font-size:12px;box-shadow:0 12px 30px rgba(0,0,0,.12);pointer-events:none}.toast.show{transform:translate(-50%,0);opacity:1}.vertical-diagram{display:grid;gap:10px}.vertical-level{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center}.vertical-level .portal-point{min-width:0}.vertical-connector{text-align:center;color:#83969d;font-size:10px}.vertical-column{width:2px;background:repeating-linear-gradient(to bottom,#87abb5 0 6px,transparent 6px 11px);height:36px;margin:0 auto}.vertical-layout{margin-top:20px}.section-footnote{font-size:11px;line-height:1.9;color:#7d919b;margin:12px 0 0}.link-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:17px}.check-row{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#f8fbfb;border:1px solid #e9eff1;border-radius:9px;padding:11px 13px;font-size:11px;color:#4d6e79}.check-row .state-chip{white-space:nowrap}
@media(max-width:1100px){.sidebar{width:218px;flex-basis:218px}.content{padding-left:35px;padding-right:35px}.topbar{padding-left:35px;padding-right:35px}.main-card.compact{padding:21px}.field-grid.tight{gap:8px}}@media(max-width:860px){.app-layout{display:block}.sidebar{width:100%;height:auto;position:relative;padding:13px 22px 10px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0}.brand-logo{width:35px;height:35px}.brand-word strong{font-size:16px}.sidebar-caption,.sidebar-bottom{display:none}.navigation{display:flex;overflow:auto;gap:4px;margin-top:14px;padding-bottom:2px}.nav-item{width:auto;flex:0 0 auto;font-size:11px;padding:11px 13px;gap:8px}.nav-item .chevron{display:none}.nav-item .ico{width:16px;height:16px}.content{padding-top:36px}.topbar{height:62px}}@media(max-width:620px){.topbar{padding:0 20px}.topbar-breadcrumb,.topbar-sep{display:none}.edition-btn{padding:8px 12px;font-size:11px}.content{padding:32px 16px 65px}.page-intro{margin-bottom:24px}.page-intro h1{font-size:25px;letter-spacing:-.6px}.page-intro p{font-size:12px}.main-card{padding:23px 19px}.main-card.compact{padding:21px 18px}.two-cards,.pair-edit-grid{grid-template-columns:1fr}.field-grid{gap:9px}.field input{padding:0 9px;font-size:14px}.card-heading{align-items:flex-start}.card-heading .meta-pill{font-size:9px;padding:6px 8px}.result-card{padding:26px 22px}.result-coords{font-size:30px}.result-bottom{align-items:flex-start;flex-direction:column}.route-settings{align-items:stretch;flex-direction:column}.route-settings-controls{justify-content:space-between}.route-settings .button{flex:1}.route-stat-grid{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:span 2}.portal-points{grid-template-columns:1fr}.vertical-level{grid-template-columns:1fr}.vertical-connector{display:none}.link-check-list{grid-template-columns:1fr}.diagnose-toolbar{flex-direction:column;align-items:stretch}.toolbar-actions{justify-content:flex-start}.footer{padding:20px 16px;flex-direction:column}.map-note{flex-direction:column}.status-box{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.repair-advice{border-top:1px solid #e5edf0;margin-top:18px;padding-top:17px}.repair-advice>strong{font-size:12px;color:#935f4b}.repair-advice p{font-size:11px;color:#6f858e;line-height:1.85;margin:10px 0}.repair-advice p strong{color:#1a6571}.repair-advice .repair-disclaimer{font-size:10px;color:#9babb1;margin-bottom:0}
@media(max-width:620px){.toolbar-actions{flex-wrap:wrap}}

/* GateLink v0.2: design review — hierarchy, legibility, navigation and privacy-friendly fonts */
:root{
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  color:#20343e;background:#f5f8f9;
  --ink:#20343e;--muted:#4f6470;--primary:#087b87;
  --primary-deep:#086570;--line:#d7e3e7;--surface:#fff;
  --soft:#e8f4f5;--shadow:0 10px 34px rgba(24,62,72,.045)
}
body{color:var(--ink);font-size:14px}
.sidebar{width:244px;flex-basis:244px;padding:26px 17px 20px}
.brand{gap:12px;padding:0 9px}.brand-logo{width:43px;height:43px;border-radius:11px;background:#087b87}
.brand-word strong{font-size:20px;letter-spacing:-.65px;line-height:1.3;font-weight:800}
.brand-word small{font-size:9px;letter-spacing:1px;color:#697f88;font-weight:700}
.sidebar-caption{font-size:11px;letter-spacing:.08em;color:#657983;margin-top:53px;margin-bottom:15px}
.nav-item{min-height:48px;font-size:13px;color:#425966}
.nav-item.active{font-weight:800;border-left:3px solid #0a7c87;background:#e8f5f5;padding-left:11px}
.nav-item:focus-visible,.edition-btn:focus-visible,.mode-switch button:focus-visible,.button:focus-visible,a:focus-visible,.small-link:focus-visible,input:focus-visible{outline:3px solid #287bba;outline-offset:3px}
.topbar{height:70px;background:#fff}.topbar-breadcrumb{font-size:11px;letter-spacing:.08em}
.topbar-left{font-size:13px}.edition-btn{min-height:37px;font-size:13px;color:#526874}
.content{width:min(1100px,100%);padding-top:39px;padding-bottom:68px}
.page-intro{margin-bottom:30px;max-width:840px}
.eyebrow{font-size:11px;letter-spacing:.08em;color:#127e88;margin-bottom:12px}
.page-intro h1{font-size:clamp(26px,2.8vw,36px);line-height:1.4;letter-spacing:-.04em;margin-bottom:10px}
.page-intro p{font-size:14px;line-height:1.8;color:#506775;max-width:45em}
.main-card,.route-map-card,.portal-edit-card,.stat,.portal-point{border-color:#dae5e9;box-shadow:0 5px 24px rgba(20,55,70,.028)}
.card-heading h2,.small-card-heading h2,.route-settings h2{font-size:16px}
.card-heading p,.small-card-heading p,.route-settings p{font-size:12px;color:#5b707a}
.card-heading{margin-bottom:22px}
.meta-pill{font-size:11px}
.field span,.pair-subhead{font-size:12px;letter-spacing:.015em;color:#405967}
.field input{border-color:#cbdbe0;color:#1d3742;background:#fff;font-size:17px;font-weight:650;font-variant-numeric:tabular-nums}
.field input:hover{border-color:#91acb6}.field input:focus{outline:3px solid #c5e8ec;outline-offset:1px;border-color:#087b87}
.field-grid.tight input{font-size:15px}
.mode-switch button{font-size:13px;min-height:46px;font-weight:750}
.button.primary{background:#087b87}.button.primary:hover{background:#096671}
.button{font-size:13px;min-height:44px;font-weight:700}
.button.small{min-height:40px;font-size:12px}
.button.copy-light{font-size:12px;min-height:41px}
.result-card{background:#106d79;box-shadow:0 8px 25px rgba(6,74,87,.075)}
.result-overline{font-size:11px;letter-spacing:.08em;color:#d0ecee}
.result-label{font-size:14px;color:#def0f1}
.result-coords{font-family:Inter,"Segoe UI",sans-serif;font-weight:800;font-size:clamp(33px,3.6vw,44px);letter-spacing:-1.6px}
.result-tip{font-size:12px;color:#e1f2f3;line-height:1.75}
.info-band{background:#f0f6f8;border-color:#d6e5ea}.info-band p{font-size:12px;line-height:1.8;color:#4b6775}
.info-band.info-warning p{color:#85633d}
.section-title{font-size:16px}.stat-label,.portal-point-head,.toolbar-caption,.pair-subhead{font-size:12px}
.stat-number{font-size:30px}.stat-unit,.map-note,.check-row{font-size:12px}
.portal-point-number{font-family:Inter,"Segoe UI",sans-serif;font-size:23px}
.section-footnote,.step-list li,.status-box,.diagnose-summary p,.repair-advice p{font-size:12px;line-height:1.8}
.footer{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:15px;border-top:1px solid var(--line);color:#627985;font-size:12px;line-height:1.8;background:#f5f8f9}
.footer-identity{display:flex;flex-direction:column;gap:3px}.footer-identity strong{font-size:14px;color:#2d4b57}.footer-identity span{font-size:11px}
.footer-links{display:flex;flex-wrap:wrap;gap:12px 20px}.footer-links a{color:#286d79;text-underline-offset:3px;font-size:12px}
.footer-disclaimer{flex-basis:100%;font-size:10px;letter-spacing:.015em;max-width:700px;margin:5px 0 0;color:#5e7480}
.sidebar-note{font-size:12px;line-height:1.65;background:#edf5f6;color:#3d6170}
.sidebar-note strong{font-size:15px;color:#086f7b}.sidebar-note p{font-size:11px;color:#5f7883}
.sidebar-version{font-size:10px;letter-spacing:.07em;color:#607982}
.diagnose-toolbar .toolbar-caption span{font-size:11px;color:#5e7480}
.empty-state h3{font-size:15px}.empty-state p{font-size:12px;color:#5e7782}
.pair-name{font-size:14px!important}.check-row{font-size:12px}
@media(max-width:1100px){.sidebar{width:218px;flex-basis:218px}}
@media(max-width:860px){.sidebar{width:100%;padding:14px 18px 11px}.topbar{height:63px}.navigation{margin-top:12px}.nav-item{min-height:44px}}
@media(max-width:620px){.content{padding:25px 16px 50px}.page-intro h1{font-size:25px;line-height:1.45;letter-spacing:-.035em}.page-intro p{font-size:13px}.main-card{padding:22px 18px}.card-heading h2{font-size:15px}.field input{font-size:15px}.field-grid.three{gap:8px}.result-card{padding:25px 21px}.result-coords{font-size:30px}.footer{padding:21px 16px;gap:14px}.edition-btn{font-size:12px;min-height:38px}.topbar{padding:0 16px}}
/* Mobile IA: expose all four tools without undiscoverable horizontal scrolling. */
@media(max-width:620px){
  .navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow:visible;margin-top:13px}
  .nav-item{width:100%;min-width:0;margin:0;min-height:44px;padding:9px 9px;gap:8px;justify-content:flex-start;font-size:12px;line-height:1.35;border-left:2px solid transparent}
  .nav-item.active{padding-left:8px;border-left:2px solid #087b87}
  .nav-item .chevron{display:none}
}