:root{font:17px/1.7 system-ui,sans-serif;color:#18243a;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:900px;margin:auto;padding:24px}header{display:flex;gap:24px;justify-content:space-between;align-items:center;flex-wrap:wrap;border-bottom:1px solid #d6deec}nav{display:flex;gap:18px;flex-wrap:wrap}a{color:#244fc6;text-underline-offset:4px}main{min-height:65vh}h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.15;letter-spacing:-.035em}p{margin:1.3em 0}footer{font-size:.87rem;border-top:1px solid #d6deec}.draft{font-size:.85rem;color:#72510d;background:#fff3cf;padding:12px 16px;border-radius:8px}strong{font-weight:650}@media(max-width:540px){header,main,footer{padding:20px}nav{font-size:.9rem;gap:12px}}