@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/assets/fonts/manrope-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--ink:#112e3b;--muted:#65767d;--green:#d6f268;--paper:#f6f8f7;--line:#dfe6e5;--white:#fff;--radius:20px;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.14;letter-spacing:-.045em}h2{font-size:clamp(1.9rem,3.2vw,2.8rem);font-weight:750}h3{font-size:1.28rem;letter-spacing:-.025em}p{color:var(--muted)}a,button,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #328474;outline-offset:5px}.wrap{max-width:1320px;margin:auto;padding-inline:44px}.skip{position:absolute;top:-80px;background:var(--green);padding:12px;z-index:99}.skip:focus{top:0}.header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:9px;font-family:Manrope,sans-serif;font-size:1.3rem;font-weight:800;letter-spacing:-.065em;white-space:nowrap}.brand svg{width:33px;height:39px;flex-shrink:0}.brand span span{font-weight:500}.nav{display:flex;gap:32px;align-items:center;font-size:.9rem;font-weight:550}.nav a:hover,.textlink:hover{color:#3d7868}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid transparent;border-radius:8px;padding:14px 22px;font-size:.93rem;font-weight:650;line-height:1.5;background:var(--ink);color:white;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#254959}.button.green{background:var(--green);color:var(--ink)}.button.green:hover{background:#c8e552}.button.outline{border-color:var(--line);background:transparent;color:var(--ink)}.arrow{font-size:1.25rem;line-height:1}.menu-button{display:none;border:1px solid var(--line);border-radius:8px;background:white;padding:8px 12px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;padding-block:30px 45px}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:700;color:#4b6b65;margin-bottom:24px}.eyebrow:before{content:'';display:block;width:22px;height:2px;background:currentColor}.hero h1{font-size:clamp(3rem,5.3vw,4.65rem);font-weight:750;line-height:1.1;letter-spacing:-.065em}.hero h1 em{font-style:normal;color:#478374}.hero .intro{font-size:1.07rem;line-height:1.85;max-width:460px;margin-top:24px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:31px}.textlink{font-size:.9rem;font-weight:600;display:inline-flex;gap:14px;align-items:center}.micro{display:flex;gap:20px;margin-top:28px;font-size:.79rem;color:var(--muted)}.micro span{display:flex;align-items:center;gap:7px}.check{color:#467b67;font-weight:700}.hero-visual{height:510px;border-radius:22px;overflow:hidden;position:relative;background:#335447}.hero-visual img{width:100%;height:100%;object-fit:cover}.hero-visual:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(3,24,24,.68));pointer-events:none}.image-tag{position:absolute;left:24px;top:24px;z-index:1;background:rgba(255,255,255,.94);border-radius:30px;padding:9px 15px;font-size:.76rem;font-weight:550;display:flex;align-items:center;gap:8px}.image-tag svg{width:17px;height:17px}.image-caption{position:absolute;bottom:30px;left:30px;right:30px;z-index:1;color:white;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.image-caption small{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#e2e9dc}.image-caption strong{display:block;font-family:Manrope,sans-serif;font-size:1.55rem;line-height:1.35;letter-spacing:-.035em;font-weight:550;margin-top:8px}.circle-arrow{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--green);color:var(--ink);font-size:1.4rem;flex-shrink:0}.trust-row{display:flex;justify-content:space-between;gap:25px;padding:22px 5px;border-block:1px solid var(--line);font-size:.86rem}.trust-row span{display:flex;align-items:center;gap:11px}.trust-row svg{width:20px;height:20px;stroke:#50766c}.section{padding-block:74px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:29px}.section-head .eyebrow{margin-bottom:12px}.section-head p{font-size:.98rem;margin-top:13px;max-width:540px}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.category{background:white;border:1px solid var(--line);border-radius:13px;padding:25px 23px;transition:transform .2s,border-color .2s}.category:hover{transform:translateY(-4px);border-color:#7a9f91}.category-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.iconbox{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#eff5f1;border-radius:12px}.iconbox svg{width:25px;height:25px;stroke:#396456}.category:nth-child(2) .iconbox{background:#edf3f8}.category:nth-child(2) .iconbox svg{stroke:#49748a}.category:nth-child(3) .iconbox{background:#f6f3e8}.category:nth-child(3) .iconbox svg{stroke:#8a7849}.category:nth-child(4) .iconbox{background:#f0eff7}.category:nth-child(4) .iconbox svg{stroke:#706783}.category p{font-size:.9rem;line-height:1.7;margin-top:12px}.category .small-link{display:block;font-size:.82rem;font-weight:650;margin-top:24px}.editorial{padding:36px;background:var(--ink);border-radius:20px;display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;color:white;align-items:center}.editorial .eyebrow{color:#c4e677}.editorial h2{font-size:2.65rem;line-height:1.2}.editorial p{color:#bbccd0;margin:20px 0 25px}.editorial-index{display:flex;flex-direction:column}.editorial-index a{display:flex;gap:22px;align-items:center;padding:21px 0;border-bottom:1px solid #3b525c;font-family:Manrope,sans-serif;font-weight:600;font-size:1.03rem;line-height:1.5}.editorial-index a:last-child{border-bottom:0}.editorial-index a span:first-child{font-size:.75rem;letter-spacing:.08em;color:#aaca64}.editorial-index a span:last-child{margin-left:auto;color:#cfe28f}.editorial-index a:hover{color:#d6f268}.compare{padding-top:0}.table-wrap{overflow-x:auto;background:white;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;text-align:left;font-size:.93rem}th{background:#eaf0ed;font-weight:600;font-size:.8rem;padding:18px 22px;color:#496158}td{padding:22px;border-top:1px solid var(--line);color:var(--muted)}td:first-child{font-weight:650;color:var(--ink)}td a{white-space:nowrap;color:var(--ink);font-size:.85rem}td a:hover{text-decoration:underline}.note{font-size:.81rem;margin-top:13px}.guide-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:35px}.feature-guide{position:relative;border-radius:16px;overflow:hidden;min-height:390px;background:#234836}.feature-guide img{width:100%;height:100%;position:absolute;object-fit:cover}.feature-guide:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,rgba(9,34,29,.92))}.feature-text{position:absolute;z-index:1;bottom:30px;left:30px;right:30px;color:white}.pill{display:inline-block;font-size:.72rem;letter-spacing:.09em;background:var(--green);color:var(--ink);border-radius:4px;padding:4px 10px;font-weight:650}.feature-text h3{font-size:1.8rem;max-width:410px;margin-block:15px}.feature-text p{color:#dfebe4;font-size:.85rem}.guide-list{display:flex;flex-direction:column}.guide-item{display:grid;grid-template-columns:48px 1fr 24px;gap:18px;border-bottom:1px solid var(--line);padding:24px 0;align-items:center}.guide-item:first-child{padding-top:5px}.guide-item:last-child{border:0}.guide-item .num{font-family:Manrope,sans-serif;font-size:1.4rem;color:#97a8a2}.guide-item small{font-size:.72rem;color:#558270;text-transform:uppercase;letter-spacing:.1em}.guide-item h3{margin-top:8px;font-size:1.17rem;line-height:1.4}.guide-item p{font-size:.81rem;margin-top:9px}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-layout p{margin-top:18px;max-width:330px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details:first-child{padding-top:0}.faq summary{font-weight:600;cursor:pointer;display:flex;justify-content:space-between;gap:20px;list-style:none;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:1.3rem;font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{font-size:.95rem;margin-top:16px;max-width:none}.footer{background:var(--ink);color:white;padding:47px 0 23px}.footer-main{display:flex;justify-content:space-between;gap:50px;padding-bottom:30px}.footer-main p{color:#b6c7cc;font-size:.9rem;max-width:350px;margin-top:14px}.footer-links{display:flex;gap:60px}.footer-links div{display:flex;flex-direction:column;gap:9px;font-size:.85rem}.footer-links strong{margin-bottom:4px;color:#d6f268;font-weight:550}.footer-links a{color:#d3dee1}.footer-bottom{border-top:1px solid #3b525c;padding-top:23px;display:flex;justify-content:space-between;gap:30px;font-size:.75rem;color:#aec1c6}.footer-bottom p{color:inherit;max-width:670px}.article-top{padding:35px 0 52px;border-bottom:1px solid var(--line)}.breadcrumbs{display:flex;gap:12px;font-size:.83rem;color:var(--muted);margin-bottom:36px}.breadcrumbs a:hover{text-decoration:underline}.article-top h1{font-size:clamp(2.6rem,4.8vw,4rem);max-width:930px}.article-top .lead{max-width:790px;font-size:1.16rem;line-height:1.85;margin-top:25px}.article-meta{color:var(--muted);font-size:.81rem;margin-top:24px}.article-grid{display:grid;grid-template-columns:240px minmax(0,750px);gap:65px;padding-block:50px 85px;justify-content:center}.toc{position:sticky;top:30px;align-self:start;font-size:.86rem}.toc strong{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:15px}.toc a{display:block;color:var(--muted);border-left:2px solid var(--line);padding:8px 0 8px 16px;line-height:1.6}.toc a:hover{color:var(--ink);border-color:#7c9c4e}.article-body h2{font-size:1.85rem;line-height:1.3;margin:40px 0 18px;scroll-margin-top:30px}.article-body h2:first-child{margin-top:0}.article-body p{font-size:1.06rem;color:#4b616b;margin-bottom:19px;line-height:1.9}.article-body ul{padding-left:24px;color:#4b616b;line-height:1.9}.article-body li{padding-left:5px;margin-bottom:10px}.article-body a{color:#2f7963;text-decoration:underline;text-underline-offset:3px}.callout{background:#eaf1e5;padding:24px 27px;border-left:3px solid #97b85c;border-radius:0 9px 9px 0;margin:27px 0}.callout strong{display:block;margin-bottom:8px}.callout p:last-child{margin-bottom:0}.source-box{border-top:1px solid var(--line);padding-top:24px;margin-top:35px}.source-box p,.source-box li{font-size:.85rem}.related{background:white;border:1px solid var(--line);padding:25px;border-radius:12px;margin-top:35px}.related a{display:block;margin-top:12px;font-size:.95rem}.back-top{display:inline-flex;margin-top:25px!important;font-size:.9rem!important}.article-body .button{color:var(--ink);text-decoration:none}.shop-note{font-size:.82rem!important}.reading-progress{height:3px;background:var(--green);position:fixed;top:0;left:0;width:0;z-index:20}.brand:hover{color:inherit}
@media(min-width:1550px){.wrap{max-width:1400px}.hero{gap:75px}.hero-visual{height:540px}}
@media(max-width:1050px){.wrap{padding-inline:30px}.nav{gap:20px}.hero{gap:30px}.hero h1{font-size:3.5rem}.hero-visual{height:480px}.micro{gap:12px;flex-wrap:wrap}.categories{gap:12px}.category{padding:21px 17px}.trust-row{font-size:.77rem}.editorial{gap:35px}.editorial h2{font-size:2.25rem}.article-grid{gap:35px;grid-template-columns:205px minmax(0,1fr)}}
@media(max-width:800px){.header{height:83px}.header>.button{display:none}.hero{padding-top:18px}.hero h1{font-size:2.8rem}.hero .intro{font-size:1rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-visual{height:440px}.hero .eyebrow{font-size:.66rem}.image-caption{left:22px;right:22px}.image-caption strong{font-size:1.3rem}.trust-row{flex-wrap:wrap;justify-content:flex-start;gap:13px 27px}.categories{grid-template-columns:repeat(2,1fr)}.section{padding-block:52px}.compare{padding-top:0}.editorial{gap:32px;padding:30px}.editorial h2{font-size:1.9rem}.editorial-index a{font-size:.9rem;gap:14px}.guide-grid{gap:22px}.feature-text{left:24px;right:24px}.feature-text h3{font-size:1.45rem}.guide-item{gap:10px;grid-template-columns:32px 1fr 20px}.guide-item h3{font-size:1.03rem}.faq-layout{gap:35px}.footer-links{gap:30px}.article-grid{display:block}.toc{position:static;padding:22px;background:#eaf0ed;margin-bottom:35px;border-radius:10px}.toc a{border:0;padding:6px 0}.article-body h2{scroll-margin-top:20px}}
@media(max-width:580px){.wrap{padding-inline:22px}.header{gap:12px;flex-wrap:wrap;height:auto;min-height:80px;padding-block:18px}.brand{font-size:1.17rem}.brand svg{width:29px;height:34px}.menu-button{display:block}.nav{display:none;order:3;flex-basis:100%;padding-block:10px;justify-content:space-between;gap:10px}.nav.is-open{display:flex}.hero{grid-template-columns:1fr;gap:32px;padding-block:25px 30px}.hero h1{font-size:3.45rem}.hero .eyebrow{font-size:.7rem;margin-bottom:19px}.hero .intro{max-width:440px;margin-top:21px}.hero-actions{flex-direction:row;align-items:center;gap:18px;margin-top:25px}.button{padding:13px 17px;font-size:.87rem;gap:14px}.textlink{font-size:.83rem;gap:9px}.micro{margin-top:21px;font-size:.76rem;gap:15px}.hero-visual{height:370px}.image-tag{left:20px;top:20px}.image-caption{bottom:25px}.image-caption strong{font-size:1.45rem}.trust-row{font-size:.75rem;gap:14px;display:grid;grid-template-columns:1fr 1fr}.trust-row span{gap:7px}.trust-row svg{width:17px}.trust-row span:last-child{grid-column:1/-1}.section-head{align-items:flex-start;flex-direction:column;gap:15px}.section-head .eyebrow{font-size:.69rem}.section-head p{font-size:.93rem}.categories{gap:11px}.category{padding:20px 16px}.category h3{font-size:1.1rem}.category p{font-size:.83rem}.category .small-link{font-size:.76rem}.category-top{margin-bottom:22px}.iconbox{width:40px;height:40px;border-radius:9px}.iconbox svg{width:23px;height:23px}.editorial{grid-template-columns:1fr;padding:28px;gap:15px}.editorial h2{font-size:2.1rem}.editorial p{font-size:.94rem}.editorial-index a{font-size:.98rem}.guide-grid{grid-template-columns:1fr}.feature-guide{min-height:350px}.guide-item{grid-template-columns:35px 1fr 20px;padding-block:22px}.guide-item:first-child{padding-top:12px}.guide-item h3{font-size:1.12rem}.faq-layout{grid-template-columns:1fr;gap:30px}.faq-layout p{max-width:none}.footer-main{flex-direction:column;gap:28px}.footer-links{gap:60px}.footer-bottom{flex-direction:column;gap:13px}.article-top{padding-top:18px}.breadcrumbs{font-size:.75rem;gap:8px;margin-bottom:27px;flex-wrap:wrap}.article-top h1{font-size:2.55rem}.article-top .lead{font-size:1.04rem}.article-body p{font-size:1rem}.article-body h2{font-size:1.6rem}.article-grid{padding-block:30px 55px}td,th{padding:17px;min-width:170px}td:last-child,th:last-child{min-width:140px}.callout{padding:20px}.hero h1{font-size:clamp(2.6rem,10.5vw,3.65rem)}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.product-row{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;margin-block:15px}.product-row small{font-size:.7rem;letter-spacing:.13em;color:#547a6c}.product-row h3{font-size:1.27rem;margin-top:10px;line-height:1.5}.product-row p{font-size:.9rem;margin:8px 0 20px}.product-row .button{font-size:.87rem}.product-row .button:hover{text-decoration:none}.faq a{text-decoration:underline;text-underline-offset:3px}.category{min-width:0}.category h3{overflow-wrap:anywhere;hyphens:auto}.category p{font-size:1rem}.table-wrap{min-width:0}.hero-actions>*{flex-shrink:0}
@media(max-width:580px){.hero-actions{gap:16px;flex-wrap:wrap}.hero-actions .button{font-size:.84rem;padding:13px 14px}.hero-actions .textlink{font-size:.81rem}.category p{font-size:.9rem}.category .small-link{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.hub-content{padding:46px 0 80px}.hub-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.hub-card{border:1px solid var(--line);background:white;padding:30px;border-radius:15px;display:block;transition:border-color .2s}.hub-card:hover{border-color:#65967f}.hub-card .eyebrow{font-size:.7rem;margin-bottom:16px}.hub-card h2{font-size:1.5rem;line-height:1.35}.hub-card p{font-size:1rem;line-height:1.85;margin:18px 0}.hub-card .textlink{margin-top:8px}.hub-prose{max-width:790px;margin:60px auto 0}.hub-prose h2{font-size:1.9rem;margin:36px 0 18px;line-height:1.3}.hub-prose p{line-height:1.9;margin-bottom:20px}.hub-prose a{color:#2f7963;text-decoration:underline;text-underline-offset:3px}.hub-prose ul{color:var(--muted);padding-left:23px;line-height:1.9}.definitions{margin:24px 0}.definitions>div{padding:20px 0;border-bottom:1px solid var(--line)}.definitions dt{font-weight:650}.definitions dd{margin:9px 0 0;color:var(--muted);line-height:1.8}.error-page{min-height:55vh;padding-block:70px}.error-page h1{font-size:clamp(2.4rem,5vw,4rem)}.error-page p{max-width:600px;margin-top:25px}.article-meta a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:580px){.hub-cards{grid-template-columns:1fr}.hub-card{padding:24px}.hub-prose{margin-top:38px}.hub-prose h2{font-size:1.6rem}.hub-content{padding-top:30px}.hero h1{font-size:clamp(2.5rem,10vw,3.65rem)}}

/* Comfortable controls and reading, from small phones to large monitors. */
:root{--muted:#586c74}
.skip{top:0;left:12px;transform:translateY(-150%)}
.skip:focus{transform:translateY(0)}
.button,.menu-button,.textlink,.back-top{min-height:44px}
.button{max-width:100%;text-align:center}
.button.outline{border-color:#9eafa9}
.button.outline:hover{background:#eaf0ed}
.button .arrow,.button>span:not(.sr-only){flex-shrink:0}
.nav a{display:flex;align-items:center;min-height:44px;position:relative}
.nav a[aria-current="page"]{color:#356958}
.nav a[aria-current="page"]:after{content:'';height:2px;background:#356958;position:absolute;bottom:3px;left:0;right:0}
.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.hero-actions{gap:12px;flex-wrap:wrap}
.hero-actions>*{flex-shrink:1}
.hero h1{font-size:clamp(2.8rem,5.2vw,4.5rem)}
.hero .intro{max-width:490px}
.micro{font-size:.875rem;flex-wrap:wrap}
.category{display:flex;flex-direction:column;min-width:0}
.category p{margin-bottom:24px}
.category .small-link{margin-top:auto;font-size:.875rem}
.category h3{hyphens:none;overflow-wrap:normal}
.category-top{width:100%}
.editorial,.guide-grid,.faq-layout{min-width:0}
.editorial>*{min-width:0}
.editorial :focus-visible{outline-color:var(--green)}
.trust-row{font-size:.875rem}
.trust-row svg{flex-shrink:0}
.note,.shop-note,.guide-item p,.feature-text p{font-size:.875rem}
.table-wrap{overflow:visible}
thead th{font-size:.875rem}
tbody th{background:transparent;color:var(--ink);font-size:.9375rem;border-top:1px solid var(--line);font-weight:650}
td a{font-size:.875rem}
tbody tr:hover{background:#f5f9f6}
.footer-links a{display:flex;align-items:center;min-height:44px;margin-top:0}
.footer-bottom a{display:inline-flex;align-items:center;min-height:44px}
.footer-links{flex-wrap:wrap}
.toc{max-height:calc(100dvh - 60px);overflow:auto}
.toc a{min-height:44px;display:flex;align-items:center;line-height:1.5;padding-block:10px}
.article-body>section+section{margin-top:46px}
.article-body h2,.article-top h1,.hub-card h2,.product-row h3{overflow-wrap:break-word;text-wrap:pretty}
.article-body p{line-height:1.85}
.article-body .source-box a{overflow-wrap:anywhere}
.related a,.back-top{display:flex;align-items:center;padding-block:10px}
.product-row>div{min-width:0}
.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:.875rem}
.article-meta a,.breadcrumbs a{display:inline-flex;align-items:center;min-height:32px}
.breadcrumbs{row-gap:0}
.hero-visual:focus-visible,.feature-guide:focus-visible{outline-offset:5px}

@media(min-width:801px) and (max-width:1100px){
 .header{gap:18px}.header>.button{padding-inline:14px;font-size:.875rem}.nav{gap:18px}
 .categories{grid-template-columns:repeat(2,minmax(0,1fr))}
 .category h3{font-size:1.3rem}
}
@media(max-width:800px){
 .hero-actions{gap:12px}.hero h1{font-size:clamp(2.6rem,5.3vw,3.6rem)}
 .hero .eyebrow{font-size:.75rem;letter-spacing:.1em}
 .toc{max-height:none;overflow:visible}
 .article-grid{padding-top:24px}
 .table-wrap{border:0;border-radius:0;background:transparent}
 table,tbody{display:block}
 thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 tbody tr{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
 tbody th,tbody td{display:block;min-width:0;padding:12px 20px;border:0}
 tbody th{font:700 1.12rem/1.4 Manrope,sans-serif;letter-spacing:-.025em;background:#eaf0ed;padding-block:18px}
 tbody td:last-child{margin-top:auto;min-width:0;padding-block:4px 12px}
 td[data-label]:before{content:attr(data-label);display:block;color:var(--muted);font-size:.75rem;font-weight:650;margin-bottom:3px}
 tbody td{color:var(--ink);font-size:.9375rem}
 .editorial-index a{min-height:60px}
}
@media(max-width:580px){
 .hero{grid-template-columns:minmax(0,1fr)}
 .hero h1{font-size:clamp(2.5rem,10.3vw,3.6rem)}
 .hero-visual{height:330px}
 .hero-actions{flex-direction:row;align-items:stretch}
 .hero-actions .button{font-size:.875rem;padding:12px 15px;flex:1 1 200px;justify-content:space-between}
 .micro{font-size:.8125rem;gap:8px 15px}
 .trust-row{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:.875rem}
 .trust-row span{gap:10px}
 .nav{gap:6px;padding-bottom:0}
 .nav a{padding-inline:8px}
 .no-js .nav{display:flex}
 .no-js .menu-button{display:none}
 .section-head .eyebrow{font-size:.75rem;letter-spacing:.12em}
 .category h3{font-size:1.18rem}
 .category .small-link{margin-top:auto}
 .editorial{padding:26px 22px}
 .editorial .button{justify-content:space-between}
 .editorial-index a{font-size:.9375rem}
 tbody{grid-template-columns:1fr;gap:14px}
 .article-top h1{font-size:clamp(2rem,7.8vw,2.6rem);line-height:1.17}
 .article-body>section+section{margin-top:36px}
 .article-meta{font-size:.8125rem;line-height:1.6}
 .footer-links{gap:26px;justify-content:space-between;width:100%}
 .footer-bottom{font-size:.875rem}
 .image-tag{max-width:calc(100% - 32px);left:16px;top:16px;font-size:.75rem;padding-inline:12px}
}
@media(max-width:700px){
 .hero{grid-template-columns:minmax(0,1fr);gap:30px}
 .hero h1{font-size:clamp(2.5rem,8.8vw,3.6rem)}
 .hero-visual{height:360px}
 .hero-actions{flex-direction:row;align-items:stretch}
 .editorial,.guide-grid,.faq-layout{grid-template-columns:minmax(0,1fr)}
 .guide-item{padding-block:22px}
}
@media(max-width:520px){
 .categories{grid-template-columns:1fr}
 .category{padding:22px}
 .category-top{margin-bottom:18px}
 .category h3{font-size:1.3rem}
 .category p{margin-block:8px 18px}
 .hero-visual{height:300px}
 .image-caption{left:20px;right:20px;gap:12px}
 .image-caption strong{font-size:1.3rem}
 .image-caption small{font-size:.65rem}
}
/* Page plan navigation */
.page-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:28px 0}.page-counts div{background:white;padding:22px}.page-counts dt{color:var(--muted);font-size:.86rem}.page-counts dd{margin:4px 0 0;font:750 2.2rem/1.2 Manrope,sans-serif}.topic-jumps{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 40px}.topic-jumps a{border:1px solid var(--line);padding:7px 13px;border-radius:24px;font-size:.87rem;background:white}.topic-jumps a:hover{background:var(--green)}.topic-group{border-top:1px solid var(--line);padding-block:26px 34px}.topic-group-title{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:12px}.topic-group-title h3{font-size:1.4rem}.topic-group-title>span{font-size:.85rem;color:var(--muted);white-space:nowrap}.topic-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px}.topic-links a{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);font-size:.95rem;min-width:0}.topic-links a>span:first-child{flex:1;overflow-wrap:anywhere}.topic-links a:hover>span:first-child{text-decoration:underline;text-underline-offset:4px}.topic-status{font-size:.69rem;letter-spacing:.015em;color:#326152;background:#e7efe9;border-radius:20px;padding:3px 9px;flex-shrink:0}.topic-status.is-draft{color:#705525;background:#f4eedf}.topic-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px}.topic-category-grid>a{display:flex;flex-direction:column;border-top:1px solid var(--line);padding:22px 0;gap:8px}.topic-category-grid strong{font:650 1.1rem Manrope,sans-serif}.topic-category-grid>a>span{display:flex;justify-content:space-between;color:var(--muted);font-size:.9rem}.draft-notice{display:flex;flex-direction:column;gap:5px;padding:18px 22px;border:1px solid #dfd1ad;background:#faf5e8;border-radius:10px;margin-top:26px;max-width:820px}.draft-notice span{color:#705525;font-size:.92rem}.plan-content{max-width:900px;padding-bottom:70px}.plan-content h2{font-size:1.7rem;margin-bottom:20px}.plan-content ul{padding-left:22px;color:var(--muted)}.plan-content li{margin:12px 0}.plan-next{margin-block:40px}.plan-next p{margin-bottom:16px}.planned-section{margin-block:30px;padding:24px;border-left:3px solid #a7c7b5;background:#edf2ef}.planned-section h3{font-size:1.3rem;margin-bottom:14px}.planned-section p{margin-block:10px}.planned-section .section-label{font-size:.85rem}.plan-related .topic-links{grid-template-columns:1fr}.plan-related p{font-size:.9rem;margin:10px 0}.plan-related .topic-links a{display:flex}.plan-related .topic-status{font-size:.69rem}.topic-directory .section-head{max-width:850px}
@media(max-width:900px){.page-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-links{grid-template-columns:1fr}.topic-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.page-counts div{padding:16px}.page-counts dt{font-size:.76rem}.page-counts dd{font-size:1.9rem}.topic-category-grid{grid-template-columns:1fr}.topic-links a{gap:8px;font-size:.9rem}.topic-status{font-size:.65rem;padding:3px 7px}.topic-group-title{gap:10px}.topic-group-title h3{font-size:1.23rem}.draft-notice{padding:16px}.planned-section{padding:18px}.plan-content h2{font-size:1.5rem}}

/* Written content extends the existing central Waterpompwijzer design. */
.written-page{padding-bottom:70px}.written-page .article-top{padding-bottom:26px}.written-page h1{max-width:1050px}.written-date{font-size:.85rem;color:var(--muted);margin-top:22px}.written-hero{padding:0;gap:46px}.written-hero h1{font-size:clamp(2.4rem,4vw,4.3rem)}.written-hero .hero-visual{min-height:340px}.written-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:10px 0 48px}.written-facts>div{border-top:2px solid var(--green);background:#edf2f5;padding:18px 20px}.written-facts dt{font-size:.82rem;color:var(--muted);margin-bottom:7px}.written-facts dd{margin:0;font:650 1.2rem/1.4 Manrope,sans-serif}.written-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:55px;align-items:start}.written-toc{position:sticky;top:24px;border-top:1px solid var(--line);padding-top:18px}.written-toc strong{font-size:.92rem}.written-toc ol{padding-left:18px;margin:15px 0 24px}.written-toc li{padding:6px 0;font-size:.83rem;line-height:1.5;color:var(--muted)}.written-toc a:hover{text-decoration:underline;text-underline-offset:3px}.written-body{min-width:0;font-size:1rem;line-height:1.85}.written-body p{margin:0 0 21px}.written-body h2{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.3;margin:42px 0 20px;scroll-margin-top:25px}.written-body h3{font-size:1.25rem;line-height:1.4;margin:28px 0 16px}.written-source-body>h2:first-child{margin-top:0}.written-body a{color:#185b71;text-decoration:underline;text-underline-offset:3px}.written-body ul,.written-body ol{padding-left:24px;margin:18px 0 26px}.written-body li{margin:9px 0}.written-body strong{color:var(--ink,#112e3b)}.written-body table{border-collapse:collapse;width:100%;font-size:.9rem;line-height:1.65;margin:15px 0 25px}.written-body caption{text-align:left;font-weight:650;margin:0 0 12px}.written-body th,.written-body td{padding:14px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}.written-body thead{background:#112e3b;color:white}.written-body tbody tr:nth-child(even){background:#f0f4f5}.written-body .tabel-scroll{max-width:100%;overflow-x:auto;margin:24px 0 30px}.written-body .tabel-scroll table{min-width:580px}.written-body blockquote{padding:20px 24px;border-left:3px solid #8da6b3;background:#edf2f5;margin:25px 0}.written-body dl{margin:25px 0}.written-body dt{font-weight:650}.written-body dd{margin:6px 0 20px}.written-sources{margin-top:42px;border-top:1px solid var(--line);padding-top:5px;font-size:.88rem}.written-sources li{overflow-wrap:anywhere}.written-sources span,.written-method{color:var(--muted);font-size:.85rem}.anchor-alias{display:block;scroll-margin-top:25px}.upcoming-topic{text-decoration:none}.written-page .topic-directory{margin-top:50px}.written-body .back-top{position:static;display:inline-block;margin-top:20px}
@media(max-width:1000px){.written-layout{grid-template-columns:200px minmax(0,1fr);gap:30px}.written-facts{gap:14px}.written-facts dd{font-size:1.1rem}}
@media(max-width:700px){.written-layout{grid-template-columns:1fr;gap:30px}.written-toc{position:static;background:#edf2f5;border:0;padding:18px 22px}.written-toc ol{margin-bottom:14px}.written-toc li{padding:4px 0}.written-facts{grid-template-columns:1fr;gap:10px;margin-bottom:25px}.written-facts>div{padding:14px 18px}.written-facts dt{margin-bottom:4px}.written-hero .hero-visual{min-height:240px}.written-body{line-height:1.8}.written-body h2{margin-top:33px}.written-body th,.written-body td{padding:11px}.written-body table{font-size:.85rem}.written-date{margin-top:15px}.written-hero{gap:25px}.written-toc .textlink{min-height:44px;display:inline-flex;align-items:center}}

/* Shared article imagery: preserve the full miniature scene and its safe crop. */
.page-image-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:40px;margin-top:20px}.page-image-layout>div{min-width:0}.page-image-layout h1{font-size:clamp(2.05rem,3.4vw,3.6rem);line-height:1.15}.topic-image{margin:0;overflow:hidden;border-radius:18px;background:#f3f6f5;border:1px solid var(--line)}.topic-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.page-image-layout .draft-notice{margin-bottom:0}.written-page .page-image-layout{margin-bottom:12px}
@media(max-width:1000px){.page-image-layout{gap:26px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
@media(max-width:700px){.page-image-layout{grid-template-columns:1fr;gap:24px}.page-image-layout h1{font-size:clamp(2rem,7vw,2.8rem)}.topic-image{width:100%;max-width:620px;justify-self:center;border-radius:12px}}