:root{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--bg:#0d0c0b;--surface:#12110f;--ink-1:#f0efec;--ink-2:#c3c2b7;--ink-3:#898781;--border:#ffffff1a;--border-hover:#ffffff3d;--sans:system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink-1);font:15px/1.5 var(--sans);max-width:1120px;margin:0 auto;padding:48px 24px 64px}header{margin-bottom:36px}h1{display:flex;letter-spacing:-.01em;align-items: center;gap:10px;margin:0;font-size:28px;font-weight:650}header p{color:var(--ink-2);margin:6px 0 0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));list-style:none;gap:24px;margin:0;padding:0}.card{display:block;overflow:hidden;border:1px solid var(--border);background:var(--surface);color:inherit;text-decoration:none;border-radius:10px;height:100%;transition:border-color .15s,transform .15s}.card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.card:focus-visible{border-color:var(--border-hover);transform:translateY(-2px)}.card:focus-visible{outline:2px solid var(--ink-2);outline-offset:2px}.card img{display:block;border-bottom:1px solid var(--border);width:100%;height:auto}.card h2{margin:16px 18px 0;font-size:18px;font-weight:600}.card p{color:var(--ink-2);margin:6px 18px 18px;font-size:14px}@media (max-width:600px){body{padding:28px 16px 40px}header{margin-bottom:24px}}