/* New-home planning — editorial catalogue interface. */
#newhome{--newhome-ink:#2f2c27;--newhome-paper:#fbf8f1;--newhome-wash:#e9e1d5;--newhome-camel:#a27e59;--newhome-forest:#34483b}
#newhome>.topic-intent{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);align-items:end;gap:34px;padding:24px 0;border-color:#cfc6b8}
#newhome>.topic-intent p{font-family:var(--brand-serif);font-size:clamp(1.35rem,2.4vw,2rem);font-weight:400;line-height:1.55}
#newhome>.topic-intent span{padding-bottom:4px;line-height:1.85}
#newhome>.topic-jumps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 44px;padding:0;border-left:1px solid #d3ccbf;border-top:1px solid #d3ccbf}
#newhome>.topic-jumps .contents-caption{grid-column:1/-1;padding:13px 15px;border-right:1px solid #d3ccbf;border-bottom:1px solid #d3ccbf;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}
#newhome>.topic-jumps .contents-caption span{letter-spacing:0;text-transform:none;color:#777065}
#newhome>.topic-jumps>a,#newhome>.topic-jumps>details{min-width:0;margin:0;border-right:1px solid #d3ccbf;border-bottom:1px solid #d3ccbf;background:#faf7f0}
#newhome>.topic-jumps>a{justify-content:space-between;min-height:58px;padding:10px 15px;border-bottom:1px solid #d3ccbf;font-size:.875rem;line-height:1.45}
#newhome>.topic-jumps>a:hover{background:#e9e1d5;color:#3b3329}
#newhome .completion-section{position:relative;margin:72px 0;padding-top:26px;border-top:1px solid #c9c0b2}
#newhome .completion-section:before{content:'WOOTACHUAN / NEW HOME';display:block;margin-bottom:8px;color:#8a7257;font-size:.67rem;letter-spacing:.16em}
#newhome .completion-section>h2{max-width:760px;margin:0 0 16px;font-family:var(--brand-serif);font-size:clamp(1.8rem,3.2vw,2.75rem);font-weight:400;letter-spacing:-.025em;line-height:1.35}
#newhome .newhome-stages{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px;border:1px solid #cfc6b8;background:var(--newhome-paper)}
#newhome .newhome-stages li{display:block;min-height:242px;margin:0;padding:26px 26px 24px;border:0;border-right:1px solid #cfc6b8}
#newhome .newhome-stages li:last-child{border-right:0}
#newhome .newhome-stages li>span{display:block;margin-bottom:48px;font:400 2.2rem/1 var(--brand-serif);color:#9a7b58}
#newhome .newhome-stages small{display:block;margin-bottom:5px;color:#8b8275;font-size:.63rem;letter-spacing:.14em}
#newhome .newhome-stages strong{font-family:var(--brand-serif);font-size:1.15rem;font-weight:500}
#newhome .newhome-stages p{margin-top:10px;font-size:.93rem;line-height:1.75}
#newhome .customer-change-wizard{margin-top:34px;border:1px solid #bbb1a2;background:var(--newhome-paper);box-shadow:0 20px 50px #53432d0c}
#newhome .wizard-intro{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:36px;padding:32px 36px;background:#393630;color:#f5f0e8}
#newhome .wizard-intro .eyebrow{color:#d7c2a8}
#newhome .wizard-intro-title{margin:14px 0 0;font-family:var(--brand-serif);font-size:clamp(1.35rem,2.3vw,2rem);font-weight:400;line-height:1.65;letter-spacing:.015em;color:#fff}
#newhome .wizard-intro-copy{display:flex;flex-direction:column;align-items:flex-start;padding:0}
#newhome .wizard-intro-copy p{font-family:var(--brand-serif);font-size:1.35rem;line-height:1.65;color:#fff}
#newhome .wizard-intro-copy small{max-width:31rem;margin-top:14px;color:#d4cfc6;line-height:1.85}
#newhome .wizard-intro-copy>button{display:inline-flex;justify-content:space-between;gap:44px;align-items:center;min-height:44px;margin-top:16px;padding:10px 0;border:0;border-bottom:1px solid #e3d7c5;background:transparent;color:#fff;cursor:pointer;font:inherit;font-size:1rem}
#newhome .wizard-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;border-bottom:1px solid #c9c0b2;background:#f4efe6}
#newhome .wizard-progress span{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:16px 17px;border-right:1px solid #c9c0b2;text-align:left;font-size:.9375rem}
#newhome .wizard-progress span:last-child{border-right:0}
#newhome .wizard-progress b{font:400 .75rem/1.3 var(--brand-sans);letter-spacing:.12em;color:#826d54}
#newhome .wizard-progress span[aria-current=step]{background:var(--newhome-forest);color:#fff}
#newhome .wizard-progress span[aria-current=step] b{color:#dacdbd}
#newhome .wizard-note{display:grid;grid-template-columns:110px minmax(0,1fr);gap:24px;padding:20px 42px;background:#e7dfd2;border-bottom:1px solid #c9c0b2;font-size:.94rem}
#newhome .wizard-note span{color:#75604a;font-size:.7rem;letter-spacing:.16em;padding-top:3px}
#newhome .customer-change-step,#newhome .customer-change-result{padding:32px 36px}
#newhome .wizard-step-heading{display:block;padding:0 0 26px;border-bottom:1px solid #d2cabd;background:none;scroll-margin-top:calc(var(--topic-bar-height, 100px) + 24px)}
#newhome .wizard-step-heading>span{display:block;margin-bottom:10px;font-size:.75rem;letter-spacing:.13em;color:#806a50}
#newhome .wizard-step-heading h2{margin:0;font-family:var(--brand-serif);font-size:clamp(1.6rem,2.8vw,2.15rem);font-weight:400;line-height:1.5}
#newhome .wizard-step-heading p{margin:10px 0 0;max-width:50rem;line-height:1.8;color:#66635d}
#newhome .customer-question{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:22px;padding:28px 0}
#newhome .customer-question .question-number{grid-row:1/5;font:400 2.3rem/1 var(--brand-serif);color:#ac8b64}
#newhome .customer-question h3{font-family:var(--brand-serif);font-size:1.25rem;font-weight:500}
#newhome .customer-question>p{margin:7px 0 18px}
#newhome .customer-options{grid-column:2;gap:10px;align-items:stretch}
#newhome .customer-option{min-height:58px;padding:14px 15px;border:1px solid #d6cfc4;background:#fffdf8;transition:border-color .16s,background .16s,transform .16s}
#newhome .customer-option:hover{border-color:#9d8b72;background:#f3ede3;transform:translateY(-1px)}
#newhome .customer-option:has(input:checked){border-color:#5d6d61;background:#e5ebe5;color:#2f4939}
#newhome .customer-option input{width:19px;height:19px;margin-top:4px}
#newhome .customer-question details{grid-column:2;margin-top:18px;padding-top:2px}
#newhome .customer-question details summary{display:list-item;width:fit-content;padding-block:8px;min-height:42px;color:#4a5f50;text-underline-offset:4px}
#newhome .wizard-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin:0;padding:24px 0 0;border:0;background:none;color:var(--newhome-ink)}
#newhome .wizard-controls>.wizard-status,#newhome .wizard-controls>.wizard-actions{min-width:0;min-height:0;width:auto;height:auto;padding:0;border:0;background:none;box-shadow:none;cursor:default;flex:0 1 auto}
#newhome .wizard-controls>.wizard-status{display:grid;justify-content:start;gap:5px;line-height:1.6;text-align:left}
#newhome .wizard-status>span{font-size:.875rem;letter-spacing:.04em;color:#454038}
#newhome .wizard-status small{font-size:.875rem;font-weight:400;color:#6b6459}
#newhome .wizard-controls>.wizard-actions{display:flex;align-items:center;gap:12px;margin-left:auto;max-width:100%}
#newhome .wizard-controls :is(button,a){display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-width:116px;min-height:50px;height:auto;max-width:100%;padding:13px 20px;border:1px solid #aaa08f;background:transparent;color:#3b382f;font:500 1rem/1.5 var(--brand-sans);white-space:normal;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}
#newhome .wizard-controls .wizard-next{min-width:180px;border-color:var(--newhome-forest);background:var(--newhome-forest);color:#fff}
#newhome .wizard-controls .wizard-next:hover{background:#253a2d}
#newhome .wizard-controls .wizard-back:hover{background:#eee8dd;border-color:#817560}
#newhome .wizard-result-controls{margin-top:24px;border-top:1px solid #d2cabd}
#newhome .wizard-result-controls .wizard-next{margin-left:auto}
#newhome .wizard-step-heading:focus-visible,#newhome .customer-change-result:focus-visible{outline:2px solid #7e725f;outline-offset:5px}
#newhome .newhome-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:28px 0;border:1px solid #cfc6b8}
#newhome .newhome-cards article{position:relative;min-height:225px;padding:27px 24px;border:0;border-right:1px solid #cfc6b8;border-bottom:1px solid #cfc6b8;background:#fbf8f1}
#newhome .newhome-cards article:nth-child(3n){border-right:0}
#newhome .newhome-cards article:nth-last-child(-n+3){border-bottom:0}
#newhome .newhome-card-index{display:block;margin-bottom:42px;font:400 1.6rem/1 var(--brand-serif);color:#a07d58}
#newhome .newhome-cards h3{font-family:var(--brand-serif);font-weight:500;font-size:1.08rem;line-height:1.6}
#newhome .newhome-cards p{font-size:.92rem;line-height:1.8}
#newhome .newhome-checks label{min-height:58px;padding:16px 12px}
#newhome .newhome-change-flow{border-color:#cfc6b8}
#newhome .newhome-submit-check{padding:28px;background:#e7dfd2}
#newhome .completion-table-wrap{border-color:#cfc6b8;background:#fbf8f1}
#newhome .completion-table thead th{background:#e7dfd2;color:#50483e}
#newhome .completion-table tbody tr:nth-child(even){background:#f3eee6}
#newhome .result-grid article,#newhome .result-summary{border-color:#cfc6b8;background:#fffdf8}
#newhome .result-summary{background:#e7dfd2}

