*{box-sizing:border-box}body{margin:0;background:#0d1019;color:#f5ecd8;font:16px Tahoma,sans-serif;line-height:2}a{color:#f3d18b}header,main,footer{max-width:1140px;margin:auto;padding:24px}header nav{display:flex;gap:22px;flex-wrap:wrap}.hero,article,.note{background:#171c29;border:1px solid #9c824f66;border-radius:16px;padding:24px;margin-block:20px}h1{font-size:clamp(26px,4vw,42px);line-height:1.5}h2{font-size:22px}p{max-width:80ch}.muted{color:#c0b9aa}label{display:block}input,select,button{font:inherit;background:#101421;color:#fff1d4;border:1px solid #ae915c;border-radius:9px;padding:12px;min-height:48px}input{width:100%}.filters{display:grid;grid-template-columns:2fr 1fr;gap:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.grid article{margin:0;padding:20px}.grid h2{margin-top:0}.tag{font-size:13px;color:#dbc18e}.related{display:flex;flex-wrap:wrap;gap:16px}a:focus-visible,input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid #f0c77d;outline-offset:4px}[hidden]{display:none!important}button{cursor:pointer}footer{border-top:1px solid #9c824f66}.empty{padding:24px;border:1px dashed #ae915c}@media(max-width:600px){header,main,footer{padding:16px}.filters{grid-template-columns:1fr}.hero,article,.note{padding:18px}}