:root{color-scheme:light;--ink: #2a241e;--muted: #6b6258;--paper: #fffdf8;--soft: #f4f0e8;--field: #fbfaf5;--line: #e2dbcf;--accent: #b9573c;--accent-dark: #8d3d2c;--leaf: #2f6b4f;--leaf-dark: #214b39;--warn: #d68f1c;--danger-bg: #fde7df;--radius: 8px;--content: 1120px;--font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--leaf-dark);text-decoration-thickness:2px;text-underline-offset:3px}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:#fffdf8f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-shell,.hero,.calculator-shell,.content-section,.site-footer{width:min(var(--content),calc(100% - 32px));margin:0 auto}.nav-shell{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;text-decoration:none}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--leaf);color:#fff;font-size:.72rem;letter-spacing:.06em}.nav-links{display:flex;align-items:center;gap:6px}.nav-links a{padding:8px 10px;border-radius:6px;color:var(--muted);font-size:.94rem;font-weight:700;text-decoration:none}.nav-links a:hover,.nav-links a:focus-visible{background:var(--soft);color:var(--leaf-dark)}.hero{padding:40px 0 20px}.eyebrow{margin:0 0 8px;color:var(--accent-dark);font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3{margin:0;font-family:var(--font-heading);line-height:1.08;letter-spacing:0}h1{max-width:760px;font-size:clamp(2.45rem,6vw,4.2rem)}h2{font-size:clamp(1.65rem,3vw,2.4rem)}h3{font-size:1.12rem}.hero-lede{max-width:620px;margin:12px 0 0;color:#423b33;font-size:1.08rem}.calculator-shell{margin-top:10px}.tool-card{padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 16px 42px #2a241e12}.tool-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}.action-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.primary-button,.ghost-button,.reset-button,.mode-switch button,.standard-tabs button,.quick-picks button{min-height:40px;border-radius:var(--radius);border:1px solid transparent;font-weight:800}.primary-button{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;color:#fff;background:var(--leaf);text-decoration:none}.ghost-button{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;color:var(--leaf-dark);background:#f7faf4;border-color:#cdd9c9;text-decoration:none}.reset-button{width:100%;margin-top:12px;color:var(--leaf-dark);background:transparent;border-color:#cdd9c9}.mode-switch,.standard-tabs{display:grid;gap:6px;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}.mode-switch{grid-template-columns:1fr 1fr;max-width:480px;margin-bottom:18px}.standard-tabs{grid-template-columns:repeat(3,1fr);margin:18px 0 12px}.mode-switch button,.standard-tabs button{background:transparent;color:var(--muted)}.mode-switch button.is-active,.standard-tabs button.is-active{background:var(--accent);color:#fff}.slider-panel{padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--field)}.slider-copy{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px;color:var(--muted);font-weight:800}.current-count{color:var(--ink);font-size:clamp(1.8rem,4vw,3rem);line-height:1}.stepper-row{display:inline-grid;grid-template-columns:44px minmax(48px,auto) 44px;align-items:center;gap:8px;margin-bottom:12px}.stepper-row button{width:44px;height:44px;border:1px solid #cdd9c9;border-radius:50%;color:var(--leaf-dark);background:#fff;font-size:1.35rem;font-weight:900;line-height:1}.stepper-row strong{min-width:48px;color:var(--ink);font-size:1.55rem;text-align:center}.range-label{display:block;margin-bottom:6px;font-weight:800}input[type=range]{width:100%;accent-color:var(--accent)}.quick-picks{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.quick-picks button{min-width:44px;padding:7px 10px;color:var(--leaf-dark);background:#fff;border-color:var(--line)}.quick-picks button.is-active{color:#fff;background:var(--leaf);border-color:var(--leaf)}.calculator-workflow{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(520px,1.18fr);gap:14px;align-items:start;margin-top:18px}.workflow-controls{min-width:0;display:grid;gap:12px;align-content:start}.workflow-controls .slider-copy{align-items:flex-start;flex-direction:column;gap:6px}.workflow-controls .current-count{white-space:nowrap}.workflow-controls .standard-tabs{margin:0}.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.plan-card{padding:16px;border:1px solid var(--line);border-radius:10px;background:#fff}.plan-card.is-selected{border-color:var(--accent);box-shadow:inset 0 0 0 2px #b9573c2e}.plan-card-head{display:grid;gap:3px;margin-bottom:12px}.plan-card-head strong{font-size:1.1rem}.plan-card-head span,.fine-print,.section-minihead p{color:var(--muted);font-size:.92rem}dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}dt{color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}dd{margin:3px 0 0;color:var(--ink);font-size:1.18rem;font-weight:900}.planner-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}.visual-stack{min-width:0;display:grid;gap:14px}.coop-scene{min-width:0}.scene-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:12px}.scene-reset{flex:0 0 auto}.scene-stage{position:relative;height:clamp(360px,38vw,500px);overflow:hidden;border-radius:10px;background:linear-gradient(180deg,#fffdf81f,#214b3914),#f7f1e8}.scene-badge{position:absolute;left:14px;top:14px;z-index:2;max-width:calc(100% - 28px);padding:8px 11px;border:1px solid rgba(42,36,30,.14);border-radius:7px;background:#fffdf8eb;color:var(--ink);font-size:.9rem;font-weight:900;box-shadow:0 6px 20px #2a241e14}.scene-stage canvas{width:100%;height:100%;display:block;touch-action:none}.scene-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;color:var(--muted);background:var(--field);text-align:center;font-weight:800}.scene-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.results-stack{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);align-content:start;align-items:start;gap:14px}.result-card{min-width:0;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--field)}.result-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px}.result-head>span{max-width:220px;color:var(--muted);font-size:.88rem;font-weight:800;text-align:right}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.result-grid div{min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.result-grid div:first-child,.result-grid div:nth-child(2){background:#fffaf2;border-color:#e7c9a9}.result-grid dd{font-size:1.22rem}.result-grid span{display:block;margin-top:3px;color:var(--muted);font-size:.8rem;font-weight:800}.result-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.sticky-result-summary{display:none;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 12px;border:1px solid #cdd9c9;border-radius:8px;background:#fffdf8f5;color:var(--ink);text-decoration:none;box-shadow:0 10px 30px #2a241e1f}.sticky-result-summary span{color:var(--muted);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.sticky-result-summary strong{text-align:right}.scene-metrics div{padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.scene-metrics dd{font-size:.98rem}.scale-card,.input-panel,.check-panel{min-width:0;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--field)}.compact-inputs details{display:grid;gap:12px}.compact-inputs summary{min-height:0;padding:0;color:var(--leaf-dark);font-weight:900}.compact-inputs .field-grid{margin-top:12px}.compact-scale{padding:14px}.scale-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:12px}.scale-head p:last-child{max-width:340px;margin:0;color:var(--muted);font-weight:700}.scale-graphic{position:relative;min-height:300px;border:1px solid #cbd8c3;border-radius:10px;background:linear-gradient(90deg,rgba(47,107,79,.12) 1px,transparent 1px),linear-gradient(rgba(47,107,79,.12) 1px,transparent 1px),#edf4e8;background-size:28px 28px;overflow:hidden}.compact-scale .scale-graphic{min-height:220px}.run-block,.coop-block{position:absolute;left:50%;top:50%;display:grid;place-items:center;gap:4px;padding:12px;border-radius:8px;color:#fff;text-align:center;transform:translate(-50%,-50%)}.run-block{align-content:start;justify-items:end;min-width:210px;background:#2f6b4fbd;border:2px solid rgba(33,75,57,.32)}.coop-block{left:29%;top:57%;z-index:2;min-width:124px;min-height:78px;background:#b9573ceb;border:2px solid rgba(141,61,44,.34)}.run-block span,.coop-block span{font-size:.82rem;font-weight:800}.footprint-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.footprint-row span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:.88rem;font-weight:800}.field-grid,.dimension-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}label{display:grid;gap:6px;color:#373028;font-size:.9rem;font-weight:800}input:not([type=range]),select{width:100%;min-height:42px;padding:9px 10px;color:var(--ink);border:1px solid #cfc8bb;border-radius:var(--radius);background:#fff}button:focus-visible,input:focus,select:focus,a:focus-visible,summary:focus-visible{outline:3px solid rgba(214,143,28,.5);outline-offset:2px}.unit-field{display:flex;align-items:center;gap:14px;min-height:42px;margin:0;padding:8px 10px;border:1px solid #cfc8bb;border-radius:var(--radius);background:#fff}.unit-field label{display:inline-flex;align-items:center;gap:6px}.check-panel{display:grid;gap:14px;margin-top:16px}.verdict-card{padding:14px;border-radius:10px;border:1px solid var(--line);border-left:5px solid var(--leaf);background:#f5faef}.verdict-card.is-small{border-left-color:var(--accent);background:var(--danger-bg)}.verdict-card.is-tight{border-left-color:var(--warn);background:#fff7dd}.verdict-card p{margin:8px 0 0;color:#453c32;font-weight:700}.print-summary{display:none}.content-section{padding:52px 0;border-bottom:1px solid var(--line)}.learn-section{padding:30px 0}.learn-details{border:1px solid var(--line);border-radius:10px;background:#fff}.learn-details>summary{color:var(--ink);font-size:1rem}.learn-content{padding:0 16px 16px}.learn-content .content-section{width:100%;padding:34px 0}.learn-content .ad-slot{width:100%}.content-section>p,.split-section p,.source-note{max-width:780px;color:#463d34;font-size:1rem}.table-wrap{margin-top:18px;overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:#fff}table{width:100%;min-width:720px;border-collapse:collapse}th,td{padding:14px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--leaf-dark);background:var(--soft);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.split-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.48fr);gap:28px}.note-card,.formula-card,.rule-grid article,details{border:1px solid var(--line);border-radius:10px;background:#fff}.note-card,.formula-card,.rule-grid article{padding:18px}.rule-grid,.formula-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rule-grid strong{display:block;color:var(--accent-dark);font-size:1.8rem;line-height:1}.rule-grid span{display:block;margin-top:8px;color:var(--muted);font-weight:700}code{padding:2px 5px;border-radius:5px;background:var(--soft);color:var(--leaf-dark);font-family:var(--font-mono);font-size:.9em;font-weight:800}.ad-slot{width:min(920px,calc(100% - 32px));min-height:86px;margin:24px auto 0;display:grid;place-items:center;border:1px dashed #c9c1b6;border-radius:10px;color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.faq-section{display:grid;gap:10px}.seo-bottom-guide{display:grid;gap:22px}.seo-guide-intro{max-width:920px}.seo-guide-intro p{margin:12px 0 0;color:#463d34;font-size:1.03rem}.trust-strip{display:flex;flex-wrap:wrap;gap:8px}.trust-strip span{padding:7px 10px;border:1px solid #d7ceb9;border-radius:7px;color:var(--muted);background:#fff;font-size:.84rem;font-weight:800}.seo-toc{display:flex;flex-wrap:wrap;gap:8px}.seo-toc a{padding:8px 10px;border:1px solid #d7ceb9;border-radius:7px;color:var(--leaf-dark);background:#fffaf2;font-size:.88rem;font-weight:800;text-decoration:none}.seo-toc a:hover,.seo-toc a:focus-visible{border-color:#b98c66;background:#fff4df}.seo-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.seo-guide-card,.seo-example,.quick-answer-card,.related-tools{min-width:0;padding:18px;border:1px solid var(--line);border-radius:10px;background:#fff}.quick-answer-card{display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);align-items:start;gap:18px;background:#fffaf2;border-color:#e7c9a9}.seo-guide-card h3,.seo-example h3,.seo-table-section h3,.seo-faq h3{margin-bottom:8px}.seo-guide-card p,.seo-table-section p,.seo-example p,.quick-answer-card p,.related-tools p{margin:0 0 12px;color:#463d34}.seo-guide-card p:last-child,.seo-table-section p:last-child,.seo-example p:last-child,.quick-answer-card p:last-child,.related-tools p:last-child{margin-bottom:0}.seo-table-section{display:grid;gap:4px}.seo-faq{display:grid;gap:10px}.quick-link-grid,.footprint-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.quick-link-grid a,.footprint-cards article{min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;font-weight:800}.quick-link-grid a{color:var(--leaf-dark);text-decoration:none}.quick-link-grid a:hover,.quick-link-grid a:focus-visible{border-color:#b98c66;background:#fff4df}.footprint-cards strong,.footprint-cards span{display:block}.footprint-cards strong{color:var(--accent-dark);font-size:1.15rem}.footprint-cards span{margin-top:6px;color:var(--muted)}.mistake-list{margin:12px 0 0;padding-left:20px;color:#463d34}.mistake-list li+li{margin-top:8px}summary{min-height:54px;display:flex;align-items:center;padding:14px 16px;cursor:pointer;font-weight:800}details p{margin:0;padding:0 16px 16px;color:#4a4036}.site-footer{padding:34px 0 48px;color:var(--muted);font-size:.94rem;font-weight:700}.site-footer p{margin:0 0 8px}@media (max-width: 860px){.tool-topbar,.scene-head,.result-head,.split-section{grid-template-columns:1fr}.tool-topbar,.scene-head,.result-head{flex-direction:column}.planner-grid,.calculator-workflow,.results-stack,.seo-guide-grid,.quick-answer-card,.split-section{grid-template-columns:1fr}.scene-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.result-head>span{max-width:none;text-align:left}}@media (max-width: 640px){.nav-links{display:none}.nav-shell,.hero,.calculator-shell,.content-section,.site-footer{width:min(var(--content),calc(100% - 20px))}.hero{padding:28px 0 14px}h1{font-size:clamp(2.2rem,12vw,3.2rem)}.tool-card{padding:12px}.action-row,.result-actions,.primary-button,.ghost-button,.reset-button{width:100%}.mode-switch,.standard-tabs,.field-grid,.dimension-grid,.result-grid,.rule-grid,.formula-grid,.quick-link-grid,.footprint-cards{grid-template-columns:1fr}.slider-copy{align-items:flex-start;flex-direction:column;gap:6px}.stepper-row{display:grid;grid-template-columns:52px 1fr 52px;width:100%}.stepper-row button{width:52px;height:52px}.scene-stage{height:300px}.scene-metrics{grid-template-columns:1fr}.scale-graphic{min-height:260px}.run-block,.coop-block{padding:10px}.run-block{min-width:190px}.coop-block{left:33%}.content-section{padding:40px 0}}@media print{body{background:#fff}.site-header,.hero,.calculator-shell,.content-section,.ad-slot,.site-footer{display:none!important}.print-summary{display:block;padding:0;color:#111}.print-summary h2{font-size:24px}.print-summary li,.print-summary p{font-size:12px}}