:root { color-scheme: light; }
* { box-sizing:border-box; }
body { margin:0; background:#f4f6fa; color:#1d2941; font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
.masthead { background:linear-gradient(130deg,#30476d,#263954); color:#fff; padding:max(24px,env(safe-area-inset-top)) 20px 38px; }
.brand { max-width:640px; margin:auto; display:flex; align-items:center; gap:12px; font-size:19px; font-weight:800; letter-spacing:-.025em; }
.brand small { display:block; margin-top:1px; color:#c4d2e5; letter-spacing:.14em; font-size:9px; font-weight:650; }
.mark { width:38px; height:38px; border:1px solid #8ba3c7; border-radius:11px; display:grid; place-items:center; font-weight:850; background:#ffffff13; }
.shell { max-width:640px; margin:-17px auto 0; padding:0 15px 30px; position:relative; }
.hero,.panel { border:1px solid #e0e6f0; box-shadow:0 4px 18px #12253c0a; border-radius:16px; background:white; margin-bottom:14px; }
.hero { padding:23px 21px; }
.kicker { font-size:10px; font-weight:850; letter-spacing:.16em; color:#6b7890; }
h1 { font-size:25px; line-height:1.23; letter-spacing:-.03em; margin:11px 0 6px; overflow-wrap:anywhere; }
.subtitle { color:#63728c; font-size:13px; margin:0; overflow-wrap:anywhere; }
.status { display:inline-flex; align-items:center; gap:8px; margin-top:17px; padding:8px 12px; background:#eaeafe; color:#4d43ad; font-size:12px; border-radius:24px; font-weight:750; }
.status-dot { height:7px; width:7px; background:#6154df; border-radius:50%; }
.panel { padding:21px 20px; }
.panel h2 { font-size:16px; letter-spacing:-.02em; margin:0; }
.section-heading { display:flex; align-items:center; gap:10px; margin-bottom:9px; }
.number { display:grid; place-items:center; min-width:31px; height:31px; border-radius:9px; background:#edecff; color:#5143bd; font-size:11px; font-weight:800; }
dl { margin:0; }
.fact { display:grid; grid-template-columns:110px minmax(0,1fr); gap:14px; border-bottom:1px solid #e9edf3; padding:12px 0; }
.fact:last-child { border-bottom:none; padding-bottom:0; }
dt { color:#65728a; font-size:13px; }
dd { margin:0; font-size:14px; font-weight:680; overflow-wrap:anywhere; }
.description { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.7; margin:8px 0 0; }
.subtle { color:#68778f; font-size:12px; line-height:1.6; margin:13px 3px 0; }
footer { border-top:1px solid #dfe5ef; color:#8590a1; text-align:center; font-size:11px; padding:19px 4px; margin-top:20px; }
[hidden] { display:none!important; }
@media(min-width:550px) { .shell{padding:0 24px 35px;} .hero,.panel{padding:26px;} }