:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#1f2937;background:#f5f7fb;line-height:1.7}
*{box-sizing:border-box}body{margin:0}a{color:#1554b4;text-underline-offset:3px}a:focus-visible{outline:3px solid #155eef;outline-offset:3px}
header{background:#fff;border-bottom:1px solid #e2e8f0;padding:14px max(20px,calc((100vw - 720px)/2))}
main,footer{max-width:720px;margin:0 auto;padding:24px 20px}main{display:grid;gap:20px}
h1,h2,p,ol{margin-top:0}h1{font-size:clamp(1.65rem,5vw,2.2rem);line-height:1.35}h2{font-size:1.25rem;line-height:1.4}
.card{background:#fff;border:1px solid #dce3ec;border-radius:18px;padding:24px;box-shadow:0 2px 8px #17294b0a}
.notice{background:#fef8e8;border-color:#e8ce73;color:#49340d}.eyebrow{font-weight:700;color:#225591;letter-spacing:.03em;font-size:.9rem}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fact{background:#f3f7fc;border-radius:12px;padding:14px}.fact span{display:block;color:#556274;font-size:.88rem}.fact strong{display:block;font-size:1.1rem}
.example{font-family:ui-monospace,Consolas,monospace;background:#eef3fb;border-radius:9px;padding:9px 12px;overflow-wrap:anywhere}
.action{display:block;text-align:center;background:#155eef;color:#fff;text-decoration:none;font-weight:700;padding:13px 20px;border-radius:12px}.action:hover{background:#124dd0}
.other{display:flex;flex-wrap:wrap;gap:9px}.other a{border:1px solid #b7cdec;border-radius:999px;padding:4px 12px;text-decoration:none}
footer{font-size:.9rem;color:#526071;padding-top:0}
@media(max-width:520px){.card{padding:19px}.facts{grid-template-columns:1fr}}