:root{color-scheme:light;--ink:#1b222b;--muted:#536172;--line:#dbe1e8;--gold:#d6ad54;--bg:#eef2f6}
*{box-sizing:border-box}html{font-family:Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}body{margin:0}header{background:var(--ink);color:#fff;padding:18px clamp(18px,5vw,56px);display:flex;align-items:center;justify-content:space-between;gap:18px}header a{color:#fff;text-decoration:none;font-weight:700}header img{width:42px;height:42px;vertical-align:middle;margin-inline-end:10px}main{width:min(860px,calc(100% - 32px));margin:34px auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(22px,5vw,52px);box-shadow:0 18px 48px rgba(27,34,43,.08)}h1{font-size:clamp(2rem,6vw,3.3rem);line-height:1.1;margin:0 0 12px}h2{margin-top:34px;font-size:1.3rem}p,li{color:var(--muted)}.meta{padding-bottom:20px;border-bottom:1px solid var(--line)}a{color:#31567a}.back{display:inline-block;margin-top:30px;background:var(--ink);color:#fff;text-decoration:none;padding:11px 18px;border-radius:10px}footer{text-align:center;color:var(--muted);padding:10px 18px 34px}@media(max-width:480px){header{align-items:flex-start;flex-direction:column}main{margin:18px auto;border-radius:14px}ul{padding-inline-start:22px}}