@layer reset,base,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,ul,ol,dl,dd{margin:0}img,svg{display:block;max-width:100%}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}}@layer base{:root{color-scheme:light;--cotton: #f7f0e3;--cotton-deep: #eee1cc;--paper: #fffaf1;--paper-bright: #fffdf8;--ink: #17324d;--ink-deep: #0c2338;--ink-soft: #526273;--thread: #d95d4f;--thread-deep: #b84137;--mustard: #d8a62e;--sage: #6f8b77;--sage-pale: #dce6dd;--line: #d8cdbb;--line-strong: #b9aa92;--success: #2f6d57;--warning: #9c5b28;--error: #9d2e2e;--radius-small: 2px;--radius-medium: 4px;--radius-large: 6px;--shadow: 7px 7px 0 rgba(23, 50, 77, .14);--content: 1180px;--measure: 760px;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans: "Avenir Next", Avenir, "Segoe UI", system-ui, sans-serif;--mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}body{min-width:320px;color:var(--ink);background:linear-gradient(rgba(23,50,77,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(23,50,77,.027) 1px,transparent 1px),var(--cotton);background-size:24px 24px;font-family:var(--sans);font-size:16px;line-height:1.62;text-rendering:optimizeLegibility}h1,h2,h3{color:var(--ink-deep);font-family:var(--serif);font-weight:700;line-height:1.08}h1{font-size:clamp(2.65rem,6vw,5.5rem);letter-spacing:-.052em}h2{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.035em}h3{font-size:clamp(1.18rem,2vw,1.55rem);letter-spacing:-.018em}p+p{margin-top:1em}a{color:var(--ink);text-decoration-color:var(--thread);text-underline-offset:.22em}a:hover{color:var(--thread-deep)}button{color:inherit}:focus-visible{outline:3px solid var(--mustard);outline-offset:3px}::selection{color:var(--ink-deep);background:#d8a62e61}}@layer components{.site-header{position:relative;z-index:20;border-bottom:1px solid rgba(185,170,146,.75);background:#f7f0e3f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header-inner{width:min(calc(100% - 32px),var(--content));min-height:76px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink-deep);font-family:var(--serif);font-size:1.32rem;font-weight:700;letter-spacing:-.02em;text-decoration:none}.brand-mark{width:37px;height:37px;position:relative;display:grid;place-items:center;border:2px solid var(--ink);background:conic-gradient(from 90deg,var(--thread) 0 25%,var(--paper) 0 50%,var(--mustard) 0 75%,var(--sage) 0);box-shadow:4px 4px 0 var(--ink);transform:rotate(-3deg)}.brand-mark:after{content:"";width:9px;height:9px;border:2px solid var(--ink);background:var(--paper)}.site-nav{display:flex;align-items:center;gap:4px}.site-nav a{min-height:42px;display:inline-flex;align-items:center;padding:8px 13px;border-radius:var(--radius-small);color:var(--ink-soft);font-size:.9rem;font-weight:650;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink);background:#fffaf1cc}.nav-toggle{display:none;min-width:44px;min-height:44px;border:1px solid var(--line-strong);background:var(--paper);border-radius:50%}.hero{width:min(calc(100% - 32px),var(--content));margin:0 auto;padding:clamp(54px,8vw,104px) 0 clamp(38px,6vw,72px);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:center;gap:clamp(36px,7vw,90px)}.eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:20px;color:var(--thread-deep);font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.eyebrow:before{content:"";width:38px;border-top:2px dashed currentColor}.hero-copy>p{max-width:720px;margin-top:24px;color:var(--ink-soft);font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.55}.hero-actions{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:14px}.trust-note{display:flex;align-items:center;gap:8px;color:var(--ink-soft);font-size:.88rem}.trust-note svg{width:18px;color:var(--success)}.quilt-swatch{width:min(100%,360px);aspect-ratio:1;justify-self:end;position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:6px;padding:20px;border:1px solid var(--line-strong);background:var(--paper);box-shadow:14px 18px #6f8b7740,var(--shadow);transform:rotate(2deg)}.quilt-swatch:before,.quilt-swatch:after{content:"";position:absolute;pointer-events:none}.quilt-swatch:before{inset:9px;border:1px dashed var(--thread)}.quilt-swatch:after{width:44px;height:2px;right:-28px;top:44%;background:var(--thread);box-shadow:0 6px 0 var(--thread),0 12px 0 var(--thread);transform:rotate(9deg)}.quilt-piece{border:1px solid rgba(23,50,77,.18);background:var(--piece, var(--sage))}.quilt-piece:nth-child(3n+1){--piece: var(--thread)}.quilt-piece:nth-child(3n+2){--piece: var(--mustard)}.quilt-piece:nth-child(4n){--piece: var(--ink)}.quilt-piece:nth-child(5n){--piece: var(--paper-bright)}.section-shell{width:min(calc(100% - 32px),var(--content));margin-inline:auto}.ruler-divider{height:30px;border-top:1px solid var(--line-strong);background:repeating-linear-gradient(90deg,var(--line-strong) 0 1px,transparent 1px 12px);background-size:auto 12px;background-repeat:repeat-x;opacity:.85}.calculator-shell{width:min(calc(100% - 32px),var(--content));margin:0 auto clamp(84px,10vw,136px);display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius-large);background:var(--paper);box-shadow:var(--shadow)}.calculator-form{padding:clamp(24px,4vw,48px);border-right:1px dashed var(--line-strong);background:#fffaf1f5}.calculator-form h2{font-size:clamp(1.8rem,3vw,2.65rem)}.form-intro{margin-top:10px;color:var(--ink-soft)}.form-section{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.form-section-title{margin-bottom:14px;color:var(--ink-deep);font-family:var(--mono);font-size:.73rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.unit-switch{width:fit-content;display:inline-grid;grid-template-columns:repeat(2,1fr);gap:3px;padding:3px;border:1px solid var(--line-strong);border-radius:var(--radius-small);background:var(--cotton)}.unit-switch label{position:relative;cursor:pointer}.unit-switch input{position:absolute;opacity:0;pointer-events:none}.unit-switch span{min-height:38px;display:grid;place-items:center;padding:6px 15px;border-radius:0;color:var(--ink-soft);font-size:.85rem;font-weight:750}.unit-switch input:checked+span{color:var(--paper);background:var(--ink)}.preset-row,.quick-row{display:flex;flex-wrap:wrap;gap:8px}.preset-button,.quick-button{min-height:40px;padding:7px 13px;border:1px solid var(--line-strong);border-radius:var(--radius-small);background:transparent;color:var(--ink-soft);cursor:pointer;font-size:.82rem;font-weight:700}.preset-button:hover,.preset-button.is-active,.quick-button:hover{color:var(--ink);border-color:var(--thread);background:#fff4eb}.field-grid{margin-top:17px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field{display:grid;gap:7px}.field label{color:var(--ink-deep);font-family:var(--mono);font-size:.76rem;font-weight:750;letter-spacing:.01em}.input-wrap{position:relative}.input-wrap input,.input-wrap select{width:100%;min-height:52px;padding:12px 54px 12px 14px;border:1px solid var(--line-strong);border-radius:var(--radius-small);color:var(--ink-deep);background:var(--paper-bright);font-weight:700}.input-wrap input:hover{border-color:var(--ink-soft)}.input-wrap input:focus{border-color:var(--mustard);outline:3px solid rgba(216,166,46,.22)}.unit-suffix{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--ink-soft);font-size:.8rem;font-weight:750;pointer-events:none}.field-hint{color:var(--ink-soft);font-size:.76rem;line-height:1.45}.form-error{margin-top:18px;padding:12px 14px;border-left:4px solid var(--error);color:var(--error);background:#fff0ed;font-size:.88rem;font-weight:700}.form-submit{width:100%;margin-top:26px}.primary-button,.secondary-button,.text-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 18px;border-radius:var(--radius-small);cursor:pointer;font-weight:800;text-decoration:none}.primary-button{border:2px solid var(--ink-deep);color:var(--paper);background:var(--ink);box-shadow:4px 4px 0 var(--mustard)}.primary-button:hover{color:var(--paper);background:var(--ink-deep);transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--mustard)}.secondary-button{border:1px solid var(--line-strong);color:var(--ink);background:var(--paper-bright)}.secondary-button:hover{border-color:var(--thread);background:#fff4eb}.text-button{min-height:42px;padding-inline:8px;border:0;color:var(--ink);background:transparent;text-decoration:underline;text-decoration-color:var(--thread);text-underline-offset:4px}.calculator-result{min-width:0;padding:clamp(24px,4vw,48px);background:linear-gradient(145deg,#d9e3d8,#e9e6d7 62%,#ead2bd)}.result-kicker{color:var(--success);font-size:.74rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.result-title{margin-top:5px;font-size:clamp(1.75rem,3vw,2.7rem)}.result-size{margin-top:9px;color:var(--ink-soft);font-size:.9rem}.result-primary{margin-top:24px;padding:22px;border-left:5px solid var(--thread);background:#fffdf8d9}.result-primary-label{color:var(--ink-soft);font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.result-primary-value{margin-top:2px;color:var(--ink-deep);font-family:var(--serif);font-size:clamp(2.2rem,5vw,4.25rem);font-weight:700;letter-spacing:-.045em;line-height:1}.result-primary-note{margin-top:7px;color:var(--ink-soft);font-size:.82rem}.result-grid{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.result-stat{min-height:105px;padding:16px;border:1px solid rgba(23,50,77,.13);background:#fffdf8a3}.result-stat:nth-child(2),.result-stat:nth-child(5){transform:translateY(4px)}.result-stat dt{color:var(--ink-soft);font-size:.73rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.result-stat dd{margin-top:6px;color:var(--ink-deep);font-family:var(--serif);font-size:1.35rem;font-weight:700;line-height:1.2}.why-box{margin-top:17px;padding:14px 16px;border:1px dashed var(--sage);color:var(--ink);background:#dce6ddc2;font-size:.87rem}.why-box strong{display:block;margin-bottom:3px;color:var(--success)}.plan-card{margin-top:25px;padding-top:22px;border-top:1px solid rgba(23,50,77,.2)}.plan-card h3{font-size:1.35rem}.plan-canvas{--plan-ratio: 1;width:min(100%,460px);aspect-ratio:var(--plan-ratio);min-height:240px;max-height:360px;margin:17px auto 0;position:relative;display:flex;overflow:hidden;border:2px solid var(--ink);background:var(--cotton-deep);box-shadow:6px 6px #17324d21}.plan-horizontal{flex-direction:column}.panel-segment{flex:1;display:grid;place-items:center;border-right:2px dashed var(--thread);color:#17324d9e;background:repeating-linear-gradient(135deg,#d8a62e1f 0 12px,#fffaf13d 12px 24px);font-size:.72rem;font-weight:800;text-transform:uppercase}.plan-horizontal .panel-segment{border-right:0;border-bottom:2px dashed var(--thread)}.panel-segment:last-of-type{border:0}.quilt-footprint{position:absolute;inset:12%;display:grid;place-items:center;border:2px solid var(--ink);background:#6f8b77d1;box-shadow:inset 0 0 0 6px #fffaf159;text-align:center}.quilt-footprint span{padding:6px 10px;color:var(--paper);background:#0c2338d1;font-size:.72rem;font-weight:800;line-height:1.25}.plan-caption{margin-top:13px;color:var(--ink-soft);font-size:.84rem}.result-actions{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}.comparison{margin-top:25px}.comparison h3{font-size:1.35rem}.table-wrap{margin-top:12px;overflow-x:auto;border:1px solid rgba(23,50,77,.16);background:#fffdf89e}table{width:100%;border-collapse:collapse;font-size:.78rem}th,td{padding:11px 10px;border-bottom:1px solid rgba(23,50,77,.12);text-align:left;white-space:nowrap}thead th{color:var(--ink-soft);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase}tbody th{color:var(--ink-deep)}tr:last-child th,tr:last-child td{border-bottom:0}tr.is-recommended{background:#d8a62e1f}.table-badge{display:block;width:fit-content;margin-top:3px;padding:1px 6px;border-radius:0;color:var(--paper);background:var(--success);font-size:.57rem;letter-spacing:.05em;text-transform:uppercase}.content-section{width:min(calc(100% - 32px),var(--content));margin:0 auto clamp(82px,11vw,144px)}.section-heading{display:grid;grid-template-columns:90px minmax(0,1fr);gap:24px;align-items:start}.section-number{padding-top:9px;color:var(--thread-deep);font-family:var(--serif);font-size:1rem;font-weight:700}.section-number:after{content:"";display:block;width:60px;margin-top:8px;border-top:2px dashed var(--thread)}.section-heading p{max-width:670px;margin-top:17px;color:var(--ink-soft);font-size:1.03rem}.steps-grid{margin-top:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line-strong);background:var(--line-strong)}.step{min-height:238px;padding:28px;position:relative;background:var(--paper)}.step:nth-child(2){background:#f5ead5}.step-tag{color:var(--thread-deep);font-size:.71rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.step h3{margin-top:36px}.step p{margin-top:12px;color:var(--ink-soft);font-size:.9rem}.step:after{content:"";position:absolute;right:18px;top:18px;width:24px;height:24px;border-top:1px solid var(--ink);border-right:1px solid var(--ink);opacity:.35}.preset-table{margin-top:36px;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius-medium);background:var(--paper)}.preset-table table{font-size:.92rem}.preset-table th,.preset-table td{padding:16px 18px;white-space:normal}.preset-table tbody tr:nth-child(2n){background:#eee1cc6b}.faq-list{max-width:920px;margin:38px auto 0;border-top:1px solid var(--line-strong)}.faq-list details{border-bottom:1px solid var(--line-strong)}.faq-list summary{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;color:var(--ink-deep);cursor:pointer;font-family:var(--serif);font-size:1.16rem;font-weight:700;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";min-width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;font-family:var(--sans)}.faq-list details[open] summary:after{content:"–";background:var(--ink);color:var(--paper)}.faq-answer{max-width:760px;padding:0 48px 22px 0;color:var(--ink-soft)}.related-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool-link{min-height:210px;display:flex;flex-direction:column;justify-content:space-between;padding:24px;border:1px solid var(--line-strong);color:var(--ink);background:var(--paper);text-decoration:none}.tool-link:nth-child(2){transform:translateY(12px);background:#f2e3cc}.tool-link:nth-child(3){background:var(--sage-pale)}.tool-link:hover{color:var(--ink);border-color:var(--thread);transform:translateY(-3px);box-shadow:6px 6px #d95d4f3d}.tool-link:nth-child(2):hover{transform:translateY(9px)}.tool-link small{color:var(--thread-deep);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.tool-link strong{font-family:var(--serif);font-size:1.65rem;line-height:1.1}.editorial-page{width:min(calc(100% - 32px),var(--measure));margin:0 auto;padding:clamp(62px,9vw,110px) 0 120px}.editorial-page .eyebrow{margin-bottom:18px}.editorial-page h1{font-size:clamp(2.7rem,7vw,5.2rem)}.editorial-lead{margin-top:25px;color:var(--ink-soft);font-size:1.18rem}.editorial-meta{margin-top:18px;color:var(--ink-soft);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.editorial-section{margin-top:64px;padding-top:26px;border-top:1px solid var(--line-strong)}.editorial-section h2{font-size:clamp(1.8rem,4vw,2.8rem)}.editorial-section h3{margin-top:28px}.editorial-section p,.editorial-section ul,.editorial-section ol{margin-top:16px;color:var(--ink-soft)}.editorial-section li+li{margin-top:8px}.formula{margin-top:20px;padding:18px 20px;overflow-x:auto;border-left:5px solid var(--mustard);color:var(--ink-deep);background:var(--paper);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem}.callout{margin-top:24px;padding:20px;border:1px dashed var(--sage);background:var(--sage-pale)}.callout strong{display:block;margin-bottom:6px;color:var(--success)}.reference-grid{margin-top:30px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--line-strong);background:var(--line-strong)}.reference-card{padding:24px;background:var(--paper)}.reference-card:nth-child(3n+2){background:#f4e8d4}.reference-card h3{font-size:1.28rem}.reference-card p{margin-top:8px;color:var(--ink-soft)}.reference-value{display:block;margin-top:20px;color:var(--thread-deep);font-family:var(--mono);font-size:1.05rem;font-weight:800}.error-page{min-height:68vh;display:grid;place-items:center;text-align:center}.error-code{color:var(--thread-deep);font-family:var(--mono);font-size:.82rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.error-page p{max-width:580px;margin:22px auto 0;color:var(--ink-soft)}.error-actions{margin-top:28px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.site-footer{border-top:1px solid var(--line-strong);background:var(--ink-deep);color:#dce5e8}.footer-inner{width:min(calc(100% - 32px),var(--content));margin-inline:auto;padding:56px 0 28px}.footer-main{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(150px,.7fr));gap:44px}.footer-brand{color:var(--paper);font-family:var(--serif);font-size:1.75rem;font-weight:700}.footer-copy{max-width:520px;margin-top:12px;color:#aebdc6}.footer-heading{color:#f8eddc;font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.footer-links{display:grid;gap:8px;margin-top:13px}.footer-links a{width:fit-content;color:#c7d2d8;text-decoration:none}.footer-links a:hover{color:var(--paper);text-decoration:underline;text-decoration-color:var(--thread)}.footer-bottom{margin-top:42px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.14);color:#8fa2ae;font-size:.77rem}.skip-link{position:fixed;left:14px;top:14px;z-index:100;padding:10px 14px;color:var(--paper);background:var(--ink);transform:translateY(-160%)}.skip-link:focus{transform:none}}@layer utilities{.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--ink-soft)}.no-margin{margin:0}}@media(max-width:900px){.nav-toggle{display:grid;place-items:center}.site-nav{display:none;position:absolute;left:16px;right:16px;top:68px;align-items:stretch;padding:10px;border:1px solid var(--line-strong);background:var(--paper);box-shadow:var(--shadow)}.site-nav[data-open]{display:grid}.site-nav a{justify-content:space-between}.hero{grid-template-columns:1fr}.quilt-swatch{width:min(75vw,330px);justify-self:start;margin-left:7vw}.calculator-shell{grid-template-columns:1fr}.calculator-form{border-right:0;border-bottom:1px dashed var(--line-strong)}.steps-grid,.related-tools{grid-template-columns:1fr}.step{min-height:190px}.tool-link:nth-child(2){transform:none}.tool-link:nth-child(2):hover{transform:translateY(-3px)}.footer-main{grid-template-columns:1fr 1fr}.footer-about{grid-column:1 / -1}}@media(max-width:620px){body{background-size:20px 20px}.header-inner{min-height:66px}.brand{font-size:1.13rem}.brand-mark{width:32px;height:32px}.hero{padding-top:46px;gap:40px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .primary-button{width:100%}.quilt-swatch{width:min(82vw,310px);margin-left:0}.calculator-shell{width:min(calc(100% - 20px),var(--content));margin-bottom:88px;border-radius:18px 18px 5px 5px}.calculator-form,.calculator-result{padding:24px 18px}.field-grid{grid-template-columns:1fr}.result-grid{gap:7px}.result-stat{min-height:95px;padding:13px}.result-stat dd{font-size:1.17rem}.plan-canvas{min-height:220px}.result-actions{display:grid;grid-template-columns:1fr}.section-heading{grid-template-columns:1fr;gap:10px}.section-number{display:flex;align-items:center;gap:10px}.section-number:after{display:inline-block;margin:0}.preset-table{overflow-x:auto}.preset-table table{min-width:580px}.footer-main{grid-template-columns:1fr}.footer-about{grid-column:auto}.footer-bottom{flex-direction:column}.reference-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){.primary-button,.tool-link,.preset-button,.quick-button{transition:transform .16s ease,box-shadow .16s ease,color .16s ease,background .16s ease,border-color .16s ease}}@media print{body{background:#fff;color:#000}.site-header,.hero,.calculator-form,.content-section,.site-footer,.result-actions,.comparison{display:none!important}.calculator-shell{display:block;width:100%;margin:0;border:0;box-shadow:none}.calculator-result{padding:0;background:#fff}.result-stat,.result-primary{break-inside:avoid;border:1px solid #777;background:#fff}.plan-canvas{max-width:520px;break-inside:avoid}}