
:root{--navy:#0b2d50;--blue:#1769e0;--ink:#183652;--muted:#637b91;--line:#dbe6ef;--bg:#f7fbff;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff,#f6faff)}
a{color:inherit;text-decoration:none}.wrap{width:min(1120px,92vw);margin:auto}.top{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{height:68px;display:flex;align-items:center;gap:14px}.brand{font-weight:900;color:var(--navy);letter-spacing:-.02em}.tag{margin-left:auto;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#5f7890;font-size:11px;font-weight:800}
.hero{padding:66px 0 30px}.kicker{display:inline-block;padding:8px 11px;border-radius:999px;border:1px solid #d4e5f6;color:var(--blue);background:#f8fbff;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}h1{font-size:clamp(42px,7vw,72px);line-height:.97;letter-spacing:-.05em;color:var(--navy);margin:17px 0 20px;max-width:980px}h2{font-size:clamp(27px,3.5vw,40px);line-height:1.08;letter-spacing:-.035em;color:var(--navy);margin:0 0 12px}h3{color:var(--navy);margin:0 0 8px}
.lead{max-width:880px;font-size:18px;line-height:1.75;color:var(--muted)}.content{display:grid;grid-template-columns:1fr .33fr;gap:30px}.article section{padding:25px 0}.article p,.article li{font-size:16px;line-height:1.82;color:#58718a}.article ul{padding-left:22px}.card{padding:21px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 12px 30px rgba(12,44,75,.04);margin:12px 0}.answer{padding:18px 20px;border-left:4px solid var(--blue);border-radius:14px;background:#f4f9ff;color:#4e6881;line-height:1.75}.sidebar{position:sticky;top:88px;height:max-content}.box{padding:20px;border:1px solid var(--line);border-radius:19px;background:#fff;margin-bottom:13px}.box b{display:block;color:var(--navy);margin-bottom:8px}.box a{display:block;padding:7px 0;border-bottom:1px solid #edf2f7;font-size:13px;color:#5c758e}.box a:last-child{border-bottom:0}.related{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.related a{padding:14px;border:1px solid var(--line);border-radius:15px;background:#fff;color:#4b6680;font-size:13px;line-height:1.45}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff}.compare{width:100%;border-collapse:collapse;min-width:620px}.compare th,.compare td{padding:12px 14px;border-bottom:1px solid #e8eef4;text-align:left;vertical-align:top;font-size:13px;line-height:1.55}.compare th{background:#f2f7fc;color:var(--navy)}.compare tr:last-child td{border-bottom:0}.cta{margin:32px 0 10px;padding:29px;border-radius:24px;background:linear-gradient(135deg,#0b2d50,#0c528f);color:#fff}.cta h2{color:#fff}.cta p{color:#c9dbea}.btn{display:inline-flex;padding:12px 17px;border-radius:999px;background:#fff;color:var(--navy);font-weight:850;font-size:13px;margin-top:8px}.source{font-size:12px!important;color:#7b91a5!important}footer{margin-top:58px;padding:38px 0;border-top:1px solid var(--line);background:#f1f6fb;color:#6b8298;font-size:12px;line-height:1.7}
@media(max-width:850px){.content{grid-template-columns:1fr}.sidebar{position:relative;top:auto}.related{grid-template-columns:1fr}}

.ps-depth{padding:26px 0}.table-wrap{overflow:auto;margin:18px 0}.compare{width:100%;border-collapse:collapse;background:#fff;border:1px solid #dce7f1}.compare th,.compare td{padding:13px 14px;border-bottom:1px solid #e8eef5;text-align:left;vertical-align:top;font-size:13px;line-height:1.55}.compare th{background:#f3f8fd;font-weight:800}.compare tr:last-child td{border-bottom:0}.reviewed{font-size:12px;color:#6e859b;margin-top:10px}

.price-badge{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0;padding:14px 16px;border:1px solid #cfe2f5;border-radius:16px;background:#f5faff;color:#3d5e7b}.price-badge b{color:var(--navy)}.price-badge span{font-size:14px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.source-list{font-size:13px;line-height:1.7}.source-list a{text-decoration:underline}.hub-grid{grid-template-columns:repeat(3,1fr)}@media(max-width:850px){.grid-2,.hub-grid{grid-template-columns:1fr}}
