.hub-page{background:#f4f6f1;min-height:100vh}.site-header nav a.is-active{color:var(--green);font-weight:700}.hub-hero{grid-template-columns:1.2fr .8fr;align-items:end;gap:110px;width:min(1180px,100% - 48px);margin:0 auto;padding:96px 0 70px;display:grid}.hub-hero h1{letter-spacing:-.075em;margin:0;font-size:clamp(58px,7.7vw,98px);font-weight:630;line-height:.9}.hub-hero h1 em{color:var(--green);font-family:Georgia,serif;font-weight:500}.hub-hero-copy{padding-bottom:7px}.hub-hero-copy p{color:#5e6b64;margin:0;font-size:17px;line-height:1.72}.hub-hero-copy span{color:#8a958f;font:10px var(--font-geist-mono);text-transform:uppercase;letter-spacing:.07em;margin-top:25px;display:block}.hub-categories{background:#fbfcf9;border:1px solid #d4ddd5;border-radius:24px;grid-template-columns:repeat(3,1fr);width:min(1180px,100% - 48px);margin:0 auto 115px;display:grid;overflow:hidden;box-shadow:0 20px 45px #19332812}.hub-category{grid-template-columns:35px 1fr;column-gap:15px;min-height:155px;padding:26px;display:grid;position:relative}.hub-category+.hub-category{border-left:1px solid #dfe5df}.hub-category>span{color:var(--green);font:11px var(--font-geist-mono)}.hub-category strong{letter-spacing:-.035em;font-size:17px;display:block}.hub-category p{color:#79847e;max-width:250px;margin:8px 0 0;font-size:11px;line-height:1.55}.hub-category>b{color:#98a29d;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:620;position:absolute;bottom:23px;left:76px}.hub-feed{width:min(1180px,100% - 48px);margin:0 auto 130px}.hub-feed>header{grid-template-columns:1fr 440px;align-items:end;gap:70px;margin-bottom:43px;display:grid}.hub-feed h2,.hub-principles h2{letter-spacing:-.06em;margin:0;font-size:clamp(43px,5.5vw,68px);font-weight:630;line-height:1}.hub-feed>header>p{color:#6b7771;margin:0 0 6px;font-size:13px;line-height:1.7}.hub-article-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.hub-article-card{background:#fbfcf9;border:1px solid #d8dfd8;border-radius:23px;flex-direction:column;min-height:460px;padding:25px;display:flex;position:relative;overflow:hidden;box-shadow:0 17px 38px #1934280e}.hub-article-card:nth-child(2){background:var(--ink);color:#fff;box-shadow:0 22px 48px #0d231a2b}.hub-article-card:nth-child(3){background:#e7eddf}.hub-card-top{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.hub-card-top span{color:var(--green);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:760}.hub-card-top b{color:#98a29d;font:9px var(--font-geist-mono);font-weight:500}.hub-article-card:nth-child(2) .hub-card-top span{color:var(--lime)}.hub-article-card:nth-child(2) .hub-card-top b{color:#789087}.hub-card-number{color:#0e7a5311;letter-spacing:-.08em;font:italic 180px/1 Georgia,serif;position:absolute;top:33px;right:10px}.hub-article-card:nth-child(2) .hub-card-number{color:#dff66f12}.hub-article-card h3{z-index:1;letter-spacing:-.045em;margin:135px 0 15px;font-size:27px;line-height:1.08;position:relative}.hub-article-card h3 a{color:inherit;text-decoration:none}.hub-article-card>p{z-index:1;color:#6d7872;margin:0;font-size:12px;line-height:1.7;position:relative}.hub-article-card:nth-child(2)>p{color:#aab8b1}.hub-article-card footer{z-index:1;border-top:1px solid #384e4321;justify-content:space-between;align-items:center;gap:15px;margin-top:auto;padding-top:21px;display:flex;position:relative}.hub-article-card footer span{color:#8d9792;font-size:9px}.hub-article-card footer a{color:var(--ink);font-size:10px;font-weight:730;text-decoration:none}.hub-article-card footer a b{color:var(--green);margin-left:8px}.hub-article-card:nth-child(2) footer{border-color:#ffffff1f}.hub-article-card:nth-child(2) footer a{color:#fff}.hub-article-card:nth-child(2) footer a b{color:var(--lime)}.hub-principles{background:#e7eddf;border-radius:32px;width:min(1180px,100% - 48px);margin:0 auto 130px;padding:68px}.hub-principles>div{border-top:1px solid #cad5ca;grid-template-columns:repeat(3,1fr);margin-top:47px;display:grid}.hub-principles>div p{color:#69766f;margin:0;padding:25px 30px 0 0;font-size:12px;line-height:1.65}.hub-principles>div p+p{border-left:1px solid #cad5ca;padding-left:30px}.hub-principles>div span{color:var(--green);font:10px var(--font-geist-mono);margin-bottom:20px;display:block}.hub-principles>div strong{color:var(--ink);margin-bottom:8px;font-size:16px;display:block}.article-page{background:linear-gradient(#eef2e9 0,#f4f6f1 520px)}.article-hero{width:min(1040px,100% - 48px);margin:0 auto;padding:70px 0 82px}.breadcrumbs{align-items:center;gap:10px;margin-bottom:62px;display:flex}.breadcrumbs a,.breadcrumbs b,.breadcrumbs span{color:#77837c;font-size:10px;font-weight:570;text-decoration:none}.breadcrumbs b{color:var(--green)}.article-category{color:var(--green);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:13px;font-size:11px;font-weight:760;display:flex}.article-category span{color:#7e8a83;font:9px var(--font-geist-mono);border-left:1px solid #bdc9bf;padding-left:13px}.article-hero h1{letter-spacing:-.07em;max-width:970px;margin:22px 0 25px;font-size:clamp(52px,7.2vw,88px);font-weight:630;line-height:.96}.article-dek{color:#5f6d65;max-width:790px;margin:0;font:21px/1.58 Georgia,serif}.article-byline{align-items:center;gap:13px;margin-top:42px;display:flex}.article-avatar{background:var(--ink);width:39px;height:39px;color:var(--lime);border-radius:12px;place-items:center;font:italic 17px Georgia,serif;display:grid}.article-byline>div{flex-direction:column;gap:4px;display:flex}.article-byline strong{font-size:11px}.article-byline small{color:#849088;font-size:9px}.article-layout{grid-template-columns:205px minmax(0,760px);align-items:start;gap:80px;width:min(1080px,100% - 48px);margin:0 auto 130px;display:grid}.article-sidebar{border-top:1px solid #d5ddd5;flex-direction:column;gap:15px;padding:20px 0;display:flex;position:sticky;top:100px}.article-sidebar>span{color:#8b958f;letter-spacing:.09em;text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:750}.article-sidebar>a{color:#65716b;font-size:10px;text-decoration:none}.article-sidebar>a:hover{color:var(--green)}.article-sidebar>a:last-child{background:var(--ink);color:#fff;border-radius:10px;justify-content:space-between;margin-top:11px;padding:11px 12px;font-weight:700;display:flex}.article-sidebar>a:last-child b{color:var(--lime)}.article-content{min-width:0}.article-content>section{border-top:1px solid #d9e0d9;padding:54px 0;scroll-margin-top:105px}.article-content>section:first-of-type{border-top:0}.article-content h2{letter-spacing:-.05em;margin:0 0 22px;font-size:clamp(31px,4vw,43px);font-weight:640;line-height:1.08}.article-content h3{letter-spacing:-.035em;margin:30px 0 12px;font-size:22px}.article-content p{color:#4f5d55;font-size:15px;line-height:1.86}.article-content a{color:var(--green);text-underline-offset:3px}.direct-answer{background:var(--ink);color:#fff;border-radius:21px;margin-bottom:15px;padding:29px 31px;position:relative;overflow:hidden;box-shadow:0 20px 48px #0e241b21}.direct-answer:after{content:"U";color:#dff66f0f;font:italic 160px Georgia,serif;position:absolute;bottom:-65px;right:-13px}.direct-answer span{color:var(--lime);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:780}.direct-answer p{z-index:1;color:#e4ebe7;margin:11px 0 0;font:18px/1.67 Georgia,serif;position:relative}.stat-grid{background:#fbfcf9;border:1px solid #d7dfd7;border-radius:18px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.stat-grid>div{flex-direction:column;min-height:135px;padding:18px;display:flex}.stat-grid>div+div{border-left:1px solid #dfe5df}.stat-grid span{color:#86918b;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.stat-grid strong{color:var(--green);letter-spacing:-.06em;margin:auto 0 2px;font-size:31px}.stat-grid small{color:#6f7b74;font-size:9px;line-height:1.45}.editorial-note{border-left:4px solid var(--lime);background:#e8eee2;border-radius:0 15px 15px 0;margin-top:28px;padding:22px 24px}.editorial-note strong{color:var(--green);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.editorial-note p{margin:7px 0 0;font-size:13px;line-height:1.7}.source-line{color:#7f8a84!important;font-size:10px!important}.pros-cons{grid-template-columns:1fr 1fr;gap:12px;margin-top:25px;display:grid}.pros-cons>div{background:#fbfcfa;border:1px solid #dce3dc;border-radius:17px;padding:21px}.pros-cons .pros{background:#eef5e9}.pros-cons h4{margin:0 0 15px;font-size:13px}.pros-cons h4 span{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:23px;height:23px;margin-right:7px;display:inline-grid}.pros-cons .cons h4 span{color:#617068;background:#e7eae7}.pros-cons ul{margin:0;padding:0;list-style:none}.pros-cons li{color:#5e6b64;padding:7px 0 7px 17px;font-size:11px;line-height:1.55;position:relative}.pros-cons li:before{content:"•";color:var(--green);position:absolute;left:2px}.pros-cons .cons li:before{color:#89938e}.featured-alternative{background:#dff66f;border-radius:24px;margin:35px 0;border:0!important;padding:42px!important}.featured-alternative>span{color:#50612d;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.featured-alternative h2{margin-top:12px}.featured-alternative p{color:#3f4d42}.article-cta{background:var(--ink);border-radius:11px;gap:35px;margin-top:14px;padding:13px 16px;font-size:11px;font-weight:730;text-decoration:none;display:inline-flex;color:#fff!important}.article-cta span{color:var(--lime)}.table-scroll{border:1px solid #d6ded7;border-radius:18px;width:100%;margin-top:28px;overflow-x:auto}table{border-collapse:collapse;background:#fbfcfa;width:100%;min-width:720px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e7e2;padding:15px 14px}th{color:#506057;text-transform:uppercase;letter-spacing:.07em;background:#e7ede3;font-size:9px}td{color:#647169;font-size:10px;line-height:1.5}td:first-child{color:var(--green);font:10px var(--font-geist-mono)}td:nth-child(2){color:var(--ink);font-weight:700}tbody tr:last-child td{border-bottom:0}.product-review{padding:62px 0!important}.product-review-heading{align-items:flex-start;gap:20px;display:flex}.product-review-heading>span{background:var(--ink);width:43px;height:43px;color:var(--lime);font:10px var(--font-geist-mono);border-radius:13px;flex:0 0 43px;place-items:center;display:grid}.product-review-heading p{color:var(--green);text-transform:uppercase;letter-spacing:.08em;margin:0 0 5px;font-size:9px;font-weight:750}.product-review-heading h2{margin:0}.product-review-heading h2 a{color:var(--ink);text-decoration:none}.product-review-heading h2 a:after{content:" ↗";color:var(--green);vertical-align:top;font-size:.45em}.product-snapshot{background:#e8eee3;border-radius:10px;padding:11px 14px;color:#506057!important;font:10px/1.5 var(--font-geist-mono)!important;margin:23px 0 19px!important}.decision-grid{grid-template-columns:1fr 1fr;gap:12px;margin:28px 0;display:grid}.decision-grid>div{background:#fbfcfa;border:1px solid #d9e0d9;border-radius:16px;padding:20px}.decision-grid span{color:var(--green);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.decision-grid strong{margin:9px 0 5px;font-size:16px;display:block}.decision-grid p{margin:0;font-size:11px;line-height:1.55}.test-steps{margin:0;padding:0;list-style:none}.test-steps li{border-bottom:1px solid #dce2dc;grid-template-columns:45px 1fr;gap:15px;padding:19px 0;display:grid}.test-steps li>span{color:var(--green);font:10px var(--font-geist-mono)}.test-steps strong{font-size:14px}.test-steps p{margin:5px 0 0;font-size:12px;line-height:1.6}.article-faq h2{margin-bottom:33px}.article-faq details{border-top:1px solid #d6ded7}.article-faq details:last-child{border-bottom:1px solid #d6ded7}.article-faq summary{cursor:pointer;justify-content:space-between;gap:30px;padding:22px 0;font-size:14px;font-weight:650;list-style:none;display:flex}.article-faq summary::-webkit-details-marker{display:none}.article-faq summary span{color:var(--green);font-size:20px;font-weight:400}.article-faq details[open] summary span{transform:rotate(45deg)}.article-faq details>p{max-width:660px;margin:-5px 0 23px;font-size:13px;line-height:1.72}.article-ending{background:var(--green);color:#fff;border-radius:24px;margin-top:40px;border:0!important;padding:42px!important}.article-ending>span{color:var(--lime);text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:780}.article-ending h2{color:#fff;margin:12px 0 10px}.article-ending p{color:#d6e4dc}.article-ending a{color:var(--ink);background:#fff;border-radius:10px;gap:40px;margin-top:10px;padding:12px 14px;font-size:10px;font-weight:740;text-decoration:none;display:inline-flex}.article-ending a b{color:var(--green)}@media (max-width:900px){.hub-hero{grid-template-columns:1fr;gap:35px}.hub-categories,.hub-article-grid{grid-template-columns:1fr}.hub-category+.hub-category{border-top:1px solid #dfe5df;border-left:0}.hub-feed>header{grid-template-columns:1fr;gap:20px}.hub-article-card{min-height:390px}.hub-article-card h3{margin-top:100px}.hub-principles>div{grid-template-columns:1fr}.hub-principles>div p+p{border-left:0;padding-left:0}.article-layout{grid-template-columns:1fr;gap:0}.article-sidebar{display:none}}@media (max-width:620px){.hub-hero,.hub-categories,.hub-feed,.hub-principles,.article-hero,.article-layout{width:calc(100% - 28px)}.hub-hero{padding:68px 0 48px}.hub-hero h1{font-size:56px}.hub-categories{margin-bottom:80px}.hub-feed,.hub-principles,.article-layout{margin-bottom:85px}.hub-principles{padding:35px 23px}.hub-principles>div{margin-top:28px}.article-hero{padding:45px 0 58px}.breadcrumbs{margin-bottom:42px}.article-hero h1{font-size:46px}.article-dek{font-size:17px}.article-byline small{max-width:280px;line-height:1.45}.article-content>section{padding:42px 0}.direct-answer{padding:24px}.stat-grid,.pros-cons,.decision-grid{grid-template-columns:1fr}.stat-grid>div{min-height:105px}.stat-grid>div+div{border-top:1px solid #dfe5df;border-left:0}.featured-alternative,.article-ending{padding:28px!important}}
