:root{--surface: rgb(36 36 36);--surface-card: #292929;--text: #ffffff;--text-muted: #9ca3af;--brand: #f7ab0a;--brand-light: #f9c04e;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.wrap{max-inline-size:72rem;margin-inline:auto;padding-inline:1.25rem}.skip-link{position:absolute;inset-inline-start:.5rem;inset-block-start:-3rem;background:var(--brand);color:#000;padding:.5rem 1rem;border-radius:.25rem}.skip-link:focus{inset-block-start:.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.3em;font-size:.8rem;color:var(--text-muted)}section{padding-block:4rem}h1,h2,h3{line-height:1.2}.brand{color:var(--brand)}.cards{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));padding:0;list-style:none}.card{background:var(--surface-card);border-radius:.5rem;padding:1.5rem;border:1px solid transparent}.card:hover{border-color:color-mix(in srgb,var(--brand) 40%,transparent)}.button{display:inline-block;background:var(--brand);color:#000;font-weight:700;padding:.75rem 1.5rem;border-radius:.375rem;text-decoration:none}.button:hover{background:var(--brand-light)}.tags{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;list-style:none}.tags li{background:color-mix(in srgb,var(--brand) 20%,transparent);color:var(--brand);padding:.125rem .5rem;border-radius:.25rem;font-size:.85rem}.muted{color:var(--text-muted)}