:root{--paper:#f7f6ee;--white:#fffef9;--ink:#183d36;--muted:#61716a;--mint:#c9ecd8;--green:#26714e;--line:#d9dfd4;--peach:#f4b89c;--yellow:#f0df93;--radius:18px;--shadow:0 8px 30px #183d3608}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #227954;outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.5}.wrap{width:min(1180px,calc(100% - 80px));margin:auto}.skip-link{position:fixed;z-index:99;top:-80px;left:20px;background:var(--ink);color:white;padding:12px 20px}.skip-link:focus{top:16px}.site-header{height:96px;border-bottom:1px solid var(--line);display:flex;align-items:center}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.wordmark{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:25px;font-weight:750;letter-spacing:-1.4px}.brand-spark{width:32px;height:32px;flex-shrink:0}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{font-size:14px;text-decoration:none;font-weight:560;padding:8px 0}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--green);text-decoration:underline;text-decoration-thickness:2px}.nav-links .nav-about{border:1px solid #c6cec2;border-radius:25px;padding:8px 18px}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:8px;padding:7px 13px}.eyebrow{display:flex;align-items:center;gap:9px;font:600 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.8px;text-transform:uppercase}.eyebrow::before{content:'';width:6px;height:6px;background:var(--green);border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2.7px;line-height:1.08}h1{font-size:clamp(44px,5.7vw,76px)}h2{font-size:clamp(34px,4vw,48px);letter-spacing:-1.6px}h3{font-size:20px;line-height:1.3;letter-spacing:-.45px}p{margin-bottom:20px}em{font-weight:400;color:var(--green)}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;padding:74px 0 69px}.hero .eyebrow{margin-bottom:27px}.hero h1{margin-bottom:26px}.hero-intro{max-width:455px;color:var(--muted);font-size:18px;line-height:1.7}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid var(--ink);border-radius:8px;padding:12px 21px;text-decoration:none;background:var(--ink);color:var(--white);font-size:14px;font-weight:600;line-height:1.5;transition:background .15s,transform .15s}.button:hover{background:#2c5d4b;transform:translateY(-1px)}.button.secondary{background:transparent;color:var(--ink);border-color:#bfcbbf}.button.secondary:hover{background:#eaf0e5}.button.small{font-size:12px;padding:8px 13px;border-radius:6px}.hero-note{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin-top:22px}.hero-note svg{width:14px}.hero-art{width:100%;max-height:455px;display:block}.trust-strip{padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.trust-strip .label{font-family:ui-monospace,monospace;font-size:10px;letter-spacing:1.4px;color:var(--muted)}.trust-item{display:flex;gap:9px;align-items:center}.tiny-icon{width:16px;height:16px}.section{padding:74px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-heading h2{margin-bottom:0}.section-heading p{color:var(--muted);font-size:14px;max-width:330px;margin:0}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tool-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--white);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card-visual{height:170px;margin:10px;border-radius:11px;display:grid;place-items:center;position:relative;overflow:hidden}.card-visual.kitchen{background:#e3eddb}.card-visual.statistics{background:#f0e8dc}.card-visual.home{background:#d9e9e5}.card-visual svg{height:134px;width:210px}.card-body{padding:22px 24px 25px;display:flex;flex-direction:column;flex:1}.card-top{display:flex;justify-content:space-between;font:10px ui-monospace,monospace;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:13px;color:var(--muted)}.card-body h3{font:30px Georgia,serif;letter-spacing:-1px;margin-bottom:12px}.card-body p{font-size:14px;color:var(--muted);line-height:1.75;flex:1}.card-link{text-decoration:none;font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid var(--line)}.arrow{font-size:21px;font-weight:400}.small-things{display:grid;grid-template-columns:.65fr 1fr;gap:90px;padding:47px 55px;background:var(--mint);border-radius:var(--radius);align-items:center}.small-things h2{font-size:38px;margin-bottom:0}.small-things p{max-width:520px;margin:0;font-size:16px;line-height:1.85}.footer{margin-top:76px;border-top:1px solid var(--line);padding:34px 0}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-links{display:flex;gap:25px;font-size:12px}.footer-bottom{margin-top:25px;color:var(--muted);font-size:11px}.footer .wordmark{font-size:20px}.footer .brand-spark{width:24px;height:24px}.page-hero{padding:52px 0 32px;max-width:850px}.breadcrumb{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);margin-bottom:28px}.breadcrumb a{text-decoration:none}.page-hero .eyebrow{margin-bottom:16px}.page-hero h1{font-size:58px;margin-bottom:20px}.page-hero p{color:var(--muted);max-width:680px;font-size:17px}.page-meta{display:flex;gap:19px;font:11px ui-monospace,monospace;color:var(--green);flex-wrap:wrap}.calculator-layout{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,.83fr);gap:27px;align-items:start}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:30px}.panel-title{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:23px}.panel-title h2{font:25px Georgia,serif;letter-spacing:-.7px;margin:0}.step-label{font:10px ui-monospace,monospace;letter-spacing:1.5px;color:var(--muted)}.fields{display:grid;gap:18px;grid-template-columns:1fr 1fr}.field{min-width:0}.field label,.row-label{display:block;font-size:12px;font-weight:650;margin-bottom:7px}.field input,.field select,.ingredient-row input,.ingredient-row select,.dimension-row input{width:100%;min-width:0;max-width:100%;border:1px solid #c5cec2;background:white;border-radius:7px;padding:10px 12px;color:var(--ink);height:45px}.field input:hover,.ingredient-row input:hover,.dimension-row input:hover{border-color:#718d76}input:invalid:not(:placeholder-shown){box-shadow:none}.field small,.field-help{display:block;font-size:11px;color:var(--muted);margin-top:6px}.field.full{grid-column:1/-1}.form-divider{height:1px;border:0;background:var(--line);margin:25px 0}.row-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.row-heading h3{font-size:13px;margin:0}.text-button{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;color:var(--green);padding:4px;font-size:12px;font-weight:600}.ingredient-row{display:grid;grid-template-columns:minmax(70px,.6fr) minmax(80px,.7fr) minmax(100px,1.2fr) 30px;gap:8px;margin-bottom:12px;align-items:end}.ingredient-row label,.dimension-row label{font-size:10px;display:block;line-height:1.4;margin-bottom:4px;color:var(--muted)}.ingredient-row input,.dimension-row input{padding:9px;font-size:13px}.remove-row{width:30px;height:43px;background:transparent;border:none;font-size:20px;color:var(--muted);border-radius:6px}.remove-row:hover{background:#f6e9dd;color:#8d3327}.form-actions{display:flex;align-items:center;gap:12px;margin-top:24px;flex-wrap:wrap}.error-message{margin-top:14px;border-left:3px solid #9c4636;padding:8px 12px;background:#fff0e9;color:#873828;font-size:13px}.error-message:empty{display:none}.results{background:#eaf1e5;position:sticky;top:24px}.results .panel-title{margin-bottom:18px}.result-hero{padding:11px 0 20px}.result-number{font:52px/1.1 Georgia,serif;letter-spacing:-2px;overflow-wrap:anywhere}.result-number.compact{font-size:37px;line-height:1.2;letter-spacing:-1.2px}.result-caption{color:var(--muted);font-size:12px;margin-top:7px}.result-detail{margin-top:17px;padding-top:15px;border-top:1px solid #cbd9c5;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px}.result-detail strong{text-align:right;overflow-wrap:anywhere}.result-table{width:100%;border-collapse:collapse;font-size:13px}.result-table th{text-align:left;font-size:10px;color:var(--muted);letter-spacing:.6px;font-weight:500;padding:8px 0;border-bottom:1px solid #cbd9c5}.result-table td{padding:11px 0;border-bottom:1px solid #d7e2d1;overflow-wrap:anywhere;max-width:150px}.result-table td:last-child,.result-table th:last-child{text-align:right}.result-note{font-size:11px;color:#536950;margin:19px 0 0;line-height:1.75}.result-actions{display:flex;gap:15px;align-items:center;margin-top:18px;flex-wrap:wrap}.copy-status{font-size:11px;min-height:18px;margin-top:9px;color:var(--green)}.explain-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:57px}.explain-grid h2,.content-section h2{font-size:32px;letter-spacing:-1px}.explain-grid p,.explain-grid li,.content-section p{font-size:14px;color:var(--muted);line-height:1.85}.explain-grid ol,.explain-grid ul{padding-left:20px}.explain-grid li{padding-left:6px;margin:9px 0}.example{padding:18px 22px;border:1px solid var(--line);border-radius:10px;background:#f0f1e8;font-size:13px;margin-top:20px;line-height:1.8}.example strong{font-size:11px;letter-spacing:.8px;text-transform:uppercase;display:block;margin-bottom:4px}.content-section{margin-top:50px}.idea-picker{max-width:310px;margin-bottom:19px}.ideas{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.idea{border:1px solid var(--line);border-radius:12px;padding:22px;background:var(--white)}.idea .idea-number{display:block;font:11px ui-monospace,monospace;color:var(--green);margin-bottom:13px}.idea h3{font-size:17px}.idea p{font-size:13px;margin-bottom:0}.subtle-note{font-size:11px;color:var(--muted);margin-top:14px}.dimension-row{display:grid;grid-template-columns:1fr 1fr 30px;gap:9px;align-items:end;margin-bottom:12px}.room-row{border-bottom:1px solid var(--line);margin-bottom:12px;padding-bottom:13px}.dimension-title{font-size:11px;font-weight:650;margin-bottom:6px}.info-note{padding:12px 16px;background:#f0f2e9;border-radius:8px;font-size:11px;color:var(--muted);line-height:1.7;margin:16px 0 0}.unit-row{display:flex;gap:18px;margin:5px 0 20px}.unit-choice{font-size:12px;display:flex;align-items:center;gap:7px}.unit-choice input{accent-color:var(--green);width:16px;height:16px}.ci-plot{position:relative;margin:12px 0 25px;height:44px}.ci-plot::before{content:'';position:absolute;left:5%;right:5%;height:2px;background:#b8cdb2;top:21px}.ci-line{position:absolute;left:15%;right:15%;height:3px;top:20px;background:var(--green)}.ci-line::before,.ci-line::after{content:'';width:2px;height:17px;background:var(--green);position:absolute;top:-7px}.ci-line::after{right:0}.ci-center{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--green);top:15px;left:calc(50% - 6px)}.ci-plot-labels{display:flex;justify-content:space-between;position:absolute;top:33px;width:100%;font:9px ui-monospace,monospace;color:var(--muted)}.sources{font-size:12px;color:var(--muted);margin-top:25px;line-height:1.8}.faq{border-top:1px solid var(--line);padding:18px 0}.faq:last-child{border-bottom:1px solid var(--line)}.faq summary{font-size:14px;font-weight:600;cursor:pointer}.faq p{margin:14px 0 0;max-width:700px}.article{max-width:760px;margin:auto}.article .page-hero h1{font-size:56px}.article-section{margin-bottom:38px}.article-section h2{font-size:31px;letter-spacing:-1px}.article-section p,.article-section li{color:var(--muted);font-size:15px;line-height:1.85}.article-section ul{padding-left:23px}.privacy-highlight{padding:26px;border-radius:14px;background:var(--mint);margin:25px 0 35px}.privacy-highlight p{margin:0;color:var(--ink)}.not-found{padding:110px 0;max-width:680px}.print-date{display:none}[hidden]{display:none!important}::selection{background:#c5e5b3;color:#183d36}@media(min-width:1500px){.hero{padding-top:95px;padding-bottom:90px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:28px;padding-top:58px}.hero h1{font-size:58px}.nav-links{gap:22px}.calculator-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px}.panel{padding:24px}.ingredient-row{grid-template-columns:62px 72px minmax(85px,1fr) 24px;gap:6px}.small-things{gap:35px}.result-number{font-size:45px}.result-number.compact{font-size:31px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.site-header{height:76px}.wordmark{font-size:24px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:76px;background:var(--paper);z-index:30;border-bottom:1px solid var(--line);padding:20px 24px;box-shadow:0 10px 20px #183d3608;gap:8px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:10px 12px}.nav-links .nav-about{border:0;padding:10px 12px}.hero{grid-template-columns:1fr;gap:22px;padding:45px 0 38px}.hero .eyebrow{font-size:10px;margin-bottom:23px}.hero h1{font-size:clamp(47px,12vw,72px);max-width:600px}.hero-intro{font-size:16px;max-width:420px}.hero-art{max-width:430px;margin:auto;max-height:340px}.hero-note{margin-top:18px}.trust-strip{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:11px}.trust-strip .label{grid-column:1/-1;font-size:9px}.trust-item:last-child{display:none}.section{padding:48px 0}.section-heading{display:block}.section-heading p{margin-top:15px;max-width:400px}.tool-grid{grid-template-columns:1fr;gap:20px}.tool-card{display:grid;grid-template-columns:.7fr 1fr}.card-visual{height:calc(100% - 20px);min-height:190px}.card-visual svg{width:100%;height:130px}.card-body{padding:22px 19px 20px 12px}.card-body h3{font-size:27px}.card-body p{font-size:12px;line-height:1.7}.card-link{font-size:11px;gap:10px;padding-top:10px}.card-top{font-size:9px;margin-bottom:12px}.small-things{grid-template-columns:1fr;padding:30px;gap:24px}.small-things h2{font-size:35px}.small-things p{font-size:14px}.footer{margin-top:50px}.footer-top,.footer-bottom{align-items:start;flex-direction:column;gap:20px}.footer-links{gap:20px;flex-wrap:wrap}.footer-bottom{gap:8px;font-size:10px;margin-top:22px}.page-hero{padding:31px 0 29px}.breadcrumb{margin-bottom:23px}.page-hero h1{font-size:45px;letter-spacing:-1.8px}.page-hero p{font-size:15px}.page-meta{gap:12px;font-size:10px}.calculator-layout{grid-template-columns:1fr}.panel{padding:23px}.results{position:static}.ingredient-row{grid-template-columns:65px 80px minmax(70px,1fr) 26px}.ingredient-row input{padding:8px;font-size:12px}.result-number{font-size:48px}.result-number.compact{font-size:36px}.explain-grid{grid-template-columns:1fr;gap:28px;margin-top:38px}.explain-grid h2,.content-section h2{font-size:30px}.ideas{grid-template-columns:1fr}.idea{padding:20px}.idea p{max-width:450px}.article .page-hero h1{font-size:46px}.article-section p,.article-section li{font-size:14px}}@media(max-width:380px){.wrap{width:calc(100% - 28px)}.panel{padding:18px}.fields{gap:12px}.ingredient-row{grid-template-columns:53px 60px minmax(65px,1fr) 23px;gap:5px}.tool-card{display:flex}.card-visual{height:145px;min-height:0}.card-body{padding:17px 24px 23px}.hero h1{font-size:45px}.result-number.compact{font-size:30px}.footer-links{gap:15px}.button{padding:11px 17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{body{background:white;color:#17231d;font-size:11pt}.wrap{width:100%}.site-header,.footer,.form-panel,.form-actions,.result-actions,.copy-status,.menu-toggle,.hero-art,.skip-link,.breadcrumb,.content-section,.explain-grid{display:none!important}.page-hero{padding:0 0 20px}.page-hero h1{font-size:30pt}.page-meta{display:none}.calculator-layout{display:block}.results{position:static;max-width:100%;break-inside:avoid;background:white;border:1px solid #aaa}.panel-title h2{font-size:19pt}.result-number{font-size:30pt}.print-date{display:block;font-size:9pt;color:#555;margin-top:15px}a{text-decoration:none}.article-section{break-inside:avoid}.article .page-hero{display:block}.article-section,.privacy-highlight{display:block!important}}

/* Worked guides extend the existing quiet, browser-local editorial design. */
.inline-icon{display:inline-block;width:1.15em;height:1.15em;flex:none;vertical-align:-.16em}.nav-about{display:inline-flex;align-items:center;gap:8px}.arrow .inline-icon{width:20px;height:20px}.breadcrumb{flex-wrap:wrap}.guide-callout{margin-top:30px;padding:25px 28px;background:#f0f1e8;border:1px solid var(--line);border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center;gap:25px}.guide-callout h2{font-size:29px;letter-spacing:-.8px;margin:10px 0}.guide-callout p{font-size:13px;color:var(--muted);max-width:610px;margin:0}.guide-callout .button{flex-shrink:0}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.guide-card{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}.guide-card h3{font:26px/1.2 Georgia,serif;letter-spacing:-.7px;margin:18px 0 12px}.guide-card h3 a{text-decoration-thickness:1px;text-underline-offset:5px}.guide-card p{font-size:14px;color:var(--muted);margin:0}.guide-directory{padding-top:0}.guide .page-hero h1{font-size:clamp(37px,4.8vw,54px);line-height:1.13;letter-spacing:-1.6px;text-wrap:balance}.guide-tool-link{margin-top:24px}.guide .article-section{margin-bottom:38px}.guide .article-section h2{font-size:29px;line-height:1.2}.guide .article-section p{margin-bottom:17px}.guide .article-section strong{color:var(--ink)}.guide .article-section li{margin:9px 0}.worked-steps{padding-left:23px}.guide-table-wrap{overflow-x:auto;margin:23px 0}.guide-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.guide-table caption{text-align:left;color:var(--muted);font-size:12px;padding-bottom:10px}.guide-table th,.guide-table td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top}.guide-table thead{background:var(--mint)}.guide-table tbody th{font-weight:550}.guide-table td{color:var(--muted)}.example .inline-value{display:inline;font:inherit;letter-spacing:normal;text-transform:none}.guide-try{padding:26px;background:var(--mint);border-radius:var(--radius);margin-top:40px}.guide-try h2,.guide-navigation h2{font-size:29px;letter-spacing:-.8px}.guide-try p{margin:0;font-size:15px;line-height:1.8}.guide-navigation{border-top:1px solid var(--line);margin-top:40px;padding-top:28px}.guide-navigation ul{list-style:none;padding:0;display:grid;gap:12px;font-size:14px}.guide-navigation a[aria-current=page]{font-weight:700;text-decoration:none}.guide a{overflow-wrap:anywhere}
@media(max-width:1000px){.nav-links{gap:20px}.guide-callout{align-items:flex-start;flex-direction:column}.guide-card{padding:22px}}
@media(max-width:760px){.guide-grid{grid-template-columns:1fr;gap:15px}.guide-callout{padding:22px;gap:19px}.guide-callout h2{font-size:27px}.guide-card h3{font-size:27px}.guide-table{font-size:12px}.guide-table th,.guide-table td{padding:11px 8px}.guide .page-hero h1{font-size:clamp(36px,9vw,46px);letter-spacing:-1.2px}.guide .article-section h2{font-size:27px}.guide-try{padding:23px}.guide .breadcrumb{font-size:11px}.guide-tool-link{font-size:13px}.guide-directory{padding-top:0}}
@media print{.guide-callout,.guide-navigation,.guide-tool-link,.guide-try{display:none!important}.guide-table-wrap{overflow:visible}.guide .page-hero h1{font-size:28pt}.guide .article-section{break-inside:auto}.guide .article-section h2{break-after:avoid}.guide-table tr{break-inside:avoid}}