:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17202a;background:#f4f6f7}*{box-sizing:border-box}body{margin:0}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.site-header{background:#fff;border-bottom:1px solid #e4e7e9;padding:28px 0 22px}.header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.brand{font-size:clamp(1.7rem,4vw,2.7rem);font-weight:800;letter-spacing:-.04em}.brand-link{color:inherit;text-decoration:none}.site-header p{margin:8px 0 0;color:#61707c}.top-nav{display:flex;gap:14px;padding-top:10px}.top-nav a,.back-link{color:#245b78;text-decoration:none}.filters{position:sticky;top:0;z-index:2;margin:24px 0 18px;padding:16px;background:#fff;border:1px solid #e4e7e9;border-radius:16px;display:flex;gap:10px 18px;flex-wrap:wrap;align-items:center;box-shadow:0 8px 30px rgba(20,35,45,.05)}.filters label{font-size:.95rem;white-space:nowrap}.filters input[type=search]{margin-left:auto;min-width:240px;border:1px solid #ccd3d8;border-radius:10px;padding:10px 12px}.count{color:#61707c}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;padding-bottom:48px}.card,.detail-card,.quick-card,.compare-picker{background:#fff;border:1px solid #e4e7e9;border-radius:16px;box-shadow:0 8px 24px rgba(20,35,45,.04)}.card{padding:18px}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#71808b}.card h2{margin:5px 0 14px;font-size:1.25rem}.card-title{color:inherit;text-decoration:none}.badges{display:flex;gap:7px;flex-wrap:wrap}.badge,.status{display:inline-flex;align-items:center;font-size:.78rem;padding:5px 8px;border-radius:999px;background:#eef1f3}.badge.ok,.status.ok{background:#e7f6ec}.badge.warn,.status.warn{background:#fff3d6}.badge.no,.status.no{background:#f4e9e9}.status.neutral{background:#eef1f3}.note{font-size:.88rem;line-height:1.45;color:#596975;margin:14px 0 0}.error{padding:16px;background:#fff3d6;border-radius:12px}.card-actions{display:flex;gap:10px;margin-top:18px}.button{display:inline-block;background:#17202a;color:#fff;text-decoration:none;padding:9px 12px;border-radius:10px;font-weight:700;font-size:.88rem}.button.secondary{background:#eef2f4;color:#22313b}.detail-wrap{padding-top:26px;padding-bottom:56px}.back-link{display:inline-block;margin-bottom:22px}.detail-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:22px}.detail-hero h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1;margin:.2em 0}.lead{font-size:1.05rem;color:#61707c;max-width:760px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.quick-card{padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.quick-card strong{font-size:.9rem}.notice,.source-note{background:#fff8e5;border:1px solid #f2deb0;border-radius:14px;padding:14px 16px;margin:18px 0}.notice p,.source-note p{margin:.35rem 0 0;line-height:1.55}.detail-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-card{padding:20px}.detail-card.full{margin-top:16px}.detail-card h2,.source-note h2{margin:0 0 14px;font-size:1.18rem}.detail-card dl{margin:0}.data-row{display:grid;grid-template-columns:minmax(130px,1fr) auto;gap:20px;padding:10px 0;border-bottom:1px solid #edf0f2}.data-row:last-child{border-bottom:0}.data-row dt{color:#566671}.data-row dd{margin:0;text-align:right}.compare-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:18px;margin-bottom:20px}.compare-picker label{font-weight:700;font-size:.9rem}.compare-picker select{display:block;width:100%;margin-top:7px;padding:10px;border:1px solid #cfd6da;border-radius:10px;background:#fff}.table-scroll{overflow:auto;background:#fff;border:1px solid #e4e7e9;border-radius:16px}.compare-table{width:100%;border-collapse:collapse;min-width:700px}.compare-table th,.compare-table td{padding:14px 16px;border-bottom:1px solid #edf0f2;text-align:left}.compare-table thead th{background:#f8fafb}.compare-table a{color:#245b78;text-decoration:none}@media(max-width:800px){.header-row,.detail-hero{display:block}.top-nav{margin-top:12px}.quick-grid,.detail-columns,.compare-picker{grid-template-columns:1fr 1fr}.filters{position:static}.filters input[type=search]{width:100%;margin-left:0;min-width:0}}@media(max-width:560px){.quick-grid,.detail-columns,.compare-picker{grid-template-columns:1fr}.card-actions{flex-direction:column}.button{text-align:center}}
.source-list{list-style:none;margin:0;padding:0}
.source-list li{display:grid;grid-template-columns:150px 1fr auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f2}
.source-list li:last-child{border-bottom:0}
.source-list a{color:#245b78;text-decoration:none;font-weight:650}
.source-list small{color:#73818b;text-align:right}
.source-type{font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:#61707c}
.source-disclaimer,.field-note{color:#667680;font-size:.88rem;line-height:1.5}
.field-note{margin:8px 0 12px;padding:10px 12px;background:#fff8e5;border-radius:10px}
@media(max-width:650px){.source-list li{grid-template-columns:1fr;gap:4px}.source-list small{text-align:left}}

.alternative-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.alternative-card{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid #e4e7e9;border-radius:12px;color:#17202a;text-decoration:none;background:#fafbfc}
.alternative-card span{font-size:.85rem;color:#687782}
@media(max-width:650px){.alternative-grid{grid-template-columns:1fr}}

.content-wrap{padding-top:30px;padding-bottom:56px}
.home-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:22px;align-items:stretch;margin:10px 0 28px}
.hero-copy,.hero-panel{background:#fff;border:1px solid #e4e7e9;border-radius:22px;padding:clamp(24px,4vw,48px);box-shadow:0 10px 30px rgba(20,35,45,.04)}
.hero-copy h1{font-size:clamp(2.4rem,6vw,4.8rem);line-height:.98;letter-spacing:-.055em;margin:.18em 0 .25em;max-width:900px}
.hero-copy p{font-size:1.1rem;line-height:1.65;color:#61707c;max-width:760px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.hero-panel{background:#17202a;color:#fff}
.hero-panel strong{font-size:1.15rem}
.check-list{padding-left:20px;margin:18px 0 0;display:grid;gap:10px;color:#dfe7eb}
.shortcut-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 38px}
.shortcut-card{display:flex;flex-direction:column;gap:7px;background:#fff;border:1px solid #e4e7e9;border-radius:16px;padding:18px;text-decoration:none;color:#17202a}
.shortcut-card>span{font-size:.75rem;font-weight:800;letter-spacing:.08em;color:#245b78;text-transform:uppercase}
.shortcut-card small{color:#697984;line-height:1.4}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:34px 0 16px}
.section-head h2{font-size:2rem;letter-spacing:-.03em;margin:4px 0 0}
.section-head p{color:#61707c;margin:.4rem 0 0}
.text-link{color:#245b78;text-decoration:none;font-weight:700}
.topic-grid,.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.topic-card,.article-card{display:block;background:#fff;border:1px solid #e4e7e9;border-radius:16px;padding:20px;color:#17202a;text-decoration:none}
.topic-card h3,.article-card h2{margin:0 0 8px}
.topic-card p,.article-card p{margin:0;color:#667680;line-height:1.55}
.filter-heading{margin-top:48px}
.page-intro{max-width:820px;margin:10px 0 28px}
.page-intro h1,.article h1{font-size:clamp(2.3rem,5vw,4.2rem);line-height:1;letter-spacing:-.05em;margin:.2em 0}
.page-intro p,.article-lead{font-size:1.1rem;line-height:1.7;color:#61707c}
.article{max-width:820px;background:#fff;border:1px solid #e4e7e9;border-radius:22px;padding:clamp(24px,5vw,52px);box-shadow:0 10px 30px rgba(20,35,45,.04)}
.article h2{font-size:1.55rem;letter-spacing:-.02em;margin:2rem 0 .6rem}
.article p,.article li{line-height:1.75}
.article ol,.article ul{padding-left:22px}
.article-callout{margin:24px 0;padding:16px 18px;border-radius:14px;background:#fff8e5;border:1px solid #f2deb0;line-height:1.6}
.site-footer{margin-top:50px;padding:28px 0;background:#fff;border-top:1px solid #e4e7e9;color:#6b7882}
.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer-row a{color:#245b78;text-decoration:none}
@media(max-width:900px){.top-nav{flex-wrap:wrap}.home-hero{grid-template-columns:1fr}.shortcut-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.topic-grid,.article-grid,.shortcut-grid{grid-template-columns:1fr}.section-head{display:block}.article{border-radius:16px}}

.brand-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:18px 0 34px}
.brand-stats div{background:#fff;border:1px solid #e4e7e9;border-radius:14px;padding:16px;text-align:center}
.brand-stats strong{display:block;font-size:1.7rem;letter-spacing:-.03em}
.brand-stats span{display:block;margin-top:3px;color:#697984;font-size:.85rem}
.brand-link-grid{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px}
.brand-link-grid a{background:#fff;border:1px solid #e4e7e9;border-radius:999px;padding:9px 13px;color:#17202a;text-decoration:none;font-weight:700}
@media(max-width:800px){.brand-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.brand-stats{grid-template-columns:repeat(2,1fr)}}