:root{--ground:#F3F5F4;--surface:#FFFFFF;--ink:#18232B;--muted:#5B6970;--line:#DDE3E1;--accent:#0E7466;--accent-soft:#D6ECE8;--ochre:#C4822A;--good:#1C7C45;--bad:#B23A3A;--grid:rgba(24,35,43,.08)}
@media (prefers-color-scheme:dark){:root{color-scheme:dark;--ground:#0E1417;--surface:#162025;--ink:#E4EBE9;--muted:#93A3A8;--line:#26343A;--accent:#3DB5A1;--accent-soft:#17342F;--ochre:#E2A54E;--good:#5CC98A;--bad:#EE7B7B;--grid:rgba(228,235,233,.08)}}
.pbar{max-width:1240px;margin:0 auto;padding:14px 16px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pbar .brand{font-weight:700;letter-spacing:-.01em;color:var(--accent);text-decoration:none}
.pbar .right{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px}
.pbar a,.pbar button{color:var(--accent);background:none;border:0;font:inherit;cursor:pointer;text-decoration:none;padding:0}
.pbar a:hover,.pbar button:hover{text-decoration:underline}
.center{max-width:520px;margin:18vh auto 0;padding:0 16px;text-align:center}
.center h1{font-size:26px;margin:0 0 8px}
.center p{color:var(--muted);margin:0 0 20px}
.btn{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:11px 22px;font:inherit;font-weight:600;cursor:pointer}
.btn:hover{filter:brightness(1.08)}
.cards{max-width:1240px;margin:24px auto;padding:0 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;color:inherit;text-decoration:none}
.card:hover{border-color:var(--accent)}
.card h2{margin:0 0 6px;font-size:17px}
.card p{margin:0;color:var(--muted)}
.listhead{max-width:1240px;margin:28px auto 0;padding:0 16px}
.listhead h1{margin:0;font-size:24px}
.spin{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:s 0.8s linear infinite;margin:0 auto}
@keyframes s{to{transform:rotate(360deg)}}