
:root{--ink:#17233c;--muted:#5b6577;--blue:#1769e0;--deep:#0d2d62;--soft:#eef5ff;--line:#dce5f1;--white:#fff;--green:#16794d;--cream:#fffaf2}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--white);line-height:1.65}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1120px,92%);margin:auto}
header{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0}.brand{font-weight:800;color:var(--deep);font-size:1.2rem}.navlinks{display:flex;gap:20px;flex-wrap:wrap}.navlinks a{color:var(--ink);font-weight:700;font-size:.95rem}
.hero{padding:72px 0 54px;background:linear-gradient(135deg,#f6f9ff,#e9f2ff)}.eyebrow{font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
h1{font-size:clamp(2.2rem,5vw,4.3rem);line-height:1.05;max-width:850px;margin:.3em 0}h2{font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.2;margin-top:2.2rem}h3{line-height:1.25}
.lead{font-size:1.18rem;max-width:760px;color:var(--muted)}.cta{display:inline-block;background:var(--blue);color:#fff;font-weight:800;padding:14px 20px;border-radius:10px;margin:12px 8px 8px 0}.cta:hover{color:#fff;text-decoration:none;background:#1059c2}.cta.secondary{background:#fff;color:var(--deep);border:1px solid var(--line)}
main{padding:46px 0 70px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff}.card h3{margin-top:0}.note{background:var(--cream);border:1px solid #f1dfbd;border-radius:14px;padding:20px;margin:28px 0}.affiliate{background:var(--soft);border-radius:14px;padding:22px;margin:28px 0}.check{color:var(--green);font-weight:800}.toc{background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:20px}.toc a{display:block;padding:5px 0}.prose{max-width:800px}.prose p,.prose li{font-size:1.05rem}.compare{width:100%;border-collapse:collapse;margin:24px 0}.compare th,.compare td{text-align:left;padding:14px;border-bottom:1px solid var(--line);vertical-align:top}.compare th{background:#f8fafc}
.breadcrumbs{font-size:.9rem;color:var(--muted);margin-bottom:20px}.breadcrumbs a{color:var(--muted)}footer{background:var(--deep);color:#dce8ff;padding:42px 0}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}footer a{color:#fff}.disclosure{font-size:.9rem;color:#c8d7ef}.pill{display:inline-block;background:#e8f2ff;color:#0d4d9c;border-radius:999px;padding:5px 10px;font-weight:700;font-size:.82rem;margin:3px}
@media(max-width:760px){.nav{align-items:flex-start}.navlinks{display:none}.grid,.foot{grid-template-columns:1fr}.hero{padding:48px 0 36px}.compare{font-size:.92rem}.compare th,.compare td{padding:10px}}

.kicker{font-size:.92rem;color:var(--muted);margin-top:-10px}
.goodbad{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}
.goodbad>div{border:1px solid var(--line);border-radius:14px;padding:20px}
.fact{border-left:4px solid var(--blue);padding:12px 18px;background:#f8fbff;margin:20px 0}
.updated{font-size:.88rem;color:var(--muted)}
@media(max-width:760px){.goodbad{grid-template-columns:1fr}}
