:root{--ink:#18352f;--muted:#74817a;--green:#d4f078;--border:#e1e5dc}*{box-sizing:border-box}body{margin:0;background:#f6f7f1;color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button{cursor:pointer}header{height:90px;max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--border)}.brand{font:800 28px Manrope,sans-serif;color:var(--ink);text-decoration:none;letter-spacing:-1.3px}.logo{display:inline-block;background:var(--ink);color:var(--green);border-radius:9px;padding:1px 8px;margin-right:8px}.dot{color:#88a93c}nav{color:#67736d;font-size:13px}.badge{font-size:10px;letter-spacing:1px;background:#e7edda;color:#526339;padding:7px 10px;border-radius:5px;margin-left:20px}main{max-width:1400px;margin:auto;padding:0 48px}.intro{display:flex;justify-content:space-between;align-items:center;padding:48px 0 36px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#738065}h1{font:600 48px/1.12 Manrope,sans-serif;letter-spacing:-2.5px;margin:16px 0}p{line-height:1.7;color:var(--muted)}.intro p{font-size:15px}.intro-note{border-left:1px solid #d7dfca;padding:8px 0 8px 24px;display:grid;gap:12px;width:260px}.intro-note span{color:#92a17a;font-size:11px}.intro-note strong{font:500 25px/1.3 Manrope}.intro-note small{color:var(--muted);font-size:11px}.workspace{display:grid;grid-template-columns:370px 1fr;gap:24px;align-items:start}.inputs,.results{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden}.inputs{padding:25px}.section-heading{display:flex;align-items:center;gap:10px}.step{background:#edf1e5;width:25px;height:25px;display:grid;place-items:center;font-size:11px;border-radius:7px}h2{font:700 16px Manrope;margin:0}.modes{display:flex;background:#f4f5ef;border:1px solid var(--border);padding:4px;border-radius:9px;margin:20px 0}.modes button{width:50%;border:0;background:transparent;padding:9px;border-radius:6px;color:#7c877c}.modes .selected{background:var(--ink);color:white}label{display:block;font-size:10px;font-weight:600;color:#788478;margin:12px 0 6px}input,select{width:100%;padding:10px;background:#fff;border:1px solid #dce2d7;border-radius:6px;color:var(--ink);min-width:0}input:focus,select:focus{outline:2px solid #a6c65b;outline-offset:1px}.dimensions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.divider{border-top:1px solid var(--border);margin:25px 0}.text-button{border:0;background:transparent;color:#607740;font-size:11px;padding:5px}.section-heading .text-button{margin-left:auto}.hint{font-size:11px;margin:9px 0 15px}.cargo{background:#f8f9f5;border:1px solid #e5e9de;border-radius:9px;padding:12px;margin-bottom:10px}.cargo-top{display:flex;gap:8px;align-items:center}.swatch{width:10px;height:10px;border-radius:3px;flex-shrink:0}.cargo-top input{background:transparent;border:0;padding:3px;font-weight:600;font-size:12px}.remove{border:0;background:transparent;color:#9aa18f;font-size:18px}.cargo label{font-size:9px}.cargo input{padding:7px;font-size:11px}.cargo .two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check{display:flex;align-items:center;gap:5px;margin-top:12px;font-size:10px;color:#728064}.check input{width:13px;margin:0}.add{width:100%;border:1px dashed #cbd5bf;padding:11px;border-radius:7px;color:#5b7145;background:white;font-size:12px}.calculate{width:100%;background:var(--green);border:0;border-radius:8px;padding:15px;text-align:left;font-weight:700;margin-top:20px;color:#263e23}.calculate span{float:right}.privacy{font-size:9px;text-align:center;margin:13px 0 0}#error{color:#a3452d;font-size:12px;margin-top:8px}.result-head{padding:24px 26px;display:flex;justify-content:space-between;align-items:center}.result-head h2{font-size:21px;margin-top:7px}.live{font-size:10px;color:#7a8772;background:#f2f6eb;padding:7px 9px;border-radius:20px}.live i{display:inline-block;background:#8eab55;width:5px;height:5px;border-radius:50%;margin-right:5px}.viewer{height:400px;background:#f0f3ed;position:relative;border-top:1px solid #e7ecdf;border-bottom:1px solid #e7ecdf}canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.view-label{position:absolute;top:18px;left:23px;font-size:9px;letter-spacing:1px;color:#849079;pointer-events:none}.view-label span{margin-left:7px}.view-controls{position:absolute;right:16px;top:13px;display:flex;gap:5px}.view-controls button{background:#ffffffd9;border:1px solid #dce4d4;border-radius:5px;padding:6px 8px;font-size:10px;color:#68765e}.drag-hint{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);font-size:10px;color:#8a967f;white-space:nowrap;pointer-events:none}.drag-hint span{margin:0 9px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 26px}.metrics>div{padding:0 18px;border-right:1px solid var(--border)}.metrics>div:first-child{padding-left:0}.metrics>div:last-child{border:0}.metrics span{display:block;font-size:10px;color:#85907e}.metrics strong{display:block;font:600 28px Manrope;margin:6px 0}.metrics small{font-size:9px;color:#89937f}.bar{height:4px;width:85%;background:#eef1e6;margin-top:11px;border-radius:3px}.bar i{display:block;background:#9cb955;height:4px;border-radius:3px}.status{margin:0 26px;padding:12px;background:#f1f6e8;border-radius:7px;color:#677b4c;font-size:11px;line-height:1.5}.status.warning{background:#fff3df;color:#9b6a2c}.manifest-head{display:flex;justify-content:space-between;align-items:center;padding:18px 26px 8px}h3{font-size:12px;margin:0}.break-row{display:flex;align-items:center;gap:10px;padding:10px 26px;border-bottom:1px solid #f1f3ed;font-size:11px}.break-row span:last-child{margin-left:auto;color:#7d8872}.limitation{font-size:10px;line-height:1.6;padding:13px 26px 20px;margin:0}.guide{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px;margin:55px 0}.guide h2{font-size:19px;line-height:1.5;margin-top:12px}.guide h3{margin:4px 0 12px}.guide p{font-size:11px;line-height:1.8}footer{max-width:1304px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding:25px 0;color:#8a9381;font-size:10px}footer .brand{font-size:21px}@media(max-width:1000px){main{padding:0 24px}.workspace{grid-template-columns:330px 1fr}.inputs{padding:18px}.viewer{height:340px}.metrics{margin:20px 16px}.metrics>div{padding:0 10px}.metrics strong{font-size:23px}.guide{grid-template-columns:1fr 1fr}.live{display:none}footer{margin:0 24px}}@media(max-width:720px){header{padding:0 20px;height:72px}nav{font-size:0}.badge{font-size:9px}.intro{padding:32px 0 24px}.intro-note{display:none}h1{font-size:39px}.workspace{grid-template-columns:1fr}.viewer{height:330px}.guide{grid-template-columns:1fr;gap:18px;margin:35px 0}.guide p{margin:5px 0}.guide h3{margin:0}.result-head{padding:20px}.metrics strong{font-size:26px}footer span:nth-child(2){display:none}}

.securing{margin:18px 26px;padding:13px;background:#fff8e9;border:1px solid #efdfbc;border-radius:8px;font-size:11px}.securing summary{cursor:pointer;font-weight:700;color:#805f27}.securing ul{padding-left:18px;color:#805f27;line-height:1.8}.securing p{font-size:10px;margin-bottom:0;color:#977d54}.cargo .stack-setting{font-size:11px;padding:8px}.break-row{flex-wrap:wrap}
.advanced{margin:15px 0;padding:12px;border:1px solid #e2e7db;border-radius:8px;font-size:11px}.advanced summary,.cargo-advanced summary{cursor:pointer;color:#66784e;font-weight:600}.results>.advanced{margin:16px 26px}.cargo-advanced{margin-top:12px;font-size:10px}.action-bar{display:flex;gap:8px;flex-wrap:wrap;padding:18px 26px 0}.action-bar button,.advanced button{padding:8px 12px;border:1px solid #cbd7bb;background:#f8faf3;border-radius:6px;color:#46603b;font-size:11px}button:disabled{opacity:.45;cursor:default}.step-panel{padding:10px 26px}.step-panel label{display:flex;justify-content:space-between}.step-panel input{padding:0;accent-color:#819e42}.step-panel p{margin:4px 0}.securing #balanceInfo{font-size:11px;line-height:1.6;margin-top:10px}#printReport{display:none}@media print{body>*{display:none!important}#printReport{display:block!important;padding:12px;font:11px Arial;color:#111}#printReport h1{font-size:24px;letter-spacing:0}#printReport p{color:#222;white-space:pre-line}#printReport table{width:100%;border-collapse:collapse}#printReport th,#printReport td{padding:6px;border:1px solid #bbb;text-align:left}#printReport tr{break-inside:avoid}}

.orientation-key{position:absolute;left:18px;bottom:38px;display:flex;gap:12px;font-size:10px;pointer-events:none;background:#ffffffd9;padding:6px 9px;border-radius:5px}.orientation-key span:first-child{color:#4e6543}.orientation-key span:last-child{color:#2376b0}

.orientation-key{bottom:35px;left:12px;right:12px;justify-content:center;flex-wrap:wrap;font-size:9px;padding:4px 6px}.drag-hint{bottom:12px;font-size:9px}
.fleet-panel{padding:14px 24px;border-bottom:1px solid #e1e5dc;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.fleet-panel button{font:11px 'DM Sans',sans-serif;padding:7px 10px;border:1px solid #d8e0cb;border-radius:6px;background:#fff;color:#536d3e}.fleet-panel #vehicleTabs{display:flex;gap:5px;flex-wrap:wrap}.fleet-panel .active{background:#e8f2d1;border-color:#9bb866}.fleet-panel .hint{margin:0;flex-basis:100%}#importPreview{max-height:150px;overflow:auto;font-size:10px}#importPreview p{margin:4px 0}

.cargo-inspector{margin:14px 26px 0;padding:12px 14px;border:1px solid #e6bc68;border-radius:8px;background:#fff9e8;display:flex;justify-content:space-between;gap:12px}.cargo-inspector[hidden]{display:none}.cargo-inspector strong{font-size:12px}.cargo-inspector p{font-size:11px;margin:5px 0 0;color:#68715b}.cargo-inspector button{align-self:start;border:0;background:transparent;color:#75806c;font-size:20px}
/* Loading studio: spacious viewport, quiet chrome, restrained colour. */
.results{border-radius:18px;border-color:#dce4e5;box-shadow:0 10px 35px #263c4510}.result-head{padding:22px 26px 18px}.result-head h2{font-size:20px;letter-spacing:-.6px}.result-head .eyebrow{color:#7c8d94;font-size:9px}.live{background:#eef5f3;color:#527c70;border:1px solid #deebe5}.viewer-shell{margin:0 16px;border:1px solid #dbe3e7;border-radius:12px;overflow:hidden;background:#f4f7f9}.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;background:#fff;border-bottom:1px solid #e2e8eb}.camera-switch{display:flex;gap:2px;background:#f0f4f6;padding:3px;border-radius:7px}.viewer-toolbar button{background:transparent;border:0;border-radius:5px;padding:7px 12px;color:#71828d;font:600 11px 'DM Sans',sans-serif;white-space:nowrap}.camera-switch button.active{background:#fff;color:#254b5d;box-shadow:0 1px 4px #243d521a}.viewer-tools{display:flex;align-items:center;gap:3px}.viewer-tools button:hover,.display-options summary:hover{background:#f0f4f6}.viewer-tools button[aria-pressed=true]{background:#e5eff5;color:#2d6d91}.display-options{position:relative}.display-options summary{padding:7px 9px;border-radius:5px;cursor:pointer;font-size:11px;color:#71828d;list-style:none}.display-options summary::-webkit-details-marker{display:none}.display-options summary span{margin-left:4px}.display-options>div{position:absolute;right:0;top:34px;z-index:5;min-width:200px;background:#fff;box-shadow:0 10px 30px #263c4526;border:1px solid #dce4e8;border-radius:9px;padding:8px}.display-options label{display:flex;align-items:center;gap:9px;padding:8px;margin:0;font-size:11px;font-weight:400;color:#526977}.display-options input{width:14px;height:14px;accent-color:#397a94}.viewer{height:510px;border:0;background:#f1f5f7}.viewport-badge{position:absolute;top:15px;left:16px;display:flex;align-items:center;gap:6px;font-size:9px;font-weight:600;letter-spacing:1px;color:#8a9ba5;pointer-events:none}.viewport-badge>span:first-child{width:5px;height:5px;border-radius:50%;background:#7fa596}.viewport-compass{position:absolute;bottom:55px;left:16px;display:grid;justify-items:center;gap:2px;color:#92a3af;pointer-events:none}.viewport-compass i{font-style:normal;font-size:20px;line-height:20px}.viewport-compass span{font-size:8px;letter-spacing:1px}.zoom-controls{position:absolute;bottom:50px;right:14px;display:grid;border:1px solid #dce4e8;background:#fffffff0;border-radius:7px;box-shadow:0 2px 7px #30475909;overflow:hidden}.zoom-controls button{border:0;background:transparent;width:29px;height:29px;font-size:17px;color:#6a8290}.zoom-controls button+button{border-top:1px solid #e5eaed}.zoom-controls button:hover{background:#eaf1f4}.drag-hint{bottom:16px;display:flex;gap:14px;color:#95a3ac;font-size:9px}.drag-hint span+span:before{content:'·';margin-right:14px}.viewport-footer{display:flex;align-items:center;gap:15px;padding:10px 14px;background:#fff;border-top:1px solid #e2e8eb;color:#81929a;font-size:9px}.viewport-footer>span{display:flex;gap:5px;align-items:center}.viewport-footer i{display:inline-block;width:7px;height:7px;border-radius:2px}.legend-cargo{background:#dfa777}.legend-doors{background:#5a9dc4}.legend-blocking{background:#b79060}.viewport-footer small{margin-left:auto;font-size:9px}.metrics{margin-top:23px}.metrics strong{font-size:30px;color:#284b56}.bar i{background:#78a99c}.cargo-inspector{background:#f0f7fb;border-color:#a9c8da;border-radius:9px}.cargo-inspector strong{color:#2d617b}.cargo-inspector p{color:#6b818c}.fleet-panel{background:#fcfdfd;padding:12px 24px}.fleet-panel button.active{background:#e9f1f4;border-color:#a5c0ce;color:#34617a}
@media(min-width:1100px){.workspace{grid-template-columns:350px minmax(0,1fr)}.viewer{height:540px}}@media(max-width:1000px){.viewer{height:470px}.viewer-shell{margin:0 10px}.viewer-toolbar{padding:8px}.viewer-toolbar button{padding:7px 9px}.viewport-footer{gap:10px;font-size:8px}}@media(max-width:720px){.viewer{height:450px}.viewer-shell{margin:0 10px}.viewer-toolbar button{padding:7px 9px}.viewer-tools #resetView span{display:none}.display-options summary{padding:7px}.viewport-footer{gap:8px;flex-wrap:wrap}.drag-hint{font-size:8px;gap:8px}.drag-hint span+span:before{margin-right:8px}.viewport-footer small{margin-left:auto}}
/* Responsive workstation and touch-first phone layout. */
html{scroll-behavior:smooth;scroll-padding-top:80px}main,.workspace,.inputs,.results,.viewer-shell{min-width:0}.workspace{grid-template-columns:minmax(300px,350px) minmax(0,1fr)}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #6b9cbe;outline-offset:3px}.mobile-workflow,.touch-gesture{display:none}.break-row{overflow-wrap:anywhere}.break-row span:last-child{line-height:1.6}.section-heading{flex-wrap:wrap}input[type=range]{min-height:32px}.viewer-toolbar{flex-wrap:wrap}.display-options>div{max-width:calc(100vw - 48px)}.action-bar{row-gap:9px}.viewport-footer{flex-wrap:wrap}.cargo-inspector p{overflow-wrap:anywhere}#placementDistances p{overflow-wrap:anywhere}
@media(min-width:1440px){main,header{max-width:1520px}.viewer{height:580px}.workspace{gap:28px}}
@media(max-width:1050px){main{padding:0 24px}.workspace{grid-template-columns:minmax(290px,320px) minmax(0,1fr);gap:16px}.viewer-tools{gap:0}.viewer-toolbar{justify-content:center}.viewer-toolbar .camera-switch{margin-right:auto}.metrics{margin:20px 18px}.metrics>div{padding:0 10px}.metrics strong{font-size:26px}.intro-note{width:210px}}
@media(max-width:900px){.workspace{grid-template-columns:minmax(0,1fr);gap:22px}.intro-note{display:none}.intro{padding:28px 0 20px}.intro h1{font-size:39px}.intro p{font-size:14px}.mobile-workflow{display:flex;position:sticky;top:0;z-index:8;gap:8px;background:#f6f7f1ed;backdrop-filter:blur(10px);padding:10px 0;margin:0 0 14px}.mobile-workflow a{flex:1;text-align:center;text-decoration:none;font-weight:600;font-size:13px;color:#42616e;border:1px solid #d6e0e2;background:#fff;padding:12px;border-radius:8px;min-height:44px}.inputs{padding:22px}.results{scroll-margin-top:74px}.inputs{scroll-margin-top:74px}.viewer{height:500px}.guide{grid-template-columns:1fr 1fr}.result-head{padding:20px 22px}.calculate{font-size:15px;min-height:48px}.inputs .add{min-height:46px;font-size:14px}}
@media(max-width:600px){header{height:68px;padding:0 16px}.brand{font-size:25px}nav .badge{margin-left:0}main{padding:0 12px}.intro{padding:22px 4px 12px}.intro .eyebrow{font-size:8px;letter-spacing:1.3px}.intro h1{font-size:32px;letter-spacing:-1.4px;margin:12px 0}.intro p{font-size:13px;margin-bottom:10px}.intro p br{display:none}.mobile-workflow{margin-bottom:10px}.inputs{padding:16px;border-radius:12px}.results{border-radius:12px}.section-heading h2{font-size:16px}.section-heading .text-button{font-size:12px;min-height:40px}.dimensions{gap:7px}label{font-size:11px;line-height:1.5;margin-top:12px}input,select,.cargo input,.cargo select,.cargo .stack-setting{font-size:16px;min-height:44px;padding:9px 8px}.cargo-top input{font-size:16px}.cargo{padding:12px}.cargo .dimensions label{font-size:10px}.cargo .remove{min-width:40px;min-height:40px;font-size:24px}.check input,.cargo .check input{width:20px;min-height:20px;height:20px;padding:0;flex-shrink:0}.check{font-size:12px;gap:8px}.cargo-advanced summary,.advanced summary{min-height:40px;display:flex;align-items:center;font-size:12px}.hint{font-size:11px}.privacy{font-size:10px}.modes button{min-height:44px;font-size:14px}.calculate{margin-top:16px}.result-head{padding:18px 16px}.result-head h2{font-size:18px}.viewer-shell{margin:0 8px;border-radius:10px}.viewer-toolbar{gap:8px;padding:8px;justify-content:space-between}.viewer-toolbar .camera-switch{margin:0}.viewer-toolbar button{min-height:40px;min-width:38px;padding:7px 9px;font-size:11px}.viewer-tools{gap:0}.display-options summary{min-height:40px;display:flex;align-items:center;font-size:11px;padding:7px}.display-options>div{top:42px;min-width:210px}.display-options label{font-size:13px;min-height:44px}.display-options input{width:20px;min-height:20px;height:20px}.viewer{height:430px}.zoom-controls{right:10px;bottom:45px}.zoom-controls button{width:42px;height:42px;font-size:22px}.viewport-compass{display:none}.viewport-badge{font-size:8px;left:12px;top:12px}.drag-hint{font-size:8px;gap:7px;bottom:12px}.drag-hint span+span:before{margin-right:7px}.viewport-footer{padding:9px 10px;gap:9px;font-size:9px}.viewport-footer small{font-size:9px}.metrics{margin:20px 15px}.metrics strong{font-size:25px}.metrics>div{padding:0 8px}.metrics span{font-size:10px}.metrics small{font-size:10px;display:block;line-height:1.5}.status{margin:0 15px;font-size:12px;padding:11px}.action-bar{padding:16px 15px 0;gap:7px}.action-bar button{min-height:42px;padding:9px 12px;font-size:12px}.action-bar #draftStatus{flex-basis:100%;font-size:11px!important}.step-panel{padding:12px 15px}.step-panel label{font-size:12px;gap:8px;flex-wrap:wrap}.step-panel input{min-height:40px}.results>.advanced,.securing{margin:14px 15px;padding:12px}.advanced button,.securing button{min-height:42px;font-size:12px;padding:9px}.manifest-head{padding:17px 15px 8px}.manifest-head .text-button{min-height:40px;font-size:12px}.break-row{padding:11px 15px;font-size:12px;align-items:flex-start}.break-row span:last-child{flex-basis:100%;margin-left:20px}.limitation{font-size:10px;padding:12px 15px 18px}.cargo-inspector{margin:13px 15px 0}.cargo-inspector p{font-size:12px;line-height:1.6}.cargo-inspector button{min-width:38px;min-height:38px}.fleet-panel{padding:12px 15px}.fleet-panel button{font-size:12px;min-height:42px}.guide{grid-template-columns:1fr;gap:18px;margin:30px 5px}.guide p{font-size:12px}footer{margin:0 16px;padding:20px 0}.fleet-panel #vehicleTabs{max-width:100%}}
@media(max-width:370px){.viewer-toolbar{justify-content:center}.camera-switch{flex:1;justify-content:center}.viewer-tools{flex:1;justify-content:center}.metrics strong{font-size:22px}.dimensions{gap:5px}.cargo input{padding:8px 5px}.viewer{height:415px}}
@media(hover:none) and (pointer:coarse){.desktop-gesture{display:none!important}.touch-gesture{display:inline!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Keep zoom controls outside the canvas so they cannot obscure cargo labels. */
.viewer-zoom-bar{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:3px 10px;border-top:1px solid #e2e8eb;background:#fff;color:#71828d;font-size:11px}.viewer-zoom-bar .zoom-controls{position:static;display:flex;border:0;box-shadow:none;background:transparent}.viewer-zoom-bar .zoom-controls button{width:40px;height:40px}.viewer-zoom-bar .zoom-controls button+button{border-top:0;border-left:1px solid #e5eaed}
@media(max-width:600px){.viewer-zoom-bar .zoom-controls button{width:44px;height:44px}}
.equipment-match{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e2e8eb;padding:9px 0}.equipment-match span{line-height:1.5}.equipment-match button{flex-shrink:0;min-height:44px}.advanced>button{margin-top:8px}

.site-policy{max-width:900px;margin:40px auto;padding:28px;background:#fff;border:1px solid var(--border);border-radius:14px;line-height:1.8;scroll-margin-top:24px}.site-policy h2{margin-top:0}.site-policy h3{font-size:16px;margin:22px 0 5px}.site-policy a,footer>a:not(.brand){color:#365f69}footer{flex-wrap:wrap;gap:16px}@media(max-width:600px){.site-policy{margin:24px 12px;padding:20px}}

/* Search content remains below the working planner. */
.skip-link{position:absolute;left:16px;top:-80px;background:#18352f;color:#fff;padding:12px;z-index:20}.skip-link:focus{top:10px}.intro h1{font-size:clamp(30px,4.1vw,54px);line-height:1.1}.search-content{margin:40px 0;max-width:100%;padding:28px;background:#fff;border:1px solid var(--border);border-radius:14px;line-height:1.8}.search-content h2{font-size:23px;letter-spacing:-.5px;margin:24px 0 12px}.search-content h2:first-child{margin-top:0}.search-content ol{padding-left:24px}.search-content li{margin:10px 0}.guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.guide-cards a{display:block;text-decoration:none;border:1px solid var(--border);border-radius:9px;padding:18px;color:#244b55}.guide-cards a:hover{background:#f4f7ef}.guide-cards strong,.guide-cards span{display:block}.guide-cards span{font-size:13px;margin-top:8px;color:#64766e}.answer{border-top:1px solid var(--border);padding:14px 0}.answer summary{cursor:pointer;font-weight:600;font-size:15px;min-height:28px}.answer p{max-width:88ch;margin-bottom:0}.article-page{max-width:960px;margin:32px auto 60px;padding:0 24px;line-height:1.85}.article-page h1{font-size:clamp(30px,5vw,48px);line-height:1.15;letter-spacing:-1.5px;margin:20px 0}.article-page h2{font-size:24px;margin:32px 0 10px;letter-spacing:-.5px}.article-page nav,.article-page a,header nav a{color:#365f69}.article-page nav a,header nav a{margin-right:16px}.article-lead{font-size:18px;max-width:80ch}.planner-cta{display:inline-block;background:#18352f;color:#fff!important;padding:12px 18px;border-radius:8px;text-decoration:none}.article-note{background:#edf3e7;padding:18px;border-radius:8px;margin:26px 0}.table-wrap{overflow-x:auto}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap td,.table-wrap th{padding:12px;border:1px solid var(--border);text-align:left}.site-policy summary{cursor:pointer;font-size:18px;font-weight:600}@media(max-width:720px){.search-content{padding:18px;margin:24px 0}.search-content h2{font-size:20px}.guide-cards{grid-template-columns:1fr}.answer summary{min-height:44px}.article-page{padding:0 18px}.article-page .article-lead{font-size:16px}header:has(nav a){height:auto;min-height:80px;flex-wrap:wrap;gap:12px;padding:18px}header nav:has(a){font-size:12px;display:flex;flex-wrap:wrap;gap:8px}}

.cbm-tool{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px;margin:28px 0}.cbm-tool h2{margin-top:0}.cbm-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.cbm-fields label{font-size:14px;color:#36584d}.cbm-fields input,.cbm-fields select{margin-top:6px;font-size:16px;min-height:44px}.cbm-tool button{border:0;font:inherit;cursor:pointer}#cbm-result{font-weight:700;color:#18352f;font-size:18px}@media(max-width:600px){.cbm-fields{grid-template-columns:1fr 1fr}.cbm-tool{padding:18px}}