*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
line-height:1.7;color:#2b2b2b;background:#faf8f5}
header{background:linear-gradient(135deg,#4a3f6b 0%,#6b5b95 100%);color:#fff;padding:0;box-shadow:0 2px 12px rgba(0,0,0,.15)}
.wrap{max-width:900px;margin:0 auto;padding:0 20px}
header .wrap{padding:28px 20px 22px}
header h1{font-size:1.9rem;font-weight:700;letter-spacing:-.5px}
header h1 a{color:#fff;text-decoration:none}
header p{opacity:.85;font-size:.95rem;margin-top:6px}
nav{background:#3a3254;font-size:.92rem}
nav .wrap{display:flex;flex-wrap:wrap;gap:2px;padding:0 20px}
nav a{color:#d8d2e8;text-decoration:none;padding:12px 14px;display:block;border-bottom:3px solid transparent;transition:.15s}
nav a:hover{background:#4a3f6b;color:#fff;border-bottom-color:#b8a9e0}
nav a.active{color:#fff;border-bottom-color:#ffd166;background:#4a3f6b}
main{padding:36px 0 50px}
article{background:#fff;border-radius:12px;padding:38px 40px;box-shadow:0 1px 3px rgba(0,0,0,.06),0 8px 24px rgba(0,0,0,.04)}
h2{font-size:1.55rem;color:#3a3254;margin:0 0 18px;padding-bottom:12px;border-bottom:2px solid #f0ecf7}
h3{font-size:1.15rem;color:#4a3f6b;margin:28px 0 10px}
p{margin:0 0 14px}
ul,ol{margin:0 0 16px 22px}
li{margin-bottom:7px}
a{color:#6b5b95}
a:hover{color:#4a3f6b}
.lead{font-size:1.08rem;color:#555;border-left:4px solid #b8a9e0;padding:4px 0 4px 18px;margin-bottom:26px}
.note{background:#f5f2fb;border-left:4px solid #6b5b95;padding:16px 20px;border-radius:0 8px 8px 0;margin:22px 0}
.warn{background:#fff4e6;border-left:4px solid #e8a33d;padding:16px 20px;border-radius:0 8px 8px 0;margin:22px 0}
.danger{background:#fdeaea;border-left:4px solid #d9534f;padding:16px 20px;border-radius:0 8px 8px 0;margin:22px 0}
table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95rem}
th,td{padding:11px 14px;text-align:left;border-bottom:1px solid #eee}
th{background:#f5f2fb;color:#3a3254;font-weight:600}
tr:hover td{background:#faf8ff}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:26px 0}
.card{background:#f8f6fc;border:1px solid #e8e2f5;border-radius:10px;padding:20px;text-decoration:none;color:#2b2b2b;transition:.18s;display:block}
.card:hover{background:#fff;border-color:#b8a9e0;transform:translateY(-2px);box-shadow:0 6px 18px rgba(107,91,149,.15)}
.card b{color:#4a3f6b;display:block;margin-bottom:6px;font-size:1.02rem}
.card span{font-size:.88rem;color:#666;line-height:1.5}
footer{background:#3a3254;color:#b8b0cc;padding:28px 0;font-size:.88rem;text-align:center}
footer a{color:#d8d2e8}
.emoji{font-size:1.35rem}
@media(max-width:600px){article{padding:26px 22px}header h1{font-size:1.5rem}nav a{padding:10px 11px;font-size:.86rem}}