:root{--guide-ink:#002229;--guide-cyan:#04c8f3;--guide-cyan-dark:#067f9a;--guide-mist:#f4f9fa;--guide-line:#d8e7e9;--guide-muted:#51666a}
.guide-hero{position:relative;overflow:hidden;padding:clamp(4rem,7vw,6.8rem) 0 3.4rem;background:radial-gradient(42rem 31rem at 88% -4%,rgba(4,200,243,.2),transparent 68%),#fff}
.guide-hero:after{content:"2026";position:absolute;right:-.03em;top:.05em;color:rgba(4,200,243,.045);font:800 min(25vw,310px)/1 Manrope;pointer-events:none}.guide-hero .wrap{position:relative;z-index:1}.guide-hero h1{max-width:980px;margin:.7rem 0 1.1rem;font-size:clamp(2.15rem,5.2vw,4.6rem);line-height:1.03;letter-spacing:-.045em}.guide-intro{max-width:820px;color:#354b50;font-size:clamp(1.02rem,1.8vw,1.22rem);line-height:1.65}.guide-disclosure{max-width:850px;margin:1.2rem 0 0;padding:.8rem 1rem;border-left:3px solid var(--guide-cyan);background:#e9f9fc;color:#29474d;font-size:.83rem}.byline{display:flex;align-items:center;gap:.85rem;margin-top:1.5rem}.byline img{width:58px;height:58px;border:2px solid #fff;border-radius:50%;object-fit:cover;object-position:center 20%;box-shadow:0 5px 18px rgba(0,34,41,.16)}.byline strong,.byline time{display:block}.byline a{color:var(--guide-ink);text-decoration:none}.byline small{display:block;margin-top:.1rem;color:var(--guide-muted)}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:clamp(2rem,5vw,5.5rem);align-items:start}.article-main{min-width:0}.article-main>section{padding:clamp(3rem,6vw,5.5rem) 0;border-bottom:1px solid var(--guide-line)}.article-main h2{max-width:900px;margin:0 0 1.25rem;font-size:clamp(1.75rem,3.2vw,2.75rem);line-height:1.12;letter-spacing:-.025em}.article-main h3{margin:2.6rem 0 .8rem;font-size:clamp(1.3rem,2.3vw,1.85rem);line-height:1.25}.article-main p,.article-main li{color:#354b50;line-height:1.75}.article-main a{color:#056f87}.article-aside{position:sticky;top:100px;margin-top:3rem;padding:1.2rem;border:1px solid var(--guide-line);border-radius:16px;background:#fff;box-shadow:0 16px 38px rgba(0,34,41,.07)}.article-aside b{display:block;margin-bottom:.7rem;font:800 .77rem Manrope;letter-spacing:.08em;text-transform:uppercase}.article-aside a{display:block;padding:.4rem 0;color:#38545a;font-size:.79rem;text-decoration:none}.article-aside a:hover{color:var(--guide-cyan-dark)}
.takeaways{display:grid;gap:12px;margin:1.6rem 0 0;padding:0;list-style:none}.takeaways li{padding:1.1rem 1.2rem 1.1rem 3.1rem;border:1px solid var(--guide-line);border-radius:14px;background:#fff;position:relative}.takeaways li:before{content:"✓";position:absolute;left:1.1rem;top:1.1rem;display:grid;width:25px;height:25px;border-radius:50%;place-items:center;background:var(--guide-cyan);color:var(--guide-ink);font-weight:900}.takeaways strong{color:var(--guide-ink)}
.inline-cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.72fr);overflow:hidden;margin:2.4rem 0;border:1px solid var(--guide-line);border-radius:20px;background:#00313b;color:#fff}.inline-cta__copy{padding:clamp(1.5rem,4vw,3rem)}.inline-cta__copy h2,.inline-cta__copy h3{margin:0 0 .7rem;color:#fff}.inline-cta__copy p{color:#d2e5e8}.inline-cta img{width:100%;height:100%;min-height:270px;object-fit:cover;object-position:top center}.guide-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:.8rem;padding:.72rem 1.05rem;border-radius:10px;background:var(--guide-cyan);color:var(--guide-ink)!important;font:800 .86rem Manrope;text-decoration:none!important}.guide-button:hover{background:#3bd5f6}.guide-button.secondary{border:1px solid #9edbe7;background:#fff}
.criteria-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:1.6rem 0}.criterion{padding:1.2rem;border:1px solid var(--guide-line);border-radius:14px;background:var(--guide-mist)}.criterion b{display:block;color:var(--guide-ink);font-family:Manrope}.criterion span{display:block;margin-top:.35rem;color:var(--guide-muted);font-size:.84rem;line-height:1.6}.method-note{padding:1rem 1.15rem;border-radius:12px;background:#fff8e7;color:#5c4a1d;font-size:.85rem}
.ranking-intro{max-width:850px}.product-entry{scroll-margin-top:100px}.product-entry__meta{display:flex;flex-wrap:wrap;gap:.45rem;margin:.75rem 0 1.2rem}.product-entry__meta span{padding:.35rem .6rem;border:1px solid #c9e3e8;border-radius:999px;background:#f6fbfc;color:#365259;font-size:.72rem;font-weight:700}.best-for{margin-top:1.2rem;padding:1rem 1.15rem;border-left:3px solid var(--guide-cyan);background:var(--guide-mist)}.best-for strong{color:var(--guide-ink)}
.table-scroll{overflow-x:auto;margin:1.6rem 0;border:1px solid var(--guide-line);border-radius:16px}.comparison-table{width:100%;min-width:840px;border-collapse:collapse;background:#fff;font-size:.82rem}.comparison-table th,.comparison-table td{padding:.9rem .85rem;border-bottom:1px solid var(--guide-line);text-align:left;vertical-align:top}.comparison-table th{background:#00313b;color:#fff;font:700 .74rem Manrope;letter-spacing:.02em}.comparison-table tr:last-child td{border-bottom:0}.comparison-table tr:first-child td{background:#ecfbfe}.comparison-table strong{color:var(--guide-ink)}.table-caption{margin:.7rem 0 0;color:var(--guide-muted);font-size:.77rem}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:1.5rem}.case-card{overflow:hidden;border:1px solid var(--guide-line);border-radius:16px;background:#fff}.case-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}.case-card div{padding:1rem}.case-card h3{margin:0 0 .35rem;font-size:1.05rem}.case-card p{margin:0;font-size:.8rem}.case-card a{display:inline-block;margin-top:.65rem;font-weight:800;text-decoration:none}
.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid var(--guide-line);border-radius:13px;background:#fff}.faq-list summary{padding:1rem 1.15rem;cursor:pointer;color:var(--guide-ink);font:700 .94rem Manrope}.faq-list details p{margin:0;padding:0 1.15rem 1.1rem;font-size:.87rem}.sources{font-size:.82rem}.sources ol{padding-left:1.2rem}.sources li{margin:.55rem 0}.sources a{word-break:break-word}
.final-cta{padding:clamp(3rem,7vw,5.5rem)!important;border:0!important;border-radius:24px;background:linear-gradient(135deg,#00313b,#064a57);color:#fff}.final-cta h2{color:#fff}.final-cta p{max-width:780px;color:#d5e7ea}.final-visual{display:grid;grid-template-columns:1.05fr .95fr;gap:0;overflow:hidden;margin-top:2rem;border-radius:18px;background:#fff;color:var(--guide-ink)}.final-visual__copy{padding:clamp(1.4rem,4vw,2.7rem)}.final-visual__copy p{color:#405b61}.final-visual img{width:100%;height:100%;min-height:300px;object-fit:cover;object-position:top}
.floating-guide-cta{position:fixed;z-index:50;right:22px;bottom:22px;display:inline-flex;align-items:center;gap:.5rem;padding:.72rem .95rem;border:1px solid #7addf0;border-radius:999px;background:#00313b;color:#fff!important;font:800 .78rem Manrope;text-decoration:none;box-shadow:0 14px 36px rgba(0,34,41,.24)}.floating-guide-cta span{color:var(--guide-cyan)}
@media(max-width:960px){.article-layout{grid-template-columns:1fr}.article-aside{display:none}.case-grid{grid-template-columns:1fr 1fr}.inline-cta,.final-visual{grid-template-columns:1fr}.inline-cta img,.final-visual img{max-height:420px}.floating-guide-cta{right:14px;bottom:14px}}
@media(max-width:640px){.guide-hero:after{display:none}.criteria-grid,.case-grid{grid-template-columns:1fr}.article-main>section{padding:2.8rem 0}.takeaways li{padding-left:2.9rem}.floating-guide-cta{left:14px;justify-content:center}.guide-button{width:100%;box-sizing:border-box}.byline img{width:52px;height:52px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}