:root {color-scheme: light; --ink:#122035; --muted:#58677c; --line:#dfe7f0; --blue:#2764da; --bg:#f5f8fc;}
* {box-sizing:border-box;}
body {margin:0; color:var(--ink); background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7;}
header {background:white;border-bottom:1px solid var(--line);}
nav {max-width:900px;margin:0 auto;padding:18px 24px;display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap;}
.brand {font-weight:800;letter-spacing:-.035em;font-size:1.13rem;color:var(--ink);text-decoration:none;}
.links {display:flex;gap:18px;flex-wrap:wrap;}
a {color:var(--blue);} .links a {font-size:.88rem;color:#455771;text-decoration:none;} .links a:hover {text-decoration:underline;}
main {max-width:900px;margin:42px auto;padding:0 24px 52px;}
.paper {background:white;border:1px solid var(--line);border-radius:19px;padding:clamp(24px,5vw,52px);box-shadow:0 7px 26px rgba(36,66,106,.035);}
.tag {font-size:.77rem;font-weight:750;letter-spacing:.10em;text-transform:uppercase;color:var(--blue);}
h1 {font-size:clamp(2rem,5vw,3.25rem);line-height:1.2;letter-spacing:-.045em;margin:.5rem 0 1.1rem;}h2 {font-size:1.27rem;line-height:1.35;margin:2.1rem 0 .65rem;letter-spacing:-.02em;}h3{font-size:1.02rem;}
p,li {font-size:1rem;} .lead {font-size:1.17rem;color:#42536b;max-width:700px;} .muted {color:var(--muted)} .divider{height:1px;background:var(--line);margin:26px 0;}
ul {padding-left:1.45rem;}li {margin:.4rem 0;}
.panel {border-left:4px solid var(--blue);background:#f3f7ff;padding:15px 20px;border-radius:0 10px 10px 0;margin-top:22px;}
footer {max-width:900px;margin:0 auto 24px;padding:0 24px;color:var(--muted);font-size:.83rem;}
footer a {color:var(--muted);}
@media(max-width:620px){main{margin:20px auto}.links{gap:12px}.paper{border-radius:14px;}}