body{margin:0;background:#f6f3eb;color:#172d2b;font:18px/1.6 system-ui,sans-serif}main,header,footer{max-width:980px;margin:auto;padding:24px}h1{font-size:clamp(2rem,6vw,3.8rem);line-height:1.1}h2{line-height:1.2}a{color:#075e59;text-underline-offset:3px}a:focus-visible{outline:3px solid #a24a00;outline-offset:5px}.flag{font-weight:700;color:#713a0d}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:22px}article,aside{border:1px solid #b2bcb4;border-radius:10px;padding:22px;background:#fffdf7}small{font-size:.85rem}code{overflow-wrap:anywhere}.skip{position:absolute;left:-10000px}.skip:focus{left:20px}nav a{display:inline-block;margin:0 14px 10px 0}footer{border-top:1px solid #b2bcb4}
*{box-sizing:border-box}article a{display:inline-block;min-height:44px;padding-block:8px}nav a{min-height:44px;padding-block:8px}p,li{overflow-wrap:anywhere}

h1,h2,h3,nav a,.flag{overflow-wrap:anywhere}