:root{font:17px/1.55 system-ui;color:#182b3b;background:#f2f5f7}body{margin:0}header,main,footer{max-width:1000px;margin:auto;padding:24px}header{display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap}nav{display:flex;gap:20px;flex-wrap:wrap}a{color:#05687a}h1{font-size:clamp(1.8rem,5vw,3rem);line-height:1.15}h2{font-size:1.25rem}.tag{color:#526674;font-size:.85rem}section,article{background:white;padding:24px;border:1px solid #d5e1e8;border-radius:12px;margin:18px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:20px}button,.action{display:inline-block;background:#05687a;color:white;border:0;border-radius:7px;padding:12px 18px;cursor:pointer;font:inherit;margin:5px 0}code,dd{overflow-wrap:anywhere}dd{margin:0 0 12px}footer{color:#526674;font-size:.85rem}li{margin:8px 0}