:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0B0B0C;color:#f5f2e9;font:17px/1.65 system-ui,sans-serif}main{max-width:1000px;margin:auto;padding:30px 22px 70px}a{color:#F2B705}nav{display:flex;justify-content:space-between;gap:20px}h1{font-size:clamp(38px,7vw,66px);line-height:1.05}h2{line-height:1.25}small,.muted{color:#c4c4c8}.tag{color:#F2B705;letter-spacing:.1em;font-size:12px}section,article{padding:24px;border:1px solid #45454a;border-radius:16px;margin:22px 0;background:#151517}blockquote{border-left:4px solid #F2B705;margin:20px 0;padding:12px 18px;background:#222225}label{display:block;margin:15px 0 6px}textarea,input,select{width:100%;padding:12px;border:1px solid #777;border-radius:8px;background:#202023;color:white;font:inherit}textarea{min-height:150px}button,.button{display:inline-block;background:#F2B705;color:#0B0B0C;border:0;border-radius:8px;padding:12px 18px;font:700 16px system-ui;cursor:pointer;text-decoration:none;margin:8px 8px 8px 0}button:disabled{opacity:.5;cursor:not-allowed}input[type=checkbox]{width:auto}button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:4px}[hidden]{display:none!important}pre{white-space:pre-wrap;overflow-wrap:anywhere}footer{border-top:1px solid #45454a;padding-top:20px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:650px){.grid{display:block}}@media print{nav,button,.button{display:none}body,section,article{background:white;color:black}a,.tag,.muted{color:black}article{break-inside:avoid}}