*{box-sizing:border-box}body{margin:0;color:#173046;background:#f4f6f8;font:17px/1.7 system-ui,sans-serif}header,footer{padding:1.3rem max(1rem,calc((100vw - 1000px)/2));background:#102936;color:white}header{display:flex;gap:2rem;justify-content:space-between;flex-wrap:wrap}header a,footer a{color:#b9ecd9}main{max-width:1000px;margin:auto;padding:2rem 1rem}h1{font-size:clamp(1.8rem,5vw,3rem);line-height:1.15}h2{line-height:1.3}article,aside{background:white;padding:clamp(1rem,4vw,2rem);border-radius:12px;margin:1rem 0;overflow-wrap:anywhere}a{color:#006652}p{max-width:76ch}.date{color:#526575}li{overflow-wrap:anywhere}