/* Scoped homepage design. Existing article layouts retain their own styles. */
body:has(.h-home){background:#fbf8f4}.h-home{--h-line:#d8cbbc;--h-muted:#6e5d50;color:#302116;font:16px/1.65 var(--sans);overflow:clip}.h-home *{box-sizing:border-box}.h-wrap{max-width:1216px;padding-left:32px;padding-right:32px;margin:auto}.h-home h1,.h-home h2,.h-home h3,.h-home h4{color:#3b2416;letter-spacing:-.035em;margin:0;font-family:var(--slab)}.h-home h1{font-size:clamp(42px,4.7vw,64px);line-height:1.08;font-weight:700}.h-home h1 em{color:#a14811;font-style:normal}.h-home h2{font-size:clamp(30px,3vw,42px);line-height:1.15}.h-home h3{font-size:23px;line-height:1.25}.h-home h4{font-size:21px}.h-home p{margin:0 0 18px}.h-home a{color:#78390f;text-underline-offset:4px}.h-home a:hover{color:#452414}.h-home a:focus-visible,.h-home button:focus-visible,.h-home input:focus-visible,.h-home summary:focus-visible,.h-table-scroll:focus-visible{outline:3px solid #a64a0c;outline-offset:5px}.h-home button,.h-home input{font:inherit}.h-home button{cursor:pointer}.h-home [hidden]{display:none!important}.h-eyebrow{font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.13em;line-height:1.5;color:#805339;margin-bottom:14px!important}.h-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:40px;padding-top:66px;padding-bottom:48px;align-items:center}.h-lead{font-size:21px;line-height:1.5;margin-top:24px!important;max-width:560px}.h-intro{color:var(--h-muted);max-width:520px}.h-actions{display:flex;gap:25px;align-items:center;margin:28px 0}.h-btn{display:inline-flex;gap:25px;align-items:center;justify-content:space-between;min-height:50px;padding:13px 20px;background:#3b2416;color:#fff9f0!important;text-decoration:none;font-size:14px;font-weight:700;border:1px solid #3b2416;border-radius:3px}.h-btn:hover{background:#613c23}.h-btn span,.h-text-link span{font-size:20px;font-weight:400;line-height:1}.h-text-link{display:inline-flex;gap:20px;align-items:center;text-decoration:none;font-weight:700;font-size:14px;border-bottom:1px solid #be9e80;padding:5px 0}.h-by{font-size:12px;color:var(--h-muted);line-height:1.9}.h-hero-art{margin:0;background:#f4e9dc;border:1px solid #e1d2bf;transform:rotate(1deg);padding:12px 12px 0}.h-hero-art img{display:block;object-fit:cover;aspect-ratio:1.13;width:100%;height:auto}.h-hero-art figcaption{padding:17px 7px 20px;font-size:13px;font-family:var(--slab);display:grid;gap:4px}.h-hero-art figcaption span{font:12px var(--sans);letter-spacing:.12em;color:#75583f}.h-proof{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:22px;padding-bottom:22px;border-top:1px solid var(--h-line);border-bottom:1px solid var(--h-line);font-size:13px;font-weight:650}.h-proof>span{display:flex;gap:10px;align-items:center}.h-icon{width:23px;height:23px;flex:none;vertical-align:middle;color:currentColor}.h-jumps{display:flex;align-items:center;gap:25px;padding-top:21px;padding-bottom:21px;flex-wrap:wrap;font-size:13px}.h-jumps b{font-size:12px;letter-spacing:.12em;color:#795c45}.h-jumps a{color:#5f4836;text-decoration:none}.h-section{padding-top:64px;padding-bottom:64px;scroll-margin-top:20px}.h-section-head{display:flex;gap:40px;align-items:end;justify-content:space-between;margin-bottom:25px}.h-section-head>p{margin:0;color:var(--h-muted);font-size:14px}.h-section-head .h-text-link{flex:none}.h-section-intro{max-width:860px;color:var(--h-muted)}.h-compare-note{display:flex;gap:12px;align-items:flex-start;font-size:14px;background:#f4eadc;padding:16px 20px;margin:25px 0 20px;border-left:3px solid #b86a25}.h-compare-note .h-icon{width:19px;height:19px;margin-top:2px}.h-table-scroll{overflow-x:auto;border:1px solid var(--h-line);border-radius:4px;background:#fffdf9}.h-compare{border-collapse:collapse;width:100%;table-layout:fixed;font-size:14px}.h-compare caption{text-align:left;caption-side:bottom;padding:14px 20px;font-size:12px;color:var(--h-muted)}.h-compare th,.h-compare td{padding:16px 22px;border-bottom:1px solid #e7ddd0;text-align:left;vertical-align:top}.h-compare th{font-weight:600}.h-compare thead th{background:#3b2416;color:#fff8ed;padding-top:24px;padding-bottom:22px}.h-compare thead th:first-child{width:28%;font-size:13px;font-weight:400;color:#e1c8ae;vertical-align:middle}.h-op{font-size:26px;font-family:var(--slab);display:block;margin-bottom:8px;letter-spacing:-.03em}.h-status{color:#d1ead9;font-size:12px;display:inline-block;border:1px solid #78977e;border-radius:2px;padding:3px 7px;font-weight:400}.h-compare tbody th{font-size:13px;color:#735b48;background:#f8f2e9}.h-compare small{display:block;color:var(--h-muted);font-size:12px;line-height:1.5;margin-top:5px}.h-grade{display:inline-grid;place-items:center;border:1px solid #b5a18b;width:32px;height:32px;font-family:var(--slab);font-size:23px;margin-right:9px}.h-pending{font-size:12px;color:#76550c;background:#faf0d4;padding:4px 8px;border-radius:2px}.h-file-link{font-weight:700;display:flex;gap:15px;align-items:center;text-decoration:none}.h-small{font-size:12px;color:var(--h-muted);margin-top:15px!important;line-height:1.7}.h-context{border-top:1px solid var(--h-line);margin-top:26px}.h-context summary{font-size:14px;font-weight:650;cursor:pointer;padding:16px 0}.h-context p{font-size:14px;max-width:900px}.h-explore{background:#f0e7db;border-block:1px solid #e1d4c2}.h-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #cdbcaa;border-left:1px solid #cdbcaa;margin-top:35px}.h-category{padding:29px;border-right:1px solid #cdbcaa;border-bottom:1px solid #cdbcaa;background:#fbf7f0;display:flex;flex-direction:column}.h-category-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.h-category-top>.h-icon{width:32px;height:32px}.h-category-top span{font-size:12px;color:#9b8068}.h-category h3{margin-bottom:14px}.h-category h3 a{text-decoration:none;color:#3b2416}.h-category p{font-size:14px;color:var(--h-muted);margin-bottom:23px}.h-category .h-text-link{align-self:start;margin-top:auto;font-size:13px}.h-money{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center}.h-money-art img{display:block;width:100%;border:1px solid #e2d5c4;aspect-ratio:1.3;object-fit:cover}.h-money-art .h-eyebrow{text-align:center;margin:17px 0 0!important;font-size:12px}.h-money h2{margin-bottom:22px}.h-money p{font-size:14px}.h-wallet-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:25px 0 0}.h-wallet-tabs button,.h-filter-row button{background:transparent;border:1px solid #cfbfae;padding:9px 13px;border-radius:3px;font-size:13px;color:#664832}.h-wallet-tabs button[aria-pressed=true],.h-filter-row button[aria-pressed=true]{background:#3b2416;color:#fff6e9;border-color:#3b2416}.h-wallet-answer{background:#f0e6d7;padding:20px;margin:12px 0 16px;min-height:180px;border-left:3px solid #ef8b28}.h-wallet-answer h3{font-family:var(--sans);font-size:15px;letter-spacing:0;margin-bottom:10px}.h-wallet-answer p{font-size:14px;margin-bottom:0}.h-problem-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:1px solid var(--h-line);padding-top:32px;gap:35px}.h-number{display:block;font-family:var(--slab);font-size:28px;color:#a6541e;margin-bottom:17px}.h-problem-grid h3{font-size:21px;margin-bottom:14px}.h-problem-grid p{font-size:14px;color:var(--h-muted)}.h-problem-grid a{display:inline-flex;gap:20px;font-size:13px;font-weight:700;text-decoration:none}.h-reading{background:#f4ede3;border-block:1px solid #e2d6c7}.h-find{margin:30px 0 24px;display:grid;grid-template-columns:140px 1fr;align-items:center;gap:14px}.h-find label{font-size:14px;font-weight:700}.h-find input{padding:14px 17px;border:1px solid #c5af98;background:#fffdf8;color:#3b2416;border-radius:3px;min-width:0;width:100%;font-size:14px}.h-filter-row{grid-column:2;display:flex;gap:7px;flex-wrap:wrap}.h-find .h-small{grid-column:2;margin:0!important}.h-article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.h-article{background:#fffcf7;border:1px solid #ded0be;display:flex;flex-direction:column}.h-article>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid #eadccc}.h-article>div{padding:24px;display:flex;flex:1;flex-direction:column}.h-article .h-eyebrow{font-size:12px}.h-article h3{font-size:23px;margin-bottom:15px}.h-article h3 a{color:#3b2416;text-decoration:none}.h-article p{font-size:14px;color:var(--h-muted)}.h-article .h-text-link{margin-top:auto;align-self:start;font-size:13px}.h-brand-guides{margin-top:45px;padding:30px 35px;border:1px solid #cfbca6;background:#fbf6ee}.h-brand-guides>p{font-size:14px;max-width:770px;margin-top:12px}.h-brand-guides>div{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:25px}.h-brand-guides h4{margin-bottom:10px}.h-brand-guides section>a{display:block;font-size:14px;padding:7px 0}.h-brand-guides section p{font-size:13px;color:var(--h-muted);margin-top:15px}.h-checklist{display:grid;grid-template-columns:1fr 1fr;gap:40px 60px;margin-top:40px}.h-checklist article{border-top:1px solid var(--h-line);padding-top:23px}.h-checklist article>span{font-size:12px;letter-spacing:.1em;color:#8a562e;font-weight:750;display:block;margin-bottom:13px}.h-checklist h3{font-size:26px;margin-bottom:17px}.h-checklist p{font-size:14px;color:#6d5747}.h-method{background:#3b2416;color:#f7e7d2}.h-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.h-method h2,.h-method h3{color:#fff4e3}.h-method .h-eyebrow{color:#f3ad6c}.h-method h2{margin-bottom:20px}.h-method p{color:#e0c6ab;font-size:14px}.h-btn-light{background:#f5e7d3;color:#3b2416!important;border-color:#f5e7d3;margin-top:12px}.h-btn-light:hover{background:#ffddae}.h-method article{border-bottom:1px solid #73523b;margin-bottom:22px;padding-bottom:5px}.h-method h3{font-family:var(--sans);font-size:16px;letter-spacing:0;margin-bottom:11px;display:flex;align-items:center;gap:12px}.h-faq{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.h-faq>div>p{font-size:14px;color:var(--h-muted);margin-top:22px}.h-faq details{border-bottom:1px solid var(--h-line)}.h-faq summary{font-size:14px;font-weight:650;cursor:pointer;padding:20px 25px 20px 0;line-height:1.5}.h-faq details p{font-size:14px;color:var(--h-muted);margin-bottom:23px}.h-safety{background:#eee2d2;border-left:4px solid #e98a2c;display:flex;gap:30px;align-items:center;justify-content:space-between;padding-top:28px;padding-bottom:28px;margin-bottom:40px;max-width:1152px}.h-safety>div{display:flex;gap:20px;align-items:flex-start}.h-safety .h-icon{width:37px;height:37px}.h-safety h2{font-size:27px;margin-bottom:10px}.h-safety p{font-size:14px;max-width:650px;margin:0}.h-safety>a{flex:none}.h-sources{padding-top:15px;padding-bottom:55px;color:var(--h-muted);font-size:13px}.h-sources h2{font:700 14px var(--sans);letter-spacing:0;margin-bottom:14px}.h-sources ul{padding-left:18px;line-height:2}.h-sources p{max-width:960px}.h-home button:hover{border-color:#633d20}.h-home details[open] summary{color:#93430f}
@media(min-width:900px){body:has(.h-home) .okd-top>.okd-top__row{max-width:1216px;padding:23px 32px 14px}body:has(.h-home) .okd-brand__tag{font-size:12px;max-width:170px;line-height:1.5}body:has(.h-home) .okd-nav{max-width:1216px;padding-left:24px;padding-bottom:14px;gap:7px}body:has(.h-home) .okd-nav a{font-size:14px;padding:6px 10px}body:has(.h-home) .okd-top{border-bottom:3px solid #f08a24}body:has(.h-home) .okd-age{font-size:12px}}
@media(max-width:900px){.h-hero{gap:25px;padding-top:40px}.h-home h1{font-size:43px}.h-lead{font-size:18px}.h-proof{grid-template-columns:1fr 1fr}.h-category{padding:24px}.h-money{gap:30px}.h-article-grid{gap:15px}.h-article>div{padding:19px}.h-method-grid,.h-faq{gap:40px}.h-safety{margin-left:24px;margin-right:24px}.h-safety>a{font-size:13px}.h-safety h2{font-size:24px}.h-section-head{align-items:start}.h-actions{gap:16px}}
@media(max-width:760px){.h-wrap{padding-left:22px;padding-right:22px}.h-home h1{font-size:41px}.h-hero{grid-template-columns:1fr;gap:25px;padding-top:32px;padding-bottom:28px}.h-hero-art{transform:none}.h-hero-art img{aspect-ratio:16/10}.h-hero-art figcaption{font-size:13px;padding:12px 5px}.h-lead{font-size:18px;margin-top:20px!important}.h-intro{font-size:14px}.h-by{font-size:12px;margin-bottom:0!important}.h-actions{margin:23px 0}.h-btn{font-size:13px;padding:12px 14px;gap:15px}.h-text-link{font-size:13px;gap:12px}.h-proof{padding-top:18px;padding-bottom:18px;gap:16px;font-size:12px}.h-proof .h-icon{width:19px;height:19px}.h-jumps{gap:14px;font-size:12px;line-height:1.3;padding-top:20px;padding-bottom:0}.h-jumps b{width:100%}.h-section{padding-top:44px;padding-bottom:44px}.h-home h2{font-size:32px}.h-section-head{display:block;margin-bottom:20px}.h-section-head>a{margin-top:20px}.h-section-intro{font-size:14px}.h-compare-note{font-size:13px;padding:14px}.h-compare{min-width:570px;font-size:13px}.h-compare th,.h-compare td{padding:12px}.h-compare thead th:first-child{width:24%}.h-op{font-size:23px}.h-status{font-size:12px}.h-compare tbody th{font-size:12px}.h-compare caption{font-size:12px}.h-context summary{font-size:14px}.h-category-grid{grid-template-columns:1fr 1fr;margin-top:26px}.h-category{padding:20px 16px}.h-category h3{font-size:21px}.h-category p{font-size:13px}.h-category .h-text-link{font-size:12px;gap:10px}.h-category-top{margin-bottom:20px}.h-category-top>.h-icon{width:27px;height:27px}.h-money{grid-template-columns:1fr;gap:30px}.h-money-art img{aspect-ratio:16/9}.h-money-art .h-eyebrow{font-size:12px}.h-wallet-tabs{margin-top:20px}.h-wallet-answer{min-height:175px}.h-problem-grid{grid-template-columns:1fr;gap:26px;margin-top:35px}.h-problem-grid article{border-bottom:1px solid #e7dac9;padding-bottom:22px}.h-number{font-size:23px;margin-bottom:9px}.h-find{grid-template-columns:1fr;gap:10px}.h-filter-row,.h-find .h-small{grid-column:1}.h-filter-row{margin-top:5px}.h-filter-row button{font-size:12px;padding:8px 11px}.h-article-grid{grid-template-columns:1fr 1fr;gap:14px}.h-article>div{padding:16px}.h-article h3{font-size:21px}.h-article p{font-size:13px}.h-article .h-text-link{font-size:12px}.h-article .h-eyebrow{font-size:12px}.h-brand-guides{padding:24px 20px;margin-top:30px}.h-brand-guides>div{grid-template-columns:1fr;gap:28px}.h-checklist{grid-template-columns:1fr;gap:20px;margin-top:28px}.h-checklist h3{font-size:25px}.h-method-grid,.h-faq{grid-template-columns:1fr;gap:30px}.h-safety{margin:0 22px 25px;padding:25px 20px;display:block}.h-safety>div{gap:12px}.h-safety .h-icon{width:27px;height:27px}.h-safety h2{font-size:24px}.h-safety .h-btn{margin:20px 0 0 39px}.h-sources{padding-bottom:35px}.h-home .h-small{font-size:12px}}
@media(prefers-reduced-motion:no-preference){html:has(.h-home){scroll-behavior:smooth}.h-home a,.h-home button{transition:background-color .15s,color .15s}}

/* Brand marks keep operator names easy to recognise in comparisons. */
.h-home .h-brand-logo{display:block;object-fit:contain;flex:none;border-radius:8px;background:#fff;box-shadow:0 0 0 1px #3b241620}
.h-home .h-op{display:flex;gap:13px;align-items:center;line-height:1.2}
.h-op>.h-brand-logo{width:48px;height:48px}
.h-home .h-brand-heading{display:flex;align-items:center;gap:12px}
.h-brand-heading>.h-brand-logo{width:36px;height:36px}
.h-home .h-mentioned-brands{list-style:none;padding:5px 0 22px;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.h-mentioned-brands>li{display:flex;align-items:center;gap:11px;padding:12px;background:#f2e9dc;border:1px solid #e0d1bd;font-size:14px}
.h-mentioned-brands .h-brand-logo{width:32px;height:32px;border-radius:5px}
.h-home .h-small,.h-home .h-by,.h-home .h-sources{line-height:1.8}
@media(max-width:760px){.h-home .h-compare{min-width:590px}.h-op>.h-brand-logo{width:40px;height:40px}.h-home .h-op{gap:9px;font-size:23px}.h-home .h-mentioned-brands{grid-template-columns:repeat(2,minmax(0,1fr))}.h-home .h-jumps{gap:13px;font-size:13px}.h-home .h-compare tbody th{font-size:12px}.h-home .h-status{font-size:12px}.h-home .h-compare caption{font-size:12px}.h-home .h-find input{font-size:16px}.h-home .h-category .h-text-link{font-size:12px}.h-home .h-article .h-text-link{font-size:12px}}
