:root{--text:#111827;--muted:#6b7280;--line:#e5e7eb;--brand:#0b57d0}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6}
a{color:var(--brand);text-decoration:none} a:hover{text-decoration:underline}
h1,h2,h3{line-height:1.25;margin:0 0 .5rem}
.container{max-width:1100px;margin:0 auto;padding:24px}
img{max-width:100%;height:auto;display:block}

/* шапка */
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);z-index:10}
.site-header .inner{max-width:1100px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:24px}
.logo{height:40px}
.nav{margin-left:auto;display:flex;gap:18px}
.nav a{color:#111827}
.nav a:hover{color:var(--brand)}

/* футер */
.footer{color:var(--muted);border-top:1px solid var(--line);margin-top:48px;padding:16px 0}