:root{color-scheme:light;font-family:system-ui,-apple-system,sans-serif}
html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,sans-serif}
.prose-custom p{margin-top:1rem;line-height:1.9;color:#475569}
.prose-custom h2{margin-top:2.25rem;font-size:1.6rem;line-height:1.2;font-weight:700;color:#0f172a}
.prose-custom h3{margin-top:1.5rem;font-size:1.15rem;font-weight:700;color:#0f172a}
.prose-custom ul,.prose-custom ol{margin-top:1rem;padding-left:1.2rem;color:#475569}
.prose-custom li{margin-top:.55rem}
.answer-chip{display:inline-flex;align-items:center;border-radius:999px;background:#dbeafe;color:#1d4ed8;padding:.45rem .9rem;font-size:.8rem;font-weight:700}
.hero-grid{background:
radial-gradient(circle at top right, rgba(59,130,246,.16), transparent 30%),
radial-gradient(circle at bottom left, rgba(249,115,22,.10), transparent 25%)}
.card-hover{transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease}
.card-hover:hover{transform:translateY(-4px)}
.table-wrap{overflow-x:auto}
.form-input{width:100%;border-radius:1rem;border:1px solid #cbd5e1;background:#fff;padding:.9rem 1rem;color:#0f172a;outline:none}
.form-input:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(59,130,246,.15)}
.section-pad{padding:4rem 1rem}
@media (min-width:640px){.section-pad{padding:5rem 1.5rem}}
@media (min-width:1024px){.section-pad{padding:6rem 2rem}}