:root {color-scheme: light; --ink:#182036; --muted:#566079; --line:#dfe5f0; --accent:#5358d5;}
* {box-sizing:border-box} body {margin:0; background:#f6f7fc; color:var(--ink); font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
header,main,footer {max-width:920px; margin:auto; padding:24px} header {display:flex; justify-content:space-between; align-items:center; gap:20px}
a {color:var(--accent); text-underline-offset:3px} .brand {font-weight:800; text-decoration:none} main {background:#fff; border:1px solid var(--line); border-radius:20px; padding:40px; margin:12px auto 32px}
.eyebrow {color:var(--accent); font-size:13px; font-weight:750; letter-spacing:.08em; text-transform:uppercase} h1 {font-size:clamp(30px,6vw,44px); letter-spacing:-.04em; line-height:1.15; margin:12px 0 16px} h2 {font-size:24px; margin:36px 0 10px; line-height:1.3} h3 {font-size:18px; margin:24px 0 8px}
p {margin:12px 0} .meta,footer {color:var(--muted); font-size:14px} .summary {padding:20px 24px; border:1px solid #d9dcff; border-radius:14px; background:#f3f3ff} .summary p {margin:0} ul {padding-left:24px} li {margin:6px 0}
table {width:100%; border-collapse:collapse; font-size:15px; margin:16px 0} th,td {text-align:left; vertical-align:top; padding:14px; border:1px solid var(--line)} th {background:#f5f6fb} .table-scroll {overflow-x:auto} details {border-top:1px solid var(--line); margin-top:36px; padding-top:20px} summary {cursor:pointer; font-weight:750} footer {padding-bottom:40px} :focus-visible {outline:3px solid #9095f1; outline-offset:4px}
@media (max-width:640px) {header,footer {padding:18px} main {border-radius:0; margin:0; padding:24px 18px; border-left:0; border-right:0} table {min-width:600px}}