.planner-page{padding-bottom:65px}.page-heading em{color:var(--purple)}.planner-grid{border:1px solid var(--line);background:#fcfaf4;border-radius:6px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);display:grid;overflow:hidden}.input-panel{background:#faf8f1;padding:33px 35px}.panel-heading h2{margin-top:10px;font-size:29px}.panel-heading{border-bottom:1px solid var(--line);padding-bottom:27px}fieldset{border:0;border-bottom:1px solid var(--line);margin:0;padding:24px 0}legend{float:left;font-family:var(--serif);letter-spacing:-.6px;width:100%;margin-bottom:12px;font-size:22px;line-height:1.4}legend span{font:10px var(--sans);letter-spacing:.08em;vertical-align:middle;color:#8d739d;margin-right:14px}fieldset>.field-help{clear:both;margin-bottom:14px}.field-help{margin-top:7px;font-size:10px;line-height:1.7}.field-help a{color:var(--purple)}.field{clear:both;flex:1;min-width:0}.field label{justify-content:space-between;gap:5px;margin-bottom:8px;font-size:11px;font-weight:500;display:flex}.field label span{color:var(--muted);align-self:end;font-size:9px;font-weight:400}.field input,.field select{width:100%;height:49px;color:var(--ink);outline-offset:3px;background:#fffdf9;border:1px solid #d1c9d3;border-radius:3px;padding:10px 13px;font-size:17px}.field select{font-size:12px}.field input[aria-invalid=true]{border-color:#a94452}.field-row{clear:both;align-items:start;gap:12px;display:flex}.times{color:#a89aae;margin-top:35px;font-size:15px}.field-error{color:#9d3c49;margin-top:5px;font-size:10px;line-height:1.5;display:block}.field-error:empty{display:none}.margin-row{gap:15px}.margin-row .field:first-child{flex:1.2}.calculate-button{justify-content:space-between;width:100%;margin-top:24px}.auto-note{text-align:center;margin-top:9px;font-size:9px}.input-footnote{gap:12px;margin-top:26px;display:flex}.input-footnote>span{color:#9b84aa;font-size:21px}.input-footnote p{font-size:10px;line-height:1.7}.result-panel{background:#eee8f2;border-left:1px solid #d8cfdf;min-width:0;padding:33px 33px 28px}.result-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.result-head h2{margin-top:10px;font-size:29px}.unit-toggle{border:1px solid #c6b7d2;border-radius:4px;gap:2px;padding:3px;display:flex}.unit-toggle button{color:#796685;background:0 0;border:0;border-radius:2px;padding:5px 9px;font-size:11px}.unit-toggle button[aria-pressed=true]{color:#fff;background:var(--purple)}.main-result{text-align:center;margin-top:30px}.main-result>span{color:#73627f;font-size:10px}.main-result strong{font:400 clamp(26px,3vw,39px)/1.3 var(--serif);letter-spacing:-1.5px;color:var(--purple);overflow-wrap:anywhere;margin-top:7px;display:block}.main-result small{font-family:var(--sans);letter-spacing:0;font-size:13px}.main-result p{margin-top:10px;font-size:9px}.preview-wrap{max-width:350px;margin:4px auto 0}.preview-key{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;font-size:9px;display:flex}.preview-key span{color:#74677c;align-items:center;gap:6px;display:inline-flex}.preview-key i{border:1px solid #a08aad;width:10px;height:10px;display:inline-block}.key-design{background:#d8c9e4}.key-margin{background:#fcfaf0}.proportion-note{justify-content:center;width:100%;font-size:8px;color:#8d8094!important}.result-details{border-top:1px solid #d6cddd;border-bottom:1px solid #d6cddd;grid-template-columns:1fr 1fr;gap:15px;margin-block:24px 15px;padding-block:17px;display:grid}.result-details div:last-child{border-left:1px solid #d6cddd;padding-left:20px}.result-details dt{color:#7b6d85;margin-bottom:5px;font-size:9px}.result-details dd{color:var(--purple);margin:0;font-size:14px}.rounding-note{font-size:9px;line-height:1.7}.result-actions{gap:10px;margin-top:21px;display:flex}.result-actions .button{flex:1;justify-content:center;gap:17px;padding:11px 14px;font-size:10px}.validation-summary{color:#8b3f4a;background:#fff8f5;border:1px solid #d7b9b9;border-radius:4px;margin-top:30px;padding:24px;font-size:13px}.saved-controls{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;gap:20px;padding:17px 0 28px;display:flex}.saved-controls p{font-size:10px}.saved-controls>div{flex-shrink:0;gap:18px;display:flex}.saved-controls button{text-underline-offset:3px;color:var(--purple);background:0 0;border:0;padding:0;font-size:10px;text-decoration:underline}.comparison-section{padding-top:65px}.comparison-section h2{font-size:34px}.comparison-section .section-heading>p{font-size:11px}.comparison-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.comparison-card{border:1px solid var(--line);background:#faf8f1;border-radius:4px;padding:23px 25px}.comparison-card.is-selected{background:#eee8f2;border-color:#ad97bd}.comparison-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.comparison-title h3{color:var(--purple);font-size:27px}.comparison-title span{color:#806a90;border:1px solid #c4b4d0;border-radius:20px;padding:2px 8px;font-size:8px}.comparison-card dl{margin-bottom:0}.comparison-card dt{color:#807588;margin-top:16px;font-size:9px}.comparison-card dd{color:#514559;margin:2px 0 0;font-size:14px}.planner-explainer{border-top:1px solid var(--line);grid-template-columns:1.4fr 1fr;gap:60px;margin-top:65px;padding-top:43px;display:grid}.planner-explainer h2{margin-block:13px 18px;font-size:33px}.planner-explainer p{margin-bottom:18px;font-size:12px;line-height:1.9}.quiet-note{background:#e9e8df;border-radius:4px;padding:25px 28px}.quiet-note h3{margin-bottom:15px;font-size:25px}.quiet-note p{font-size:11px}.quiet-note a{color:var(--purple);font-size:11px}.print-measurements{display:none}.noscript{background:var(--pale);margin-bottom:25px;padding:20px;font-size:13px}@media (width<=1000px){.input-panel{padding:28px 25px}.result-panel{padding:28px 24px}.result-head{gap:10px}.result-head h2{font-size:26px}.unit-toggle button{padding:5px 7px}.main-result strong{font-size:31px}.result-actions{flex-wrap:wrap}.result-actions .button{min-width:145px}.comparison-card{padding:20px}.comparison-card dd{font-size:13px}.planner-explainer{gap:30px}.saved-controls{display:block}.saved-controls>div{margin-top:12px}}@media (width<=760px){.planner-page{padding-bottom:40px}.planner-grid{grid-template-columns:1fr}.input-panel{padding:28px 24px}.result-panel{border-top:1px solid #d8cfdf;border-left:0;padding:28px 24px}.input-panel .field input{font-size:18px}.panel-heading h2{font-size:29px}.main-result strong{font-size:37px}.result-head h2{font-size:29px}.preview-wrap{max-width:330px}.result-details dd{font-size:14px}.result-actions .button{min-width:0}.result-actions{flex-wrap:nowrap}.result-actions .button{padding:11px 10px}.comparison-section{padding-top:42px}.comparison-section h2{font-size:32px}.comparison-grid{grid-template-columns:1fr;gap:15px}.comparison-card{padding:20px 22px}.comparison-card dl{grid-template-columns:1fr 1fr;gap:0 15px;display:grid}.comparison-card dt:nth-of-type(2){grid-area:1/2}.comparison-card dd:first-of-type{grid-area:2/1}.comparison-card dd:nth-of-type(2){grid-area:2/2}.comparison-card dd{font-size:14px}.planner-explainer{grid-template-columns:1fr;gap:30px;margin-top:45px;padding-top:32px}.saved-controls p{font-size:9px}.rounding-note,.result-details dt,.main-result p,.preview-key{font-size:10px}.proportion-note{font-size:9px}}@media print{.planner-page{padding:0}.planner-grid{background:#fff;border:0;display:block}.result-panel{background:#fff;border:0;padding:0}.result-head h2{font-size:32px}.result-head .eyebrow{color:#000}.main-result{margin-top:18px}.main-result strong{color:#000;font-size:35px}.preview-wrap{max-width:250px}.preview-key{margin-top:-10px}.result-details{margin-block:15px}.result-details dd{color:#000}.rounding-note{font-size:9px}.comparison-section{display:none}.print-measurements{break-inside:avoid;margin-top:25px;display:block}.print-measurements h2{margin-bottom:10px;font-size:21px}.print-measurements p{margin-block:10px;font-size:10px}.print-measurements table{border-collapse:collapse;width:100%;font-size:10px}.print-measurements th,.print-measurements td{text-align:left;border:1px solid #ccc;padding:8px}}