:root{--primary:#3F51E0;--primary-dark:#2A37A8;--bg:#F6F7FB;--surface:#fff;--text:#0F172A;--muted:#4B5563;--divider:#E7E9F0}
*{box-sizing:border-box}body{margin:0;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}
header{background:linear-gradient(135deg,#5B6CF2,var(--primary),var(--primary-dark));color:#fff;padding:40px 20px}
header .wrap{max-width:820px;margin:0 auto}header h1{margin:0 0 6px;font-size:28px;letter-spacing:-.4px}header p{margin:0;opacity:.9}
nav a{color:#fff;opacity:.9;margin-right:16px;text-decoration:none;font-weight:600}nav a:hover{opacity:1;text-decoration:underline}
main{max-width:820px;margin:-24px auto 40px;background:var(--surface);border-radius:20px;padding:32px 28px;box-shadow:0 4px 24px rgba(15,23,42,.06)}
h2{font-size:20px;margin:28px 0 8px;letter-spacing:-.2px}h3{font-size:16px;margin:20px 0 6px}p,li{color:var(--muted)}
ul{padding-left:20px}table{width:100%;border-collapse:collapse;font-size:15px}td,th{text-align:left;padding:8px 6px;border-bottom:1px solid var(--divider);vertical-align:top}
.meta{font-size:14px;color:var(--muted)}.note{background:#FFF4DC;border-left:4px solid #FFB020;padding:12px 14px;border-radius:10px;color:var(--text)}
footer{max-width:820px;margin:0 auto 40px;padding:0 20px;font-size:14px;color:var(--muted)}a{color:var(--primary)}
@media (max-width:600px){main{margin:-16px 12px 24px;padding:22px 18px;border-radius:16px}}