.cp-hero{background:#f2f6f7;padding:42px 0 48px}.cp-hero-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:42px;align-items:center}.cp-back{display:inline-block;color:#456275;font-size:.84rem;margin-bottom:24px}.cp-hero .eyebrow{margin:0 0 14px}.cp-hero h1{font-size:clamp(2.3rem,4vw,3.75rem);letter-spacing:-.045em;line-height:1.06;margin:0 0 24px;max-width:640px}.cp-intro{font-size:1.06rem;line-height:1.75;color:#42566a;max-width:620px}.cp-photo{margin:0}.cp-photo img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover;border-radius:16px}.cp-photo figcaption{font-size:.75rem;color:#5c6f7f;line-height:1.5;padding-top:9px}.cp-visual-summary{display:flex;justify-content:space-between;gap:14px;padding:16px 0;border-bottom:1px solid #cbd9df;font-size:.83rem;font-weight:700;color:#28475b}.cp-quote{padding:24px;border-radius:14px;background:white;border:1px solid #d6e3e6;margin-top:28px;box-shadow:0 8px 28px #17364c06}.cp-quote h2{font-size:1.25rem;margin:0 0 18px;letter-spacing:-.02em}.cp-quote label{display:block;font-size:.82rem;font-weight:700;margin-bottom:8px}.cp-quote-row{display:flex;gap:10px;align-items:stretch}.cp-quote input[name=zip]{width:100%;min-width:0;flex:1;border:1px solid #bcced8;border-radius:7px;padding:12px;font:inherit;color:#102944;background:white;min-height:48px}.cp-quote .button{white-space:nowrap;font-size:.88rem;min-height:48px}.cp-quote>p{font-size:.75rem;color:#5a6d7c;line-height:1.55;margin:12px 0 0}.cp-facts dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:28px 0;gap:25px}.cp-facts dt{font-size:.75rem;color:#617487;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.cp-facts dd{margin:0;font-size:.95rem;font-weight:700;line-height:1.5}.cp-comparison{padding-top:54px;padding-bottom:54px;scroll-margin-top:100px}.cp-section-heading{max-width:760px;margin-bottom:25px}.cp-section-heading h2{font-size:clamp(1.7rem,3vw,2.4rem);letter-spacing:-.025em;line-height:1.15;margin:12px 0}.cp-section-heading p{font-size:1rem;line-height:1.65;color:#506477}.cp-condition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.cp-condition-card{border:1px solid #d7e3e8;border-radius:14px;background:#fff;overflow:hidden}.cp-condition-card.is-current{border:2px solid #158e82}.cp-condition-card .cp-photo img{border-radius:0;aspect-ratio:3/2}.cp-condition-card .cp-photo figcaption{display:none}.cp-condition-copy{padding:25px}.cp-condition-copy h3{margin:10px 0 12px;font-size:1.5rem;letter-spacing:-.025em}.cp-condition-copy p{font-size:.95rem;line-height:1.7;color:#4d6172;margin-bottom:20px}.cp-condition-copy .text-link{font-size:.9rem;display:inline-block}.cp-current{font-size:.85rem;font-weight:700;color:#167b70}.cp-visual-note{font-size:.78rem;line-height:1.6;color:#5a6d7c;margin:18px 0 0;max-width:800px}.cp-size-label{font-size:1.2rem;margin:36px 0 18px}.condition-product .sp-section p,.condition-product .sp-section td,.condition-product .sp-section th{overflow-wrap:break-word}.condition-product .sp-section .cp-photo{max-width:850px;margin:25px 0}.cp-hero a:focus-visible,.cp-comparison a:focus-visible,.cp-quote input:focus-visible{outline:3px solid #218e83;outline-offset:4px}.condition-product .sp-nav{position:relative}.condition-product .sp-nav a{max-width:270px;line-height:1.5}.condition-product .sp-section th,.condition-product .sp-section td{min-width:140px}.condition-product .sp-closing{box-sizing:border-box}
.cp-interior-comparison{max-width:960px;margin:34px auto 0}.cp-interior-comparison h3{font-size:1.3rem;margin:0 0 10px;letter-spacing:-.02em}.cp-interior-comparison>p{color:#506477;font-size:.95rem;line-height:1.65;max-width:780px}.cp-interior-labels{display:grid;grid-template-columns:1fr 1fr;margin-top:22px;background:#ecf3f4;border:1px solid #d6e3e6;border-radius:10px 10px 0 0;color:#193f52;font-size:.88rem;font-weight:700;text-align:center}.cp-interior-labels span{padding:13px 8px}.cp-interior-labels span+span{border-left:1px solid #d6e3e6}.cp-interior-comparison .cp-photo img{border-radius:0 0 10px 10px}.cp-interior-comparison .cp-photo figcaption{display:block}
.cp-price-reference{border-left:3px solid #16877c;padding:4px 0 4px 18px;margin:24px 0}.cp-price-reference>span{font-size:.77rem;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:#537082;display:block}.cp-price-reference>strong{display:block;font-size:clamp(1.65rem,2.4vw,2.2rem);letter-spacing:-.035em;margin:5px 0;color:#102944;line-height:1.15}.cp-price-reference p{font-size:.8rem;color:#4e6574;line-height:1.55;margin:7px 0;max-width:410px}.cp-price-reference .text-link{font-size:.8rem}.cp-hero-visual{align-self:center}
.cp-hero-copy>.cp-back{display:block;width:fit-content;margin-bottom:16px}.cp-hero-copy>.eyebrow{display:block;margin:0 0 14px}
.cp-plan{margin:28px 0}.cp-plan-scroll{overflow-x:auto;border:1px solid #d9e5e8;border-radius:14px;background:#f7fafb}.cp-plan-scroll img{display:block;width:100%;min-width:760px;height:auto;aspect-ratio:auto;object-fit:contain}.cp-plan figcaption{font-size:.8rem;line-height:1.6;color:#526b7a;margin-top:10px;max-width:1000px}.cp-plan-hint{display:none;font-size:.8rem;color:#526b7a}.cp-plan-scroll:focus-visible{outline:3px solid #16877c;outline-offset:3px}.cp-budget{padding-top:48px;padding-bottom:58px}.cp-budget-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cp-budget fieldset{margin:0;padding:24px;border:1px solid #cfdee2;border-radius:14px;background:#f7fafb;min-width:0}.cp-budget legend{font-size:1.2rem;font-weight:750;letter-spacing:-.02em;padding:0 9px;color:#14394b}.cp-budget label{display:block;font-size:.9rem;font-weight:650;margin:16px 0 8px;color:#29475b}.cp-budget label span{font-weight:400;font-size:.8rem;color:#5d7380}.cp-budget input{display:block;width:100%;box-sizing:border-box;border:1px solid #b9ccd5;border-radius:7px;min-height:46px;padding:11px 13px;font:inherit;color:#123448;background:#fff}.cp-budget input:focus-visible{outline:3px solid #16877c;outline-offset:2px}.cp-budget-help{font-size:.83rem;color:#536b7a;line-height:1.65;max-width:960px}.cp-budget-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:23px 0}.cp-budget-example,.cp-budget-clear{border:0;background:transparent;font:inherit;font-size:.88rem;font-weight:650;color:#14796e;text-decoration:underline;text-underline-offset:4px;padding:10px 0;cursor:pointer}.cp-budget-clear{color:#576d7b}.cp-budget-example-note{background:#eef7f4;border-left:3px solid #198477;padding:14px 18px;font-size:.86rem;line-height:1.6;color:#355c5d}.cp-budget-error{color:#973a2a;background:#fff4ef;border-radius:7px;padding:12px 16px;font-size:.9rem;line-height:1.6}.cp-budget-result{background:#edf5f3;border:1px solid #c9e0d9;border-radius:14px;padding:28px;margin-top:24px}.cp-budget-totals{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cp-budget-totals span{display:block;font-size:.8rem;font-weight:650;color:#456b6a}.cp-budget-totals strong{display:block;font-size:clamp(1.7rem,3vw,2.2rem);letter-spacing:-.04em;color:#102f43;margin:6px 0 16px;overflow-wrap:anywhere}.cp-budget-difference{font-size:1.14rem;font-weight:750;line-height:1.55;color:#145b54}.cp-budget-result>p{line-height:1.7;max-width:930px}.cp-budget [hidden]{display:none!important}.cp-budget button:focus-visible{outline:3px solid #16877c;outline-offset:4px}@media(max-width:800px){.cp-plan-hint{display:block}.cp-budget{padding-top:35px;padding-bottom:38px}.cp-budget-columns{gap:16px}.cp-budget fieldset{padding:18px}.cp-budget-result{padding:22px}}@media(max-width:550px){.cp-budget-columns{grid-template-columns:1fr}.cp-budget-totals{grid-template-columns:1fr;gap:8px}.cp-budget-actions{gap:8px 22px}.cp-budget-actions>.button{width:100%}.cp-budget fieldset{padding:18px}.cp-budget legend{font-size:1.12rem}.cp-budget-result{padding:20px}}
@media(max-width:1000px){.cp-hero-grid{gap:25px}.cp-quote-row{flex-wrap:wrap}.cp-quote .button{width:100%}.cp-hero h1{font-size:2.65rem}}
@media(max-width:780px){.cp-hero-grid{grid-template-columns:1fr;gap:30px}.cp-hero{padding:28px 0 34px}.cp-back{margin-bottom:20px}.cp-hero h1{font-size:clamp(2.1rem,6vw,3rem)}.cp-facts dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.cp-comparison{padding-top:36px;padding-bottom:36px}.cp-condition-grid{gap:18px}.cp-condition-copy{padding:20px}.cp-condition-copy h3{font-size:1.3rem}.cp-condition-copy .text-link{line-height:1.6}.cp-quote-row{flex-wrap:nowrap}.cp-quote .button{width:auto}.cp-facts dd{font-size:.9rem}}
@media(max-width:520px){.cp-condition-grid{grid-template-columns:1fr}.cp-quote{padding:18px}.cp-quote-row{flex-direction:column}.cp-quote .button{width:100%;white-space:normal}.cp-hero .cp-photo img{border-radius:10px}.cp-visual-summary{font-size:.79rem}.cp-facts dl{gap:20px 14px}.condition-product .sp-nav>div{gap:10px 16px}.condition-product .sp-nav a{font-size:.78rem;max-width:200px}.cp-comparison{padding-top:30px;padding-bottom:30px}}

/* Used grades share their own layout on both the size hub and condition pages. */
.cp-used-grades{margin:36px 0 30px}.cp-used-grades>h3{font-size:1.5rem;line-height:1.3;letter-spacing:-.025em;margin:0 0 12px}.cp-used-grades>p{max-width:760px;color:#506477;line-height:1.7}.cp-used-grades .sp-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.cp-used-grades .sp-card{display:flex;flex-direction:column;background:#fff;border:1px solid #d7e3e8;border-radius:14px;padding:24px;min-width:0}.cp-used-grades h4{font-size:1.15rem;line-height:1.35;letter-spacing:-.02em;margin:12px 0}.cp-used-grades .sp-card p{font-size:.94rem;line-height:1.7;color:#4d6172;margin:0 0 20px}.cp-used-grades .text-link,.cp-used-grades .cp-current{margin-top:auto;font-size:.87rem;line-height:1.6}.cp-used-grades .eyebrow{font-size:.7rem}
@media(max-width:900px){.cp-used-grades .sp-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.cp-used-grades .sp-card-grid{grid-template-columns:1fr}.cp-used-grades .sp-card{padding:22px}}
.cp-used-grades{scroll-margin-top:100px}.cp-used-grades .sp-card{padding:0;overflow:hidden}.cp-used-grades .cp-photo{margin:0}.cp-used-grades .cp-photo img{border-radius:0}.cp-used-grades .cp-photo figcaption{padding:12px 20px 0}.cp-used-grades .cp-grade-copy{display:flex;flex:1;flex-direction:column;padding:20px 24px 24px}.cp-used-grades .cp-grade-copy .text-link,.cp-used-grades .cp-grade-copy .cp-current{margin-top:auto}
@media(max-width:560px){.cp-used-grades .cp-grade-copy{padding:18px 22px 22px}}
