:root{--ink:#1d3234;--ink2:#4d6668;--forest:#136a58;--forest2:#0d594a;--cream:#f8f8f4;--paper:#fff;--line:#dce5e1;--mint:#e7f3ec;--orange:#d57955;--sand:#f2e4d4;--pale:#eef5f3;--shadow:0 22px 65px rgba(20,52,47,.09);--rad:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:Inter,"Avenir Next",Avenir,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.58}img{display:block;max-width:100%}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid #d57955;outline-offset:4px}button:focus-visible{outline-offset:3px}.wrap{width:min(1128px,calc(100% - 52px));margin:0 auto}.skip{position:absolute;left:8px;top:-60px;background:#fff;padding:8px 12px;z-index:1000}.skip:focus{top:7px}.topline{height:5px;background:linear-gradient(90deg,var(--forest) 0%,#8bc4a6 56%,#dfb58c 100%)}.header{height:82px;border-bottom:1px solid #e7ece7;background:rgba(250,250,247,.94);position:relative;z-index:15}.headerin{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-weight:850;letter-spacing:-.75px;font-size:20px;line-height:1}.logo-symbol{width:37px;height:37px;border-radius:12px;background:var(--forest);display:grid;place-items:center}.logo-symbol svg{width:28px;height:28px}.logo span span{color:var(--forest)}.nav{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:700}.nav a{text-decoration:none;color:#466061}.nav a:hover{color:var(--forest)}.nav .nav-cta{background:var(--forest);border:1px solid var(--forest);color:#fff;padding:11px 18px;border-radius:999px;white-space:nowrap}.nav .nav-cta:hover{background:var(--forest2);color:#fff}.mob-toggle{display:none;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 14px;color:var(--forest);font-weight:750}.eyebrow{text-transform:uppercase;letter-spacing:2.2px;font-size:11px;font-weight:850;color:var(--forest)}.pill{font-size:12px;border:1px solid #b9ded1;color:var(--forest);background:#eaf7f0;border-radius:99px;padding:6px 12px;display:inline-flex;gap:8px;align-items:center;font-weight:800}.hero{padding:72px 0 36px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:56px;align-items:center}.hero h1,.article-hero h1{font-size:clamp(42px,5.5vw,74px);letter-spacing:-3.5px;line-height:1.075;margin:17px 0 23px;font-weight:800;max-width:760px}.hero h1 em{color:var(--forest);font-style:normal}.hero .lead{color:var(--ink2);font-size:18px;line-height:1.65;max-width:560px;margin:0 0 26px}.micro-checks{display:flex;flex-wrap:wrap;gap:11px 24px;color:#526764;font-size:13px;font-weight:680}.micro-checks span:before{content:'✓';font-weight:900;color:var(--forest);margin-right:8px}.hero-art{position:relative;border-radius:29px;background:linear-gradient(155deg,#e6efe8,#e8ede5 55%,#f6e4d1);padding:17px 14px;box-shadow:var(--shadow);overflow:hidden;border:1px solid #d6e6de}.hero-art img{height:370px;width:100%;object-fit:contain}.hero-art .art-caption{position:absolute;left:23px;bottom:23px;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border:1px solid #fff;border-radius:13px;padding:10px 13px;color:#3e635b;font-size:12px;font-weight:760;box-shadow:0 6px 22px #1b3d3120}.checker-wrap{padding:24px 0 58px;scroll-margin-top:24px}.checker{border:1px solid #d4e0da;background:#fff;box-shadow:var(--shadow);border-radius:25px;overflow:hidden}.checker-top{display:flex;gap:15px;align-items:center;padding:19px 30px;background:#e7f2eb;border-bottom:1px solid #d5e6dd}.checker-top .roundicon{background:var(--forest);width:41px;height:41px;display:grid;place-items:center;border-radius:13px;color:#fff;font-size:21px}.checker-top strong{font-size:17px;line-height:1.25;letter-spacing:-.4px}.checker-top p{font-size:13px;color:#567469;margin:3px 0 0}.checker-inner{padding:33px 37px 37px}.progress-head{display:flex;justify-content:space-between;font-size:12px;font-weight:800;color:var(--forest);gap:15px;margin-bottom:12px}.progress{background:#e8eee9;border-radius:30px;height:6px;overflow:hidden;margin-bottom:27px}.progress>div{height:100%;background:var(--forest);width:25%;border-radius:inherit;transition:width .28s ease}.question-title{font-size:clamp(22px,3vw,29px);letter-spacing:-1px;line-height:1.25;margin:0 0 10px}.question-help{font-size:14px;color:var(--ink2);margin:0 0 22px}.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.answer{border:1px solid #dce5e1;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left;border-radius:15px;padding:18px 19px;min-height:76px;transition:.17s ease;color:var(--ink);font-weight:760;font-size:15px}.answer:hover,.answer:focus-visible{background:#f1f8f4;border-color:#75b8a1;transform:translateY(-1px)}.answer .choice-arrow{display:grid;place-items:center;background:#eff5f2;border-radius:100%;width:28px;height:28px;flex:none;color:var(--forest)}.answer small{display:block;color:#71837b;font-weight:520;font-size:12px;margin-top:3px}.q-foot{border-top:1px solid var(--line);margin-top:23px;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#7a8982;font-size:12px}.q-back{color:var(--forest);background:none;border:0;padding:5px 0;font-weight:780}.result-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:18px}.result-kicker{font-weight:820;font-size:12px;text-transform:uppercase;letter-spacing:1.4px;color:var(--forest)}.result-main{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:34px;align-items:center}.result-main h2{font-size:clamp(29px,4vw,43px);line-height:1.17;letter-spacing:-1.6px;margin:10px 0 15px}.result-main p{font-size:16px;color:var(--ink2);max-width:680px}.result-icon{border-radius:18px;overflow:hidden;border:1px solid #cbdcd3;background:#f0f6ef;padding:17px}.result-icon img{width:100%;height:190px;object-fit:contain}.your-answers{color:#556c64;font-size:12px;font-weight:680;margin:22px 0}.your-answers span{display:inline-block;padding:4px 9px;border-radius:99px;background:#f1f5f1;margin:3px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:22px 0}.result-mini{border:1px solid var(--line);border-radius:15px;background:#fbfcfa;padding:20px}.result-mini h3{margin:0 0 8px;font-size:15px;letter-spacing:-.3px}.result-mini p{color:var(--ink2);font-size:13px;margin:0;line-height:1.65}.result-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:12px;background:var(--forest);color:#fff;text-decoration:none;border:1px solid var(--forest);padding:14px 22px;font-weight:820;line-height:1.2;min-height:51px;transition:background .2s,transform .2s;font-size:14px}.button:hover{background:var(--forest2);transform:translateY(-1px)}.button.light{background:#fff;color:var(--forest);border-color:#c4d9d0}.button.light:hover{background:#eff6f0}.small{font-size:12px;color:#69807b}.notice{border-radius:15px;padding:17px 19px;border:1px solid #efd6ad;background:#fffbf2;color:#604823;font-size:13px;line-height:1.65}.notice strong{color:#6b4022}.notice.danger{border-color:#deb5aa;background:#fff1ed;color:#7b3932}.notice.danger strong{color:#97392f}.section{padding:71px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:28px}.section-head h2,.section h2{font-size:clamp(27px,3vw,39px);letter-spacing:-1.4px;line-height:1.2;margin:8px 0 12px}.section-head p{max-width:540px;font-size:15px;color:var(--ink2);margin:0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.info-card{border:1px solid var(--line);border-radius:19px;background:#fff;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 3px 18px #17473907}.card-art{height:160px;background:#eaf3ed;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-art svg{width:75%;max-height:135px}.card-art.tint-2{background:#f3e8de}.card-art.tint-3{background:#edf2f3}.info-card .body{padding:22px 22px 25px;display:flex;flex:1;flex-direction:column;gap:10px}.info-card h3{font-size:19px;margin:0;letter-spacing:-.65px;line-height:1.3}.info-card p{color:var(--ink2);font-size:13px;margin:0 0 8px;line-height:1.65;flex:1}.text-link{font-weight:800;font-size:13px;text-decoration:none;color:var(--forest)}.text-link:hover{text-decoration:underline}.how-section{background:#e8f0e9;border-top:1px solid #d9e8df;border-bottom:1px solid #d9e8df}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:27px}.steps .num{font-size:12px;letter-spacing:1.3px;font-weight:850;color:var(--forest)}.steps h3{font-size:19px;letter-spacing:-.5px;margin:9px 0}.steps p{color:var(--ink2);font-size:14px;line-height:1.7;margin:0}.wide-banner{background:#193c37;color:#fff;border-radius:23px;padding:40px 44px;display:flex;align-items:center;justify-content:space-between;gap:30px}.wide-banner h2{font-size:30px;letter-spacing:-1.2px;margin:6px 0 12px}.wide-banner p{margin:0;color:#c8ddd6;max-width:560px}.wide-banner .button{background:#fff;color:var(--forest);border-color:#fff;white-space:nowrap}.footer{padding:47px 0 23px;background:#123c34;color:#d9e8df;margin-top:65px}.footerin{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}.footer .logo{color:#fff;font-size:19px}.footer .logo span span{color:#a5d7bd}.footer .logo-symbol{background:#26816c}.footer p{max-width:310px;color:#b8d1c6;font-size:13px}.footer strong{font-size:13px;color:#fff}.footer ul{padding:0;list-style:none;margin:10px 0}.footer li{margin:7px 0;font-size:13px}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}.copyright{border-top:1px solid #376055;margin-top:32px;padding-top:16px;font-size:11px;color:#a8beb5;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-hero{padding:58px 0 34px}.page-hero h1{font-size:clamp(34px,5vw,57px);letter-spacing:-2.3px;line-height:1.1;max-width:860px;margin:10px 0 18px}.page-hero p{color:var(--ink2);font-size:17px;max-width:760px;margin:0}.bread{font-size:12px;color:#6b8079;margin-bottom:22px}.bread a{color:var(--forest)}.article-wrap{display:grid;grid-template-columns:minmax(0,760px) minmax(210px,275px);gap:53px;align-items:start}.article{padding:38px 0 45px}.article p{font-size:15.5px;line-height:1.91;color:#455d5c;margin:13px 0 19px}.article h2{font-size:28px;letter-spacing:-1px;line-height:1.28;margin:37px 0 13px;color:var(--ink)}.article h3{font-size:19px;letter-spacing:-.55px;margin:24px 0 6px}.article ul,.article ol{padding-left:23px;color:#455d5c;font-size:15px;line-height:1.85}.article li{margin:7px 0}.article .intro{font-size:18px;color:#314f4d;line-height:1.76}.article-illustration{width:100%;border:1px solid #d6e5dd;border-radius:20px;background:linear-gradient(135deg,#eef5f0,#f6e8dc);height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:22px 0 31px}.article-illustration img{max-width:100%;width:100%;height:100%;object-fit:contain}.article-callout{padding:23px 25px;border-radius:17px;border:1px solid #d2e4d9;background:#edf6ef;margin:25px 0}.article-callout strong{font-size:15px}.article-callout p{margin:6px 0 0;font-size:14px}.article-cta{border-radius:20px;background:#153d35;color:#fff;padding:27px;margin:34px 0}.article-cta h2{margin:4px 0 8px;color:#fff;font-size:25px}.article-cta p{color:#bddad1;font-size:14px;margin:0 0 18px}.article-cta .button{background:#fff;color:#145f4c}.article-sidebar{position:sticky;top:25px;margin-top:45px}.side-card{background:#fff;border-radius:18px;padding:23px;border:1px solid #dfe6e1;margin-bottom:16px}.side-card h3{font-size:15px;margin:0 0 14px}.side-card a{display:block;padding:9px 0;border-top:1px solid #edf1ec;color:#41645c;font-size:13px;text-decoration:none}.side-card a:hover{color:var(--forest);text-decoration:underline}.related{padding:40px 0}.guide-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}.guide-list a{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#fff;padding:21px;border:1px solid var(--line);border-radius:14px;text-decoration:none;font-weight:750}.guide-list a:hover{border-color:#81baaa;background:#f5faf6}.guide-list small{display:block;color:#7c8d85;font-size:11px;font-weight:600;margin-top:5px}.quote-stage{display:grid;grid-template-columns:350px 1fr;gap:23px;align-items:start;padding:15px 0 75px}.quote-summary{background:#e7f1ea;border-radius:20px;border:1px solid #d5e6dc;padding:27px;position:sticky;top:20px}.quote-summary h2{font-size:22px;letter-spacing:-.8px;line-height:1.25;margin:10px 0}.quote-summary p{color:#4e7164;font-size:13px}.quote-box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;min-height:370px}.quote-box h2{font-size:25px;letter-spacing:-.8px;margin:0 0 9px}.quote-box p{font-size:14px;color:var(--ink2)}.summary-text{font-size:13px;line-height:1.7;white-space:pre-line;border:1px solid #cfe1d5;border-radius:10px;padding:14px;background:#fff;color:#3b5e53}.iframe-slot{min-height:100px}.iframe-slot iframe{display:block;width:100%;border:0;min-height:900px}.quote-fallback{font-size:12px;color:#557166}.inline-cta{display:inline-block;margin-top:14px}.legal{max-width:780px;padding:30px 0 55px}.legal h2{font-size:25px;margin:34px 0 10px;letter-spacing:-.6px}.legal p,.legal li{color:#4c6362;font-size:15px;line-height:1.85}.legal a{color:var(--forest)}.sources{margin-top:31px;padding:21px;border-radius:14px;background:#f0f5f0}.sources li{font-size:13px}.sources a{color:var(--forest)}.reduced{max-width:700px}.hidden,[hidden]{display:none!important}
@media(max-width:900px){.hero-grid{gap:24px}.hero h1{font-size:50px}.hero-art img{height:300px}.article-wrap{grid-template-columns:1fr}.article-sidebar{display:none}.quote-stage{grid-template-columns:1fr}.quote-summary{position:static}.cards{gap:10px}.info-card .body{padding:19px}.steps{gap:20px}.footerin{gap:20px}}@media(max-width:700px){.wrap{width:min(100% - 34px,1128px)}.header{height:auto;min-height:66px}.headerin{min-height:66px;flex-wrap:wrap}.logo{font-size:18px}.nav{display:none;width:100%;padding:0 0 16px;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:10px 12px}.nav .nav-cta{text-align:center;margin-top:7px}.mob-toggle{display:block}.hero{padding:35px 0 10px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(41px,11vw,56px);letter-spacing:-2.8px}.hero .lead{font-size:16px}.hero-art{margin-top:10px}.hero-art img{height:230px}.hero-art .art-caption{font-size:10px}.checker-wrap{padding:17px 0 35px}.checker-top{padding:17px}.checker-inner{padding:22px 17px 23px}.answers{grid-template-columns:1fr}.answer{min-height:62px;padding:14px 16px}.result-main{grid-template-columns:1fr}.result-icon{display:none}.result-grid{grid-template-columns:1fr}.result-main h2{font-size:30px}.result-actions{flex-direction:column}.result-actions .button{width:100%}.section{padding:44px 0}.section-head{display:block}.cards{grid-template-columns:1fr}.card-art{height:145px}.steps{grid-template-columns:1fr;gap:20px}.wide-banner{padding:29px;display:block}.wide-banner .button{margin-top:21px;width:100%}.footer{margin-top:35px}.footerin{grid-template-columns:1fr 1fr}.footerin>div:first-child{grid-column:span 2}.page-hero{padding:33px 0 18px}.page-hero h1{font-size:36px;letter-spacing:-1.7px}.page-hero p{font-size:15px}.article{padding:18px 0}.article h2{font-size:24px}.article p{font-size:15px}.article-illustration{height:200px}.guide-list{grid-template-columns:1fr}.quote-stage{padding:7px 0 40px}.quote-box,.quote-summary{padding:19px}.iframe-slot iframe{min-height:1100px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Version 2: easier article navigation, real editorial photos, clearer repair pathway */
.info-card{position:relative;transition:box-shadow .17s,transform .17s,border-color .17s}
.info-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(17,57,45,.13);border-color:#a1c8b7}
.info-card:has(.text-link:focus-visible){outline:3px solid #d57955;outline-offset:4px}
.info-card .text-link::after{content:"";position:absolute;inset:0;z-index:2}
.card-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.83)}
.hero-art{overflow:hidden;background:#e9eeeb}
.hero-art img{width:100%;height:380px;object-fit:cover;filter:saturate(.85)}
.hero-art .art-caption{z-index:1}
.article-illustration.photo-frame{height:310px;background:#f2f3ef;margin:0 0 0;border-radius:17px}
.article-illustration.photo-frame img{object-fit:cover;width:100%;height:100%}
.photo-credit{font-size:10px;line-height:1.5;color:#73847d;text-align:right;margin:5px 2px 8px}
.photo-credit a{color:#637b6b}
.article .intro{margin-top:12px}
.page-hero{padding-bottom:18px}
.article{padding-top:14px}
.legal{padding-top:6px}
.result-main{grid-template-columns:1fr}
.result-main>div:first-child{max-width:880px}
.quote-promote{margin:20px 0 18px;padding:25px 27px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:19px;background:#123f36;color:#fff;box-shadow:0 16px 31px rgba(10,61,45,.13)}
.quote-promote .eyebrow{color:#afdcc5}
.quote-promote h3{color:#fff;font-size:24px;margin:4px 0 8px;letter-spacing:-.8px;line-height:1.23}
.quote-promote p{margin:0;color:#d7e9de;font-size:13.5px;line-height:1.65;max-width:470px}
.quote-promote .cta-quote{background:#fff;color:#0d594a;border-color:#fff;min-width:220px;font-size:15px;box-shadow:0 5px 15px rgba(4,27,20,.11)}
.quote-promote .cta-quote:hover{background:#e3f2e9}
.result-secondary{font-size:13px;font-weight:750;margin:4px 0}
.result-secondary a{color:var(--forest)}
.notice.danger p,.notice p{margin:6px 0 0}
.quote-summary .summary-text{background:#fff;border:2px dashed #98cbb5;padding:16px;font-size:14px;line-height:1.75}
.copy-button{width:100%;margin-top:13px;font-size:14px;min-height:54px}
.copy-button.copied{background:#0b5848}
#copy-status{margin:9px 0 22px;font-size:12px;line-height:1.65;color:#2b584b;font-weight:700}
.quote-load-button{width:100%;font-size:17px;min-height:60px;box-shadow:0 8px 20px rgba(20,90,74,.13)}
.paste-instruction{margin:18px 0 16px;padding:16px 18px;border-radius:14px;background:#eaf7ee;border:1px solid #a6cdb6;color:#194b3b}
.paste-instruction p{margin:6px 0 0;font-size:13px}
.quote-stage{padding-top:2px}
.quote-box .notice{font-size:12px;line-height:1.5;margin:12px 0!important;padding:13px 15px}
.quote-summary p{margin:8px 0}
@media(max-width:700px){
 .hero-art img{height:235px}
 .article-illustration.photo-frame{height:195px}
 .quote-promote{padding:20px;display:block}
 .quote-promote .cta-quote{width:100%;margin-top:17px}
 .quote-promote h3{font-size:21px}
 .quote-stage{gap:14px}
}