@media(max-width:900px){
 #newhome>.topic-jumps{grid-template-columns:repeat(3,minmax(0,1fr))}
 #newhome .newhome-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 #newhome .newhome-cards article:nth-child(3n){border-right:1px solid #cfc6b8}
 #newhome .newhome-cards article:nth-child(2n){border-right:0}
 #newhome .newhome-cards article:nth-last-child(-n+3){border-bottom:1px solid #cfc6b8}
 #newhome .newhome-cards article:nth-last-child(-n+2){border-bottom:0}
}

@media(max-width:700px){
 #newhome{padding-bottom:12px}
 #newhome>.topic-intent{grid-template-columns:1fr;gap:8px;padding:20px 0}
 #newhome>.topic-intent p{font-size:1.45rem}
 #newhome>.topic-jumps{display:flex;gap:8px;overflow-x:auto;margin-inline:-18px;padding:12px 18px 18px;border:0;scroll-snap-type:x mandatory;scrollbar-width:none}
 #newhome>.topic-jumps::-webkit-scrollbar{display:none}
 #newhome>.topic-jumps .contents-caption{display:none}
 #newhome>.topic-jumps>a,#newhome>.topic-jumps>details{flex:0 0 178px;border:1px solid #cfc6b8;scroll-snap-align:start}
 #newhome>.topic-jumps>a{min-height:58px;padding:10px 13px}
 #newhome .completion-section{margin:52px 0;padding-top:20px}
 #newhome .completion-section>h2{font-size:1.9rem;line-height:1.35}
 #newhome .newhome-stages{display:block}
 #newhome .newhome-stages li{min-height:0;padding:22px;border:0;border-bottom:1px solid #cfc6b8}
 #newhome .newhome-stages li:last-child{border-bottom:0}
 #newhome .newhome-stages li>span{float:left;width:56px;margin:3px 12px 36px 0;font-size:1.65rem}
 #newhome .customer-change-wizard{margin-inline:-18px;border-width:1px 0}
 #newhome .wizard-intro{grid-template-columns:1fr;gap:12px;padding:26px 20px}
 #newhome .wizard-intro-title{font-size:1.5rem}
 #newhome .wizard-intro-copy{padding:0}
 #newhome .wizard-intro-copy p{font-size:1.18rem}
 #newhome .wizard-intro-copy>button{width:100%;justify-content:space-between}
 #newhome .wizard-progress{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
 #newhome .wizard-progress::-webkit-scrollbar{display:none}
 #newhome .wizard-progress span{flex:0 0 132px;scroll-snap-align:start;padding:14px 16px}
 #newhome .wizard-note{grid-template-columns:1fr;gap:6px;padding:18px 22px}
 #newhome .customer-change-step,#newhome .customer-change-result{padding:26px 18px}
 #newhome .wizard-step-heading{padding-bottom:22px}
 #newhome .wizard-step-heading h2{font-size:1.65rem}
 #newhome .customer-question{display:block;padding:27px 0}
 #newhome .customer-question .question-number{font-size:1.5rem;margin-bottom:12px}
 #newhome .customer-question h3{font-size:1.17rem}
 #newhome .customer-options{display:grid;grid-template-columns:1fr;gap:8px}
 #newhome .customer-option{min-height:56px;padding:13px 14px;font-size:1rem;border-bottom:1px solid #d6cfc4}
 #newhome .wizard-controls{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding-top:20px}
 #newhome .wizard-controls>.wizard-status{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;width:100%}
 #newhome .wizard-controls>.wizard-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;width:100%}
 #newhome .wizard-controls :is(button,a){min-width:0;min-height:50px;gap:10px;padding:12px 14px;font-size:1rem}
 #newhome .wizard-controls .wizard-next{min-width:0;flex:none}
 #newhome .wizard-actions>.wizard-next:only-child{grid-column:1/-1;justify-content:center;gap:28px}
 #newhome .wizard-result-controls .wizard-next{margin:0;width:100%}
 #newhome .newhome-cards{display:block}
 #newhome .newhome-cards article,#newhome .newhome-cards article:nth-child(3n),#newhome .newhome-cards article:nth-child(2n),#newhome .newhome-cards article:nth-last-child(-n+2){min-height:0;padding:22px 20px;border:0;border-bottom:1px solid #cfc6b8}
 #newhome .newhome-cards article:last-child{border-bottom:0}
 #newhome .newhome-card-index{float:left;width:48px;margin:4px 10px 42px 0;font-size:1.35rem}
 #newhome .newhome-submit-check{padding:22px 16px}
 #newhome .completion-table-wrap{margin-inline:-4px}
 #newhome .completion-table tbody tr{padding:20px 18px}
 #newhome .result-grid{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){#newhome .customer-option{transition:none}}
@media print{#newhome .wizard-intro{background:#fff;color:#000}#newhome .wizard-intro-title{color:#000}}

/* Keep the change notes inset from their shared frame at every reading width. */
body.guide-sidebar #newhome #newhome-changes .section-lead{
 margin:12px 0 0;max-width:100%;overflow-wrap:break-word;
}
body.guide-sidebar #newhome #newhome-changes .newhome-change-flow{
 min-width:0;max-width:100%;
}
body.guide-sidebar #newhome #newhome-changes .newhome-cards{
 display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));
 gap:24px;margin:0;padding:24px;border:0;background:transparent;
}
body.guide-sidebar #newhome #newhome-changes .newhome-cards article{
 min-width:0;min-height:0;padding:20px 0;border:0;border-top:1px solid #9aa88f;
}
body.guide-sidebar #newhome #newhome-changes .newhome-cards :is(h3,p){
 max-width:100%;white-space:normal;overflow-wrap:break-word;
}
body.guide-sidebar #newhome #newhome-changes .newhome-submit-check{
 min-width:0;padding:24px;
}
body.guide-sidebar #newhome #newhome-changes .newhome-checks label{
 min-width:0;gap:12px;padding:16px 0;
}
body.guide-sidebar #newhome #newhome-changes .newhome-checks label>span{
 flex:1;min-width:0;white-space:normal;overflow-wrap:break-word;
}
@media(max-width:700px){
 body.guide-sidebar #newhome #newhome-changes .newhome-cards{
  grid-template-columns:minmax(0,1fr);gap:0;padding:18px;
 }
 body.guide-sidebar #newhome #newhome-changes .newhome-submit-check{padding:22px 18px}
}
