:root{
  color-scheme:light;--paper:#f7faf8;--white:#fff;--ink:#19342f;--muted:#5b746c;--line:#dcebe4;--teal:#0a9874;--dark:#10362f;--pale:#eff8f3;--gold:#eebd73;
  font-family:Inter,"Segoe UI",ui-sans-serif,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);line-height:1.55}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #3acba5;outline-offset:4px}
.wrap{width:min(1200px,calc(100% - 50px));margin-inline:auto}
.skip-link{position:absolute;top:-90px;left:20px;z-index:100;padding:12px 15px;color:#fff;background:#073c30;border-radius:7px}
.skip-link:focus{top:14px}
.top-strip{background:#103b32;color:#b5e3d5;font-size:11px;letter-spacing:.025em}
.top-strip-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0}
.top-strip a{font-weight:650;color:#e1fff5}
.status-dot{height:7px;width:7px;display:inline-block;background:#7cf0be;border-radius:50%;margin-right:8px}
.site-header{min-height:87px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:830;font-size:22px;white-space:nowrap;letter-spacing:-1px}
.brand small{color:#91a29c;font-weight:550}
.logo-mark{height:37px;width:37px;display:grid;place-items:center;border-radius:12px;background:#0b9877;color:#fff;box-shadow:0 7px 15px #0e997b23;font-size:22px}
.brand-accent{color:#13a27e}
.nav-links{display:flex;gap:27px;font-size:13px;color:#5a736a;font-weight:650}
.nav-links a:hover{color:#088f6e}
.header-action{padding:11px 17px;border:1px solid #bfd9ca;background:#f9fffb;color:#205244;border-radius:10px;font-size:12px;font-weight:780;transition:.15s}
.header-action:hover{border-color:#77bca0;background:#ecf8f1}
.hero{min-height:587px;display:grid;grid-template-columns:1.1fr .9fr;gap:68px;align-items:center;padding-top:54px;padding-bottom:85px}
.eyebrow{font-size:10px;letter-spacing:2px;font-weight:850;color:#0c9872;display:flex;align-items:center;gap:9px}
.eyebrow-line{width:24px;height:2px;background:#11a881}
.hero h1{font-size:clamp(46px,5vw,72px);letter-spacing:-3.3px;line-height:1.06;max-width:750px;margin:20px 0 20px;font-weight:830}
.hero h1 em,.reading-header em,.feature-panel em{font-style:normal;color:#0b9d79}
.hero p{font-size:16px;max-width:615px;line-height:1.84;color:#627970;margin:0}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:28px}
.btn{padding:14px 22px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:13px;border-radius:10px;font-weight:750;min-height:51px;transition:transform .14s,filter .14s}
.btn:hover{transform:translateY(-2px);filter:brightness(1.03)}
.btn.primary{background:#087f63;color:#fff;box-shadow:0 14px 28px #04765c25}
.subtle-link,.text-arrow{font-weight:750;font-size:13px;color:#0c8668}
.subtle-link:hover,.text-arrow:hover{text-decoration:underline}
.hero-trust{margin-top:33px;display:flex;flex-wrap:wrap;gap:13px 18px;color:#758b82;font-size:11px;font-weight:680}
.hero-trust span span{color:#0b9d72;margin-right:5px}
.hero-visual{min-height:450px;position:relative;display:grid;place-items:center}
.art-backdrop{position:absolute;z-index:0;inset:27px 2px 5px;border-radius:35px;background:#e8f5ed;transform:rotate(-6deg)}
.art-backdrop-two{inset:30px 6px;background:#e4f5f0;transform:rotate(6deg)}
.visual-card{position:relative;z-index:1;width:min(100%,455px);padding:23px 23px 12px;background:#fff;border:1px solid #d7e9e1;border-radius:22px;box-shadow:0 35px 85px #196c4924}
.visual-card-top{display:flex;align-items:center;justify-content:space-between;color:#71877b;font-size:11px;margin-bottom:23px}
.visual-label{display:flex;align-items:center;gap:9px;font-weight:700}
.green-pin{width:8px;height:8px;border-radius:50%;background:#00b98c;box-shadow:0 0 0 4px #d3f7e8}
.icon-dots{font-size:19px;letter-spacing:2px;color:#9eafa8}
.address-illustration{display:flex;align-items:center;gap:12px;background:#eff9f5;border:1px solid #c6e9dc;border-radius:13px;padding:16px 12px}
.icon-tile{width:41px;height:41px;border-radius:11px;background:#0f9476;color:#fff;display:grid;place-items:center;font-size:21px;flex-shrink:0}
.address-illustration>div{min-width:0;display:flex;flex-direction:column;gap:4px}
.address-illustration small{font-size:8px;letter-spacing:1px;color:#83a197;font-weight:800}
.address-illustration strong{font-size:13px;color:#1c5749;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.check-mark{color:#139c75;margin-left:auto;font-size:19px;font-weight:800}
.visual-divider{height:1px;background:#e6efeb;margin:24px 0 5px}
.visual-step{display:flex;align-items:center;gap:14px;padding:14px 4px;border-bottom:1px solid #eff4f1}
.visual-step:last-child{border-bottom:0}
.visual-step>span:first-child{display:grid;place-items:center;height:32px;width:32px;background:#eff6f2;color:#47987c;border-radius:9px;font-weight:850;font-size:10px}
.visual-step div{display:flex;flex-direction:column;gap:3px}
.visual-step strong{font-size:12px;color:#31584d}
.visual-step small{font-size:10px;color:#81988d}
.step-ok{color:#14a377;margin-left:auto}
.floating-tag{position:absolute;z-index:2;font-size:11px;font-weight:700;white-space:nowrap;border:1px solid #d9eae1;border-radius:30px;background:#fff;padding:10px 14px;color:#416658;box-shadow:0 8px 25px #26634a14}
.floating-tag span{color:#14a67e}
.tag-top{top:21px;right:-35px}
.tag-bottom{bottom:2px;left:-32px}
.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#f0f6f2;border:1px solid #e0ebe4;border-radius:19px;margin-top:15px}
.principles>div{padding:28px 30px;position:relative}
.principles>div+div::before{content:"";position:absolute;top:20px;bottom:20px;left:0;width:1px;background:#d7e8dd}
.principle-symbol{color:#0a9871;font-size:24px;font-weight:800}
.principles h2{font-size:14px;margin:12px 0 8px;letter-spacing:-.2px}
.principles p{font-size:12px;color:#6b8277;line-height:1.8;margin:0}
.explainer-section{padding:105px 0 84px}
.section-intro{text-align:center;max-width:700px;margin:0 auto 36px}
.section-intro .eyebrow{justify-content:center}
.section-intro h2,.reading-header h2,.feature-panel h2{font-size:clamp(34px,4vw,49px);letter-spacing:-1.9px;line-height:1.18;margin:14px 0}
.section-intro h2 span{color:#0a9d78}
.section-intro p{font-size:13px;color:#698178;line-height:1.85}
.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.process-card{background:#fff;border:1px solid #e0ebe5;border-radius:17px;padding:28px;min-height:269px;box-shadow:0 12px 33px #1f624509}
.process-number{font-size:10px;font-weight:820;letter-spacing:2px;color:#9ab4a7}
.process-icon{height:52px;width:52px;background:#eaf8ef;color:#179b73;border-radius:15px;display:grid;place-items:center;font-size:25px;margin:18px 0}
.process-card h3{margin:0 0 10px;font-size:18px;letter-spacing:-.6px}
.process-card p{font-size:12px;line-height:1.85;color:#6e847b;margin:0}
.section-note{font-size:11px;color:#779083;line-height:1.8;text-align:center;margin:24px auto 0;max-width:750px}
.reading-section{padding:95px 0 105px;background:#eaf4ee}
.reading-header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}
.reading-header h2{max-width:620px}
.reading-header>p{max-width:280px;color:#698478;font-size:13px;line-height:1.8}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.guide-card{display:flex;flex-direction:column;min-width:0;border:1px solid #dbe9e0;background:#fff;padding:20px 21px 23px;border-radius:16px;transition:transform .15s,box-shadow .15s}
.guide-card:hover{transform:translateY(-4px);box-shadow:0 19px 34px #3273531b}
.guide-category{display:flex;justify-content:space-between;gap:10px;color:#0b9975;font-size:9px;font-weight:850;letter-spacing:1.1px}
.guide-category span{color:#a0b0a6;letter-spacing:0}
.guide-art{height:148px;border-radius:11px;margin:15px 0 20px;display:grid;place-items:center;position:relative;overflow:hidden}
.guide-art>span:first-child{font-size:66px;position:relative;z-index:1}
.guide-art .art-orbit{position:absolute;height:160px;width:160px;border:1px solid #ffffff99;border-radius:50%}
.guide-art::after{content:"";position:absolute;inset:20px auto auto 40px;background:#fff7;border-radius:50%;height:50px;width:50px}
.art-mail{background:#d6f1e8;color:#169d79}
.art-shield{background:#e7ede0;color:#6b985d}
.art-lock{background:#e3e6f7;color:#7276ac}
.guide-card h3{font-size:19px;letter-spacing:-.55px;line-height:1.32;margin:0 0 13px}
.guide-card p{font-size:12px;color:#6e837b;line-height:1.8;margin:0}
.read-more{display:flex;align-items:center;gap:8px;color:#078a6b;font-size:12px;font-weight:790;margin-top:auto;padding-top:22px}
.feature-editorial{display:grid;grid-template-columns:1fr .78fr;gap:18px;padding:98px 0 85px}
.feature-panel{padding:44px;border-radius:18px;background:#f0f8f3}
.feature-panel h2{max-width:560px}
.feature-panel p{color:#6b8177;font-size:13px;line-height:1.9;max-width:600px}
.feature-panel .text-arrow{display:inline-flex;margin-top:14px}
.feature-side{background:#fff;border:1px solid #deebe3;border-radius:18px;padding:33px}
.side-title{font-size:12px;color:#82958d;font-weight:760;letter-spacing:1px;padding-bottom:15px;border-bottom:1px solid #e0eae4}
.side-row{display:flex;gap:15px;align-items:start;padding:18px 0;border-bottom:1px solid #eaf1ed}
.side-row:last-child{border:0}
.safe,.caution{display:grid;place-items:center;border-radius:50%;height:25px;width:25px;flex-shrink:0;font-weight:900;font-size:13px}
.safe{background:#dbf4e7;color:#03896b}
.caution{background:#fbf0df;color:#a36b1e}
.side-row>div{display:flex;flex-direction:column;gap:5px}
.side-row strong{font-size:13px}
.side-row small{font-size:11px;line-height:1.6;color:#6d8479}
.faq-section{padding:30px 0 105px}
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}
.faq-grid details{background:#fff;border:1px solid #dfede5;border-radius:11px;padding:18px 20px}
.faq-grid summary{font-weight:730;font-size:13px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:10px}
.faq-grid summary::-webkit-details-marker{display:none}
.faq-grid summary::after{content:"+";color:#089974;font-size:22px;line-height:17px;flex-shrink:0}
.faq-grid details[open] summary::after{content:"–"}
.faq-grid p{font-size:12px;color:#72867c;line-height:1.9;margin:14px 0 0}
.faq-grid p a{color:#088c6c;text-decoration:underline}
.final-cta{background:#103e32;border-radius:18px;color:#eafff5;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px;margin-bottom:90px}
.final-cta .eyebrow{color:#8cf5d2}
.final-cta h2{font-size:32px;letter-spacing:-1.2px;margin:12px 0}
.final-cta p{margin:0;color:#b5d7c9;font-size:13px;line-height:1.8}
.btn.light{background:#eafdf4;color:#105a45;flex-shrink:0}
.site-footer{background:#e9f0e9;border-top:1px solid #d8e5dc}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:65px;padding-top:55px;padding-bottom:50px}
.footer-brand p{color:#738a7c;font-size:12px;line-height:1.85;max-width:260px}
.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:13px;font-size:12px}
.footer-grid strong{font-size:12px;color:#426259;margin-bottom:3px}
.footer-grid>div:not(:first-child) a{color:#72887d}
.footer-grid>div:not(:first-child) a:hover{color:#078e6b}
.copyright{border-top:1px solid #d2e2d7;padding:18px 0 25px;color:#829587;font-size:11px;display:flex;justify-content:space-between;gap:20px}

/* Original editorial guide pages: ads are limited to public content, never mail. */
.article-hero{padding:73px 0 51px;max-width:900px}
.breadcrumbs{font-size:11px;font-weight:700;color:#5b8777;display:flex;gap:10px;align-items:center}
.breadcrumbs a:hover{text-decoration:underline}
.article-hero h1{font-size:clamp(42px,5.4vw,69px);line-height:1.1;letter-spacing:-2.7px;margin:22px 0 19px}
.article-hero>p{color:#637e71;font-size:17px;max-width:800px;line-height:1.8}
.article-meta{display:flex;align-items:center;gap:15px;color:#829a8d;font-size:11px;font-weight:720;margin-top:20px}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:55px;padding-bottom:90px}
.article-content{background:#fff;border:1px solid #e1eae4;border-radius:17px;padding:45px 51px;box-shadow:0 14px 40px #173b2810;min-width:0}
.article-content .lede{font-size:18px;color:#345e50;line-height:1.82;font-weight:500;margin:0 0 32px}
.article-content h2{font-size:28px;line-height:1.28;letter-spacing:-.8px;margin:45px 0 15px}
.article-content h3{font-size:19px;letter-spacing:-.3px;margin:27px 0 9px}
.article-content p{font-size:14px;color:#61766c;line-height:1.98;margin:14px 0}
.article-content ul,.article-content ol{padding-left:22px;color:#5f786b;font-size:14px;line-height:1.95}
.article-content li{padding:4px 0}
.article-content strong{color:#275a47}
.article-content a{color:#078969;text-decoration:underline}
.article-content blockquote{border-left:4px solid #18a786;padding:15px 22px;color:#355a4e;font-weight:680;background:#eef8f2;margin:30px 0;font-size:14px;line-height:1.85}
.article-sidenote{align-self:start;position:sticky;top:30px;background:#edf7ef;border:1px solid #daeadd;border-radius:15px;padding:26px}
.article-sidenote h2{font-size:17px;line-height:1.3;margin:0 0 13px}
.article-sidenote p{font-size:12px;line-height:1.8;color:#6d8576}
.article-sidenote .btn{width:100%;font-size:12px;margin:15px 0}
.article-sidenote .note-links{display:flex;flex-direction:column;gap:12px;padding-top:18px;border-top:1px solid #d6e6d8}
.article-sidenote .note-links a{font-size:12px;font-weight:670;color:#167e61}
.related-guides{padding-bottom:70px}
.related-guides h2{font-size:25px;letter-spacing:-1px}
.related-guides .guide-grid{grid-template-columns:repeat(3,1fr)}
.related-guides .guide-art{display:none}
.related-guides .guide-card{min-height:220px}
.related-guides .guide-card h3{margin-top:22px}

@media(max-width:1110px){.hero{gap:37px}.tag-top{right:-10px}.tag-bottom{left:-8px}.nav-links{gap:15px}.hero h1{letter-spacing:-2.8px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0;padding-top:45px;gap:35px}.hero h1{max-width:670px}.hero-visual{max-width:540px;margin:auto;width:100%}.feature-editorial{grid-template-columns:1fr}.reading-header{align-items:start;flex-direction:column;gap:0}.reading-header>p{max-width:700px}.article-layout{grid-template-columns:1fr;gap:20px}.article-sidenote{position:static}.footer-grid{gap:26px}.guide-grid{gap:11px}}
@media(max-width:690px){.wrap{width:calc(100% - 32px)}.site-header{min-height:73px}.nav-links{display:none}.brand{font-size:20px}.header-action{padding:10px 12px}.hero{padding-top:32px;padding-bottom:45px}.hero h1{font-size:46px;letter-spacing:-2.5px}.hero p{font-size:14px}.hero-actions{gap:18px}.hero-visual{min-height:420px}.floating-tag{font-size:9px;padding:7px 10px}.tag-top{right:2px;top:13px}.tag-bottom{left:3px;bottom:5px}.visual-card{width:93%;margin:auto}.principles,.process-grid,.guide-grid,.faq-grid{grid-template-columns:1fr}.principles>div{padding:20px 24px}.principles>div+div::before{width:auto;height:1px;top:0;right:20px;left:20px}.principle-symbol{font-size:20px}.explainer-section{padding-top:74px}.reading-section{padding:67px 0}.feature-editorial{padding:67px 0}.feature-panel,.feature-side{padding:27px}.faq-section{padding-bottom:65px}.final-cta{padding:29px;display:block;margin-bottom:55px}.final-cta .btn{margin-top:23px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}.copyright{display:block}.copyright span{display:block;margin-top:4px}.article-hero{padding:38px 0 26px}.article-hero h1{font-size:43px}.article-hero>p{font-size:15px}.article-content{padding:28px 23px}.article-content h2{font-size:25px}.article-content .lede{font-size:16px}.related-guides .guide-grid{grid-template-columns:1fr}.related-guides .guide-card{min-height:0}}
@media(max-width:400px){.hero h1{font-size:40px;letter-spacing:-1.9px}.top-strip a{display:none}.hero-trust{display:block}.hero-trust>span{display:block;margin-top:6px}.btn.primary{width:100%}.hero-visual{min-height:380px}.visual-card{padding:16px 13px}.address-illustration strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.guide-card{transition:none}}