:root{--bg:#09121b;--surface:#111f2d;--surface2:#182a3b;--text:#f7fafc;--muted:#afc0d0;--accent:#71c7ec;--accent2:#f0b35a;--blue:#64b5f6;--green:#73d5a5;--red:#ff8894;--warn:#ffd27a;--border:#2c4357;--shadow:0 22px 60px rgba(0,0,0,.28);--radius:20px;--max:1180px;color-scheme:dark}
:root[data-theme="light"]{--bg:#f5f7f8;--surface:#fff;--surface2:#eef3f6;--text:#142334;--muted:#5b6e7f;--accent:#176b3a;--accent2:#8b541c;--blue:#176ea5;--green:#18734a;--red:#b02b40;--warn:#825700;--border:#d1dde5;--shadow:0 18px 46px rgba(31,67,94,.13);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 8% -5%,rgba(143,214,148,.16),transparent 28%),radial-gradient(circle at 98% 8%,rgba(100,181,246,.12),transparent 26%),var(--bg);color:var(--text);font:16px/1.62 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:var(--blue);text-decoration-thickness:.08em;text-underline-offset:.18em}img,svg{max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(calc(100% - 32px),var(--max));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:8px;background:var(--accent);color:#261300;padding:10px 14px;border-radius:10px;z-index:999}.skip-link:focus{left:12px}.site-header{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.header-inner{min-height:70px;display:flex;align-items:center;gap:14px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:900;text-decoration:none;font-size:1.18rem}.brand-mark{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#271100;display:grid;place-items:center;font-size:1.35rem;box-shadow:0 8px 24px rgba(214,154,85,.25)}.nav{margin-left:auto;display:flex;align-items:center;gap:12px}.nav a{color:var(--text);text-decoration:none;font-weight:700;padding:8px 10px;border-radius:10px}.nav a:hover,.nav a:focus-visible{background:var(--surface2)}.icon-btn,.btn{border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:12px;padding:10px 14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn:hover,.btn:focus-visible,.icon-btn:hover,.icon-btn:focus-visible{border-color:var(--accent);transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#241200;border-color:transparent}.btn-small{padding:7px 10px}.menu-btn{display:none;margin-left:auto}.breadcrumbs{padding:14px 0 0}.breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:.92rem}.breadcrumbs li+li:before{content:'›';margin-right:8px}.hero{padding:58px 0 34px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:42px;align-items:center}.hero-grid>*,.tool-layout>*{min-width:0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;color:var(--accent);font-weight:900}.hero h1,.page-hero h1{font-size:clamp(2.15rem,5vw,4.6rem);line-height:1.04;margin:.35em 0 .25em;letter-spacing:-.04em}.page-hero h1{font-size:clamp(2rem,4vw,3.6rem)}.hero h1,.page-hero h1,.lead{overflow-wrap:anywhere}.lead{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--muted);max-width:760px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-art{position:relative;min-height:420px;display:grid;place-items:center}.garage-illustration{position:absolute;inset:12% 5% 10% 12%;border-radius:28px;background:linear-gradient(160deg,rgba(100,181,246,.12),rgba(241,184,91,.08));border:1px solid var(--border);overflow:hidden}.garage-illustration:before{content:'';position:absolute;width:78%;height:60%;left:12%;bottom:9%;background:repeating-linear-gradient(90deg,transparent 0 27px,var(--accent) 28px 34px,transparent 35px 62px);opacity:.55;transform:skewX(-6deg)}.hero-art .panel{position:relative;width:min(100%,430px);z-index:2}.section{padding:42px 0}.section h2{font-size:clamp(1.55rem,3vw,2.35rem);margin:0 0 12px}.section-intro{color:var(--muted);max-width:780px}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.panel{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,white 4%),var(--surface));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card{padding:22px}.card h3{margin-top:0}.card p:last-child{margin-bottom:0}.panel{padding:24px}.panel h2,.panel h3{margin-top:0}.tool-layout{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:24px;align-items:start}.panel.sticky{position:sticky;top:92px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field-full{grid-column:1/-1}.field label,.label{font-weight:800;font-size:.93rem}.field small{color:var(--muted)}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:11px;background:var(--bg);color:var(--text);padding:11px 12px}input:focus,select:focus,textarea:focus{outline:3px solid color-mix(in srgb,var(--blue) 38%,transparent);border-color:var(--blue)}input[aria-invalid="true"],select[aria-invalid="true"]{border-color:var(--red)}.status{margin-top:14px;padding:11px 13px;border-radius:12px;background:var(--surface2);color:var(--muted);white-space:pre-line}.status:empty{display:none}.status.success{border:1px solid var(--green);color:var(--green)}.status.error{border:1px solid var(--red);color:var(--red)}.status.warning{border:1px solid var(--warn);color:var(--warn)}.result-box{min-height:260px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.metric{padding:15px;border:1px solid var(--border);border-radius:14px;background:var(--surface2)}.metric strong{display:block;font-size:1.45rem;line-height:1.15}.metric span{color:var(--muted);font-size:.88rem}.check-list{list-style:none;padding:0;margin:18px 0;display:grid;gap:9px}.check-list li{padding:11px 13px;border-radius:12px;border:1px solid var(--border);display:flex;gap:10px;align-items:flex-start}.check-list .pass{border-color:color-mix(in srgb,var(--green) 55%,var(--border))}.check-list .warn{border-color:color-mix(in srgb,var(--warn) 55%,var(--border))}.check-list .fail{border-color:color-mix(in srgb,var(--red) 55%,var(--border))}.badge{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;padding:3px 9px;font-size:.78rem;font-weight:900}.badge.pass{color:var(--green)}.badge.warn{color:var(--warn)}.badge.fail{color:var(--red)}.drawing{min-height:280px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(rgba(100,181,246,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(100,181,246,.05) 1px,transparent 1px),var(--bg);background-size:24px 24px;display:grid;place-items:center;overflow:auto;padding:12px}.drawing svg{width:100%;min-width:420px;max-height:430px}.notice{border-left:4px solid var(--accent);background:var(--surface2);padding:14px 16px;border-radius:0 12px 12px 0}.warning-box{border-left-color:var(--warn)}.danger-box{border-left-color:var(--red)}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--border);vertical-align:top}th{background:var(--surface2)}.saved-list{display:grid;gap:14px}.saved-card{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:18px;border:1px solid var(--border);border-radius:15px;background:var(--surface2)}.saved-card h3{margin:0}.saved-card p{margin:4px 0;color:var(--muted)}.saved-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.compare-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:13px;border-bottom:1px solid var(--border)}.compare-row:first-child{font-weight:900;background:var(--surface2)}.content{max-width:860px}.content h2{margin-top:2.1em}.content h3{margin-top:1.7em}.content p,.content li{color:color-mix(in srgb,var(--text) 88%,var(--muted))}.content ul,.content ol{padding-left:1.25rem}.faq details{border:1px solid var(--border);border-radius:13px;padding:13px 15px;background:var(--surface);margin:10px 0}.faq summary{font-weight:900;cursor:pointer}.hub-card{display:flex;flex-direction:column}.hub-card .btn{margin-top:auto;align-self:flex-start}.footer{border-top:1px solid var(--border);margin-top:44px;padding:36px 0;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.network-links{display:flex;gap:10px 16px;flex-wrap:wrap;margin-top:10px}.cookie-note{position:fixed;left:16px;right:16px;bottom:16px;z-index:80;max-width:760px;margin:auto;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.cookie-note p{margin:.35em 0 1em;color:var(--muted)}.cookie-actions{display:flex;gap:8px;flex-wrap:wrap}.no-js{padding:12px;background:#6b2228;color:white;text-align:center}.ad-space{min-height:120px;border:1px dashed var(--border);border-radius:14px;display:none}.kicker{color:var(--accent);font-weight:900}.inline-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:var(--surface2);padding:.15em .35em;border-radius:6px}.print-only{display:none}.no-overflow{overflow-wrap:anywhere}.muted{color:var(--muted)}.quick-result strong{color:var(--accent)}
@media(max-width:900px){.hero-grid,.tool-layout,.footer-grid{grid-template-columns:1fr}.panel.sticky{position:static}.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{display:none;position:absolute;top:70px;left:16px;right:16px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav.open{display:flex}.menu-btn{display:inline-flex}.compare-row{grid-template-columns:1fr 1fr}.compare-row>*:last-child{grid-column:1/-1}}
@media(max-width:620px){.actions{flex-direction:column}.field.actions{display:grid!important;grid-template-columns:minmax(0,1fr)}.actions .btn{width:100%}.container{width:min(calc(100% - 22px),var(--max))}.hero{padding-top:40px}.hero-art{min-height:360px}.grid-2,.grid-3,.grid-4,.form-grid,.metric-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.panel{padding:17px}.actions .btn{flex:1 1 100%;min-width:0;white-space:normal;text-align:center;overflow-wrap:anywhere}.compare-row,.saved-card{grid-template-columns:1fr}.saved-actions{justify-content:flex-start}.drawing svg{min-width:340px}.header-inner{gap:8px}.brand{min-width:0}.brand span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.site-header,.footer,.actions,.cookie-note,.breadcrumbs,.no-print,.ad-space{display:none!important}.print-only{display:block}.panel,.card{box-shadow:none;border-color:#bbb}body{background:#fff;color:#111}.tool-layout{display:block}.container{width:100%}.drawing{border:1px solid #888}}

.garage-illustration{position:absolute;inset:12% 5% 10% 12%;border-radius:28px;background:linear-gradient(160deg,rgba(143,214,148,.12),rgba(214,154,85,.08));border:1px solid var(--border);overflow:hidden}.garage-illustration:before{content:"";position:absolute;inset:12%;background:repeating-linear-gradient(0deg,var(--accent) 0 5px,transparent 5px 54px);opacity:.3;transform:perspective(450px) rotateX(58deg) rotateZ(-8deg);border:2px solid var(--accent2);border-radius:10px}.plan-legend{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.plan-legend span:before{content:"";display:inline-block;width:14px;height:4px;background:var(--accent);margin-right:6px;vertical-align:middle}.tool-note{font-size:.9rem;color:var(--muted);margin-top:10px}.result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.result-actions .btn{white-space:normal}.source-list{font-size:.92rem;color:var(--muted)}

.segment-table{display:grid;gap:10px}.segment-row{display:grid;grid-template-columns:minmax(120px,1.2fr) minmax(90px,.7fr) minmax(90px,.7fr) auto;gap:8px;align-items:end;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface2)}.segment-row .field{min-width:0}.segment-row button{min-height:44px}.planner-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:22px;align-items:start}.input-unit{display:flex;align-items:stretch}.input-unit input{border-radius:11px 0 0 11px}.input-unit span{display:flex;align-items:center;padding:0 9px;border:1px solid var(--border);border-left:0;border-radius:0 11px 11px 0;background:var(--surface2);color:var(--muted);white-space:nowrap}.bom{display:grid;gap:7px}.bom-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:9px 0;border-bottom:1px solid var(--border)}.garage-illustration{position:absolute;inset:8%;border-radius:26px;border:1px solid var(--border);overflow:hidden;background:linear-gradient(160deg,rgba(155,211,127,.08),rgba(213,163,74,.1))}.garage-illustration:before{content:"";position:absolute;left:6%;right:6%;bottom:17%;height:42%;background:repeating-linear-gradient(0deg,var(--accent) 0 5px,transparent 5px 48px),linear-gradient(90deg,var(--accent2),var(--accent2));background-size:auto,100% 7px;background-position:0 0,0 30%;background-repeat:repeat,no-repeat;transform:perspective(480px) rotateX(6deg);opacity:.62}.quick{position:relative;z-index:2;width:min(100%,440px)}.danger{border-color:var(--red)}@media(max-width:900px){.planner-grid{grid-template-columns:1fr}}@media(max-width:620px){.segment-row{grid-template-columns:1fr 1fr}.segment-row .field:first-child{grid-column:1/-1}.segment-row button{width:100%}}

.result-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.metric small{font-size:.7em;color:var(--muted)}.btn-danger{border-color:color-mix(in srgb,var(--red) 55%,var(--border));color:var(--red)}.garage-illustration{position:absolute;inset:8%;border-radius:26px;border:1px solid var(--border);overflow:hidden;background:linear-gradient(160deg,rgba(113,199,236,.08),rgba(240,179,90,.1))}.garage-illustration:before{content:"";position:absolute;left:12%;right:12%;bottom:12%;height:64%;border:8px solid var(--accent2);border-bottom-width:14px;background:repeating-linear-gradient(0deg,rgba(113,199,236,.55) 0 5px,transparent 5px 48px),linear-gradient(90deg,rgba(255,255,255,.02),rgba(113,199,236,.12));box-shadow:0 22px 40px rgba(0,0,0,.35)}.garage-illustration:after{content:"";position:absolute;left:24%;right:24%;top:18%;height:7px;background:var(--accent2);box-shadow:0 18px 0 rgba(240,179,90,.55)}.source-list a{overflow-wrap:anywhere}.guide-step{display:grid;grid-template-columns:auto 1fr;gap:12px;margin:16px 0}.guide-step strong:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#082033}.mini-diagram{border:1px solid var(--border);border-radius:16px;padding:18px;background:var(--surface2)}.mini-diagram svg{width:100%;height:auto}.result-actions[hidden]{display:none}.field .input-unit{min-width:0}.field .input-unit input{min-width:0}@media(max-width:620px){table{min-width:620px}.metric strong{overflow-wrap:anywhere}.garage-illustration{inset:4%}}
/* Accessibility: prevent min-content overflow at 200% text zoom on narrow screens. */
.grid>*{min-width:0}
@media(max-width:620px){.card .btn,.content .btn{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center}}
h1,h2,h3,.btn,.icon-btn{overflow-wrap:anywhere;word-break:normal}