*{box-sizing:border-box}body{margin:0;background:#f5f5f3;color:#161616;font:16px system-ui}footer,header,main{max-width:1120px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;border-bottom:1px solid #ccc}a{color:inherit}h1{font-size:clamp(36px,6vw,68px);letter-spacing:-.05em;max-width:800px}section{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:20px;gap:20px}article{background:white;border:1px solid #ddd;border-radius:16px;padding:24px}small{color:#555}button{background:#111;color:white;border:0;border-radius:8px;padding:14px}a:focus-visible,button:focus-visible{outline:3px solid #666;outline-offset:4px}@media (prefers-color-scheme:dark){body{background:#151515;color:#fafafa}article{background:#222;border-color:#555}small{color:#ccc}}form{grid-gap:16px;gap:16px}form,label{display:grid}label{grid-gap:6px;gap:6px}input,select,textarea{font:inherit;padding:10px;border:1px solid #777;border-radius:6px;width:100%;background:inherit;color:inherit}input[type=checkbox]{width:auto}textarea{min-height:100px}button{cursor:pointer;margin:4px}button:disabled{opacity:.5;cursor:wait}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}[role=alert]:not(:empty){border:1px solid #a22;padding:12px}article{margin-bottom:20px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #666;outline-offset:2px}