.hub-page{background:#f4f6f1;min-height:100vh}.site-header nav a.is-active{color:var(--green);font-weight:700}.hub-hero{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:end;gap:88px;width:min(1120px,100% - 48px);margin:0 auto;padding:82px 0 64px;display:grid}.hub-hero h1{letter-spacing:-.068em;max-width:760px;margin:0;font-size:clamp(52px,6.4vw,78px);font-weight:630;line-height:.96}.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:15px;line-height:1.72}.hub-hero-copy span{color:#8a958f;font:9px var(--font-geist-mono);text-transform:uppercase;letter-spacing:.07em;margin-top:22px;display:block}.hub-browser{width:min(1120px,100% - 48px);margin:0 auto 120px}.hub-browser-heading{border-top:1px solid #d6ded7;grid-template-columns:1fr 430px;align-items:end;gap:70px;margin-bottom:28px;padding-top:34px;display:grid}.hub-browser-heading h2,.hub-principles h2{letter-spacing:-.055em;margin:0;font-size:clamp(39px,4.8vw,58px);font-weight:630;line-height:1}.hub-browser-heading>p{color:#6b7771;margin:0 0 3px;font-size:12px;line-height:1.7}.hub-filters{background:#eaf0e7;border:1px solid #d8e0d8;border-radius:19px;grid-template-columns:.72fr repeat(3,1fr);gap:7px;margin-bottom:30px;padding:7px;display:grid}.hub-filters>a{color:#647169;text-align:left;background:0 0;border:1px solid #0000;border-radius:13px;min-height:92px;padding:16px 42px 16px 17px;text-decoration:none;transition:background .16s,border-color .16s,box-shadow .16s;position:relative}.hub-filters>a:hover{color:var(--ink);background:#ffffffad}.hub-filters>a:focus-visible{outline:2px solid var(--green);outline-offset:2px}.hub-filters>a.is-active{color:var(--ink);background:#fff;border-color:#d2dcd3;box-shadow:0 8px 20px #1c372b12}.hub-filters>a span{color:inherit;letter-spacing:-.02em;font-size:13px;font-weight:740;display:block}.hub-filters>a small{color:#7b8780;margin-top:6px;font-size:9px;line-height:1.45;display:block}.hub-filters>a b{width:25px;height:25px;color:var(--green);font:9px var(--font-geist-mono);background:#14764c17;border-radius:50%;place-items:center;display:grid;position:absolute;top:13px;right:13px}.hub-filters>a.is-active b{background:var(--green);color:#fff}.hub-results-bar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.hub-results-bar strong{color:var(--ink);font-size:12px}.hub-results-bar span{color:#849088;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.hub-article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.hub-article-card{background:#fbfcf9;border:1px solid #d8dfd8;border-radius:19px;flex-direction:column;min-height:290px;padding:25px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;box-shadow:0 10px 28px #1934280b}.hub-article-card:hover{border-color:#b9c9bb;transform:translateY(-2px);box-shadow:0 17px 36px #19342813}.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 h3{z-index:1;letter-spacing:-.042em;max-width:470px;margin:52px 0 12px;font-size:24px;line-height:1.12;position:relative}.hub-article-card h3 a{color:inherit;text-decoration:none}.hub-article-card h3 a:after{content:"";position:absolute;inset:-8px 0}.hub-article-card>p{z-index:1;color:#6d7872;margin:0;font-size:12px;line-height:1.7;position:relative}.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-card-meta{flex-direction:column;align-items:flex-start;gap:5px;min-width:0;display:flex}.hub-article-card footer .hub-card-meta a{color:var(--green);text-underline-offset:3px;font-size:9px;font-weight:680;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.hub-article-card footer .hub-card-meta a:hover{text-decoration-color:currentColor}.hub-principles{background:#e7eddf;border-radius:27px;width:min(1120px,100% - 48px);margin:0 auto 130px;padding:58px}.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 strong a{color:inherit;text-underline-offset:3px}.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}.article-author{background:#e7eddf;border-radius:21px;grid-template-columns:58px minmax(0,1fr);gap:20px;margin-top:18px;display:grid;border:0!important;padding:32px!important}.article-author-avatar{background:var(--ink);width:58px;height:58px;color:var(--lime);border-radius:17px;place-items:center;font:italic 17px Georgia,serif;display:grid}.article-author .section-kicker{color:var(--green);letter-spacing:.1em;text-transform:uppercase;margin:1px 0 9px;font-size:9px;font-weight:780;line-height:1.2}.article-content .article-author h2{margin:0 0 10px;font-size:28px}.article-author p:not(.section-kicker){margin:0;font-size:13px;line-height:1.72}.article-author-links{align-items:center;gap:20px;margin-top:18px;display:flex}.article-author-links a{font-size:11px;font-weight:710}.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-browser-heading{grid-template-columns:1fr;gap:18px}.hub-filters{grid-template-columns:1fr 1fr}.hub-article-card{min-height:310px}.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-browser,.hub-principles,.article-hero,.article-layout{width:calc(100% - 28px)}.hub-hero{padding:68px 0 48px}.hub-hero h1{font-size:49px}.hub-browser,.hub-principles,.article-layout{margin-bottom:85px}.hub-browser-heading{padding-top:26px}.hub-filters,.hub-article-grid{grid-template-columns:1fr}.hub-filters>a{min-height:72px}.hub-article-card{min-height:280px;padding:21px}.hub-article-card h3{margin-top:42px;font-size:22px}.hub-article-card footer{flex-direction:column;align-items:flex-start}.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-author{grid-template-columns:1fr;padding:25px!important}.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}}