*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Roboto,Arial,sans-serif;background:#f5f8fc;color:#0f172a;line-height:1.6}
a{color:#0b5fff;text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:920px;margin:0 auto;padding:1.25rem 1.25rem 3rem}
.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.85rem 1.25rem;background:#0b5fff;color:#fff;position:sticky;top:0;z-index:5}
.top a{color:#fff;font-weight:700}
.top nav{display:flex;flex-wrap:wrap;gap:0.85rem;font-size:0.9rem}
.hero{padding:2rem 0 1rem}
.hero h1{margin:0 0 0.75rem;font-size:clamp(1.55rem,3.2vw,2.35rem);line-height:1.2}
.lead{font-size:1.05rem;color:#334155;margin:0 0 1.25rem}
.cta{display:flex;flex-wrap:wrap;gap:0.65rem;margin:1.25rem 0 1.75rem}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:0.75rem 1.1rem;border-radius:999px;font-weight:700;border:1px solid transparent}
.btn-primary{background:#0b5fff;color:#fff}
.btn-ghost{background:#fff;border-color:#dbe4f0;color:#0f172a}
.card{background:#fff;border:1px solid #e7eef7;border-radius:1rem;padding:1.15rem 1.2rem;margin:0.85rem 0;box-shadow:0 8px 24px rgba(15,23,42,.04)}
.card h2,.card h3{margin:0 0 0.5rem;font-size:1.15rem}
.grid{display:grid;gap:0.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:1rem 0 1.5rem}
.tag{display:inline-block;background:#eef4ff;color:#1e3a8a;border-radius:999px;padding:0.28rem 0.65rem;font-size:0.78rem;font-weight:700;margin:0.2rem 0.25rem 0.2rem 0}
ul{padding-left:1.15rem}li{margin:0.35rem 0}
.foot{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid #e2e8f0;color:#64748b;font-size:0.9rem}
.breadcrumbs{font-size:0.85rem;color:#64748b;margin-bottom:0.75rem}
.breadcrumbs a{color:#475569}
.related a{display:block;padding:0.55rem 0;border-bottom:1px solid #eef2f7}
img.logo{height:34px;width:auto;display:block}
@media (max-width:700px){.top{flex-direction:column;align-items:flex-start}.top nav{gap:0.55rem}}