*{box-sizing:border-box}body{margin:0;background:#f2f6f7;color:#173c44;font:17px/1.7 system-ui,sans-serif}header,main,footer{max-width:900px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}a{color:#176d74;text-underline-offset:4px}nav{display:flex;gap:20px;flex-wrap:wrap}h1{font-size:clamp(32px,6vw,52px);line-height:1.15}h2{margin-top:38px;font-size:24px}article{background:#fff;padding:clamp(22px,5vw,48px);border:1px solid #d6e3e6;border-radius:20px}.status,.pending{background:#fff4d9;border-left:4px solid #9b6200;padding:16px;border-radius:4px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:15px/1.7 system-ui,sans-serif}footer{font-size:14px}a:focus-visible{outline:3px solid #176d74;outline-offset:4px}