:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#17202a;background:#f7f8fa}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}header,footer,main{width:min(100% - 48px,860px);margin:auto}header{height:76px;border-bottom:1px solid #e4e8ed;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:750;color:#142638;text-decoration:none}nav{display:flex;gap:24px}nav a,footer,time,.back{font-size:14px;color:#657384;text-decoration:none}main{flex:1}.page-head{padding:72px 0 28px}.eyebrow{font-size:12px;letter-spacing:.18em;color:#3878dc;font-weight:700}.page-head h1,.article h1{font-size:48px;margin:12px 0}.page-head p{line-height:1.7;color:#526173}.posts article{padding:24px 0;border-top:1px solid #e4e8ed}.posts h2{margin:8px 0;font-size:24px}.posts h2 a{color:#17202a;text-decoration:none}.posts p,.content{line-height:1.85;color:#526173}.article{max-width:720px;padding:64px 0}.article h1{margin-top:24px}.content{margin-top:36px}.content a{color:#2464c4}footer{height:68px;border-top:1px solid #e4e8ed;display:flex;align-items:center}@media(max-width:540px){header,footer,main{width:calc(100% - 32px)}}