body{padding-bottom:44px;background-color:var(--paper);background-image:repeating-linear-gradient(135deg,rgba(0,111,104,.025) 0,rgba(0,111,104,.025) 1px,transparent 1px,transparent 13px)}
.shell{width:min(calc(100% - 32px),var(--container));margin-inline:auto}
.site-header{background:var(--paper);border-bottom:1px solid var(--rule)}
.header-inner{min-height:76px;display:flex;align-items:center;justify-content:center}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:1.15rem;letter-spacing:-.02em}
.brand-mark{width:40px;height:40px}
.page-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--rule);background:linear-gradient(90deg,rgba(0,77,73,.96),rgba(0,111,104,.9)),url("/images/data-band.svg") center/cover}
.page-hero::after{content:"";position:absolute;inset:auto 0 0;height:7px;background:repeating-linear-gradient(90deg,var(--orange) 0 36px,transparent 36px 48px);z-index:-1}
.page-hero .shell{padding-block:64px 72px;color:var(--white)}
.kicker{text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:.72rem}
.page-hero h1{max-width:900px;margin:.4rem 0 1rem;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.5rem,7vw,5.8rem);line-height:.94;letter-spacing:-.055em}
.page-hero p{max-width:68ch;margin:0;font-size:1.08rem;color:#e4f2ef}
.article{padding-block:64px}
.article-grid{display:grid;grid-template-columns:minmax(0,var(--reading)) minmax(240px,1fr);gap:64px;align-items:start}
.article h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.08;letter-spacing:-.035em;margin:48px 0 16px;padding-top:24px;border-top:1px solid var(--rule)}
.article h2:first-child{margin-top:0}
.article h3{font-size:1.05rem;line-height:1.3;margin:28px 0 8px}
.article p,.article li{color:#294f4c}
.article a,.footer a,.age-bar a{position:relative;text-decoration:none;font-weight:700}
.article a::after,.footer a::after,.age-bar a::after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;background:var(--orange);transition:right .2s ease}
.article a:hover::after,.footer a:hover::after,.age-bar a:hover::after{right:0}
.fact-panel{position:sticky;top:24px;background:var(--paper-2);border:1px solid var(--rule);padding:24px}
.fact-panel h2{margin:0 0 16px;padding:0;border:0;font-size:1.35rem}
.square-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.square-list li{position:relative;padding-left:22px}
.square-list li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;background:var(--orange)}
.image-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:40px 0}
.image-pair figure{margin:0}
.image-pair img{aspect-ratio:4/3;object-fit:cover;filter:sepia(.15) saturate(.78) hue-rotate(118deg);border:1px solid var(--teal);background:var(--paper-2)}
.image-pair figcaption{padding-top:8px;font-size:.75rem;color:var(--muted)}
.checklist{border:1px solid var(--rule);background:var(--white);padding:24px;margin:32px 0}
.checklist h3{margin-top:0}
.checklist ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.checklist li{padding:10px 0 10px 24px;border-bottom:1px solid #d8e5e2;position:relative}
.checklist li:last-child{border-bottom:0}
.checklist li::before{content:"";position:absolute;left:0;top:17px;width:10px;height:10px;border:2px solid var(--orange)}
.notice{padding:20px;border-left:4px solid var(--orange);background:#fff3ea;margin:28px 0;color:#294f4c}
.notice strong{color:var(--ink)}
.footer{border-top:1px solid var(--rule);background:var(--ink);color:#dceae7}
.footer-main{min-height:112px;padding-block:24px;display:flex;align-items:center;gap:24px;justify-content:space-between}
.footer-brand{display:flex;align-items:center;gap:10px;font-family:Georgia,"Times New Roman",serif;font-weight:700}
.footer-brand .brand-mark{width:34px;height:34px}
.footer-nav{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:.78rem}
.footer-note{max-width:340px;font-size:.72rem;color:#bad0cc}
.safety-deck{border-top:1px solid #4a6966;padding:20px 0;background:#0d302f}
.safety-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.safety-link{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:10px;padding:13px 14px;border:1px solid #55716e;text-decoration:none;background:#153b3a;font-size:.8rem;font-weight:800}
.safety-link img{width:72px;height:30px;object-fit:contain;background:#fff;padding:3px}
.safety-link span{display:block;color:#a9c8c3;font-weight:400;font-size:.68rem}
.age-bar{position:fixed;z-index:30;left:0;right:0;bottom:0;min-height:44px;background:var(--orange);color:#23170f;display:flex;align-items:center;justify-content:center;padding:8px 16px;text-align:center;font-size:.77rem;font-weight:700;border-top:1px solid #9b3c16}
@media (max-width:860px){.article-grid{grid-template-columns:1fr;gap:32px}.fact-panel{position:static}.footer-main{align-items:flex-start;flex-direction:column}.safety-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){body{padding-bottom:58px}.shell{width:min(calc(100% - 24px),var(--container))}.page-hero .shell{padding-block:48px 56px}.article{padding-block:40px}.image-pair,.safety-grid{grid-template-columns:1fr}.age-bar{min-height:58px}.header-inner{min-height:64px}.footer-nav{gap:8px 14px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.home-hero{border-bottom:1px solid var(--rule);position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(251,250,245,.97) 0 55%,rgba(238,247,245,.78)),url("/images/data-band.svg") center/cover}
.home-hero .shell{padding-block:72px 56px}
.home-hero h1{max-width:1050px;margin:10px 0 24px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.6rem,10vw,8.8rem);line-height:.82;letter-spacing:-.075em}
.home-hero h1 em{font-style:normal;color:var(--orange)}
.hero-copy{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;max-width:980px}
.hero-copy p{font-size:1.08rem;color:#294f4c}
.role-note{border-left:4px solid var(--orange);padding-left:18px;font-size:.9rem!important}
.trust-strip{border-bottom:1px solid var(--rule);background:var(--white)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-item{padding:22px 18px;border-right:1px solid var(--rule)}
.trust-item:last-child{border-right:0}
.trust-item strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.8rem;line-height:1;color:var(--teal);font-variant-numeric:tabular-nums}
.trust-item span{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}
.method-band{padding:64px 0;border-bottom:1px solid var(--rule)}
.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.section-head{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.2rem,5vw,4.3rem);line-height:.96;letter-spacing:-.05em}
.criteria{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--rule);background:var(--white)}
.criterion{padding:18px;border-bottom:1px solid var(--rule);border-right:1px solid var(--rule)}
.criterion:nth-child(2n){border-right:0}.criterion:nth-last-child(-n+2){border-bottom:0}
.criterion b{display:block;color:var(--teal);font-variant-numeric:tabular-nums}
.comparison{padding:72px 0;border-bottom:1px solid var(--rule);background:var(--paper-2)}
.comparison-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:end;margin-bottom:32px}
.comparison-intro p{color:#365b58}
.affiliate-note{padding:16px 18px;border:1px solid var(--orange);background:#fff7f0;font-size:.82rem}
.operator-table{display:grid;border-top:1px solid var(--rule);background:var(--white)}
.operator-row{display:grid;grid-template-columns:54px 160px minmax(230px,1fr) 118px 150px;align-items:center;border-bottom:1px solid var(--rule);min-height:112px;transform-style:preserve-3d;transition:transform .12s ease}
.operator-row.featured{grid-template-columns:72px 190px minmax(260px,1fr) 150px 170px;min-height:190px;border:1px solid var(--orange);margin:16px 0;background:#fffaf5}
.rank{padding:18px;font-family:Georgia,"Times New Roman",serif;font-size:2rem;color:var(--orange);font-variant-numeric:tabular-nums}
.operator-logo{padding:16px}.operator-logo img{width:126px;height:55px;object-fit:contain}
.operator-copy{padding:20px;border-left:1px solid var(--rule)}
.operator-copy h3{margin:0 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:1.45rem}
.operator-copy p{margin:0 0 12px;color:#365b58;font-size:.88rem}
.badges{display:flex;gap:6px;flex-wrap:wrap}
.badge{display:inline-flex;padding:4px 9px;border-radius:999px;background:var(--teal);color:#fff;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.badge.alt{background:var(--orange);color:#23170f}
.score{padding:20px;text-align:right;font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:1.7rem;color:var(--teal);font-variant-numeric:tabular-nums}
.score span{display:block;font-family:Inter,sans-serif;font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.action{padding:20px;border-left:1px solid var(--rule)}
.button{display:block;text-align:center;text-decoration:none;border:3px double var(--teal);padding:10px 12px;background:transparent;color:var(--teal-dark);font-weight:800;font-size:.78rem}
.button:hover{background:var(--teal);color:#fff}
.action small{display:block;margin-top:8px;color:var(--muted);font-size:.61rem}
.expanded-detail{grid-column:3/6;padding:0 20px 20px;border-left:1px solid var(--rule);display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.expanded-detail div{padding-top:12px;border-top:1px solid var(--rule);font-size:.75rem;color:#365b58}
.expanded-detail b{display:block;color:var(--ink)}
.scorecards{padding:64px 0;border-bottom:1px solid var(--rule)}
.scorecard-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--rule);background:var(--white)}
.mini-scorecard{padding:20px;border-right:1px solid var(--rule)}
.mini-scorecard:last-child{border-right:0}
.mini-scorecard h3{font-family:Georgia,"Times New Roman",serif;margin:0 0 14px}
.metric{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #dbe6e4;padding:8px 0;font-size:.7rem}
.metric b{font-variant-numeric:tabular-nums;color:var(--teal)}
.licence{padding:12px 0;margin-top:12px;border-top:1px solid var(--rule);font-size:.64rem;color:var(--muted)}
.licence a{font-weight:800}
.licensing-sidebar{padding:64px 0;border-bottom:1px solid var(--rule)}
.licensing-grid{display:grid;grid-template-columns:1fr 2fr;gap:48px}
.licence-callout{border-left:8px solid var(--orange);padding:24px;background:#fff3ea}
.licence-callout strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:2rem}
.faq{padding:64px 0}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.faq-group{border-top:4px solid var(--teal);padding-top:18px}
.faq-group h2{font-family:Georgia,"Times New Roman",serif;font-size:2rem}
.faq-item{padding:20px 0;border-bottom:1px solid var(--rule)}
.faq-item h3{margin:0 0 8px;font-size:1rem}.faq-item p{margin:0;color:#365b58;font-size:.9rem}
.cookie{position:fixed;z-index:40;right:18px;bottom:60px;width:min(380px,calc(100% - 36px));padding:18px;border:1px solid var(--teal);background:var(--white);box-shadow:8px 8px 0 rgba(0,77,73,.14)}
.cookie p{margin:0 0 12px;font-size:.78rem}
.cookie-actions{display:flex;gap:8px}.cookie button{border:3px double var(--teal);background:transparent;padding:8px 12px;font-weight:800;cursor:pointer}.cookie button:first-child{background:var(--teal);color:#fff}
@media (max-width:980px){.operator-row,.operator-row.featured{grid-template-columns:50px 135px 1fr 100px}.action{grid-column:3/5;border-left:1px solid var(--rule);border-top:1px solid var(--rule);display:flex;align-items:center;gap:12px}.action .button{min-width:170px}.expanded-detail{grid-column:3/5}.scorecard-grid{grid-template-columns:1fr 1fr}.mini-scorecard{border-bottom:1px solid var(--rule)}}
@media (max-width:760px){.hero-copy,.method-grid,.comparison-intro,.licensing-grid,.faq-grid{grid-template-columns:1fr}.home-hero .shell{padding-block:52px 40px}.trust-grid{grid-template-columns:1fr 1fr}.trust-item:nth-child(2){border-right:0}.operator-row,.operator-row.featured{grid-template-columns:44px 110px 1fr;min-height:auto}.operator-copy{grid-column:1/4;border-left:0;border-top:1px solid var(--rule)}.score{grid-column:3;text-align:right}.action{grid-column:1/4;border-left:0}.expanded-detail{grid-column:1/4;border-left:0;grid-template-columns:1fr}.scorecard-grid{grid-template-columns:1fr}.mini-scorecard{border-right:0}.criteria{grid-template-columns:1fr}.criterion,.criterion:nth-child(2n){border-right:0;border-bottom:1px solid var(--rule)}.criterion:last-child{border-bottom:0}}