:root{color-scheme:light dark;--bg-light:oklch(98.5% .004 260);--bg-dark:oklch(19% .012 260);--surface-light:oklch(100% 0 0);--surface-dark:oklch(23.5% .014 260);--border-light:oklch(90% .008 260);--border-dark:oklch(32% .016 260);--text-light:oklch(24% .012 260);--text-dark:oklch(94% .006 260);--muted-light:oklch(52% .014 260);--muted-dark:oklch(68% .014 260);--accent-light:oklch(52% .19 28);--accent-dark:oklch(76% .16 32);--bg:light-dark(var(--bg-light),var(--bg-dark));--surface:light-dark(var(--surface-light),var(--surface-dark));--border:light-dark(var(--border-light),var(--border-dark));--text:light-dark(var(--text-light),var(--text-dark));--muted:light-dark(var(--muted-light),var(--muted-dark));--accent:light-dark(var(--accent-light),var(--accent-dark));--tag-blue:light-dark(#2a78d6,#3987e5);--tag-orange:light-dark(#eb6834,#d95926);--tag-aqua:light-dark(#1baf7a,#199e70);--tag-yellow:light-dark(#eda100,#c98500);--tag-magenta:light-dark(#e87ba4,#d55181);--tag-green:#008300;--tag-violet:light-dark(#4a3aa7,#9085e9);--tag-red:light-dark(#e34948,#e66767);--radius:10px;--measure:68rem;accent-color:var(--accent)}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}a{color:var(--accent);text-underline-offset:2px;text-decoration-thickness:1px}:where(a,button,iframe):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{max-inline-size:var(--measure);margin-inline:auto;padding-block:clamp(1.5rem,5vw,3rem);padding-inline:clamp(1rem,4vw,2rem)}.masthead{border-block-end:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;margin-block-end:2.5rem;padding-block-end:1.25rem;display:flex}.masthead .brand{letter-spacing:-.02em;margin:0;font-size:clamp(1.4rem,1rem + 2vw,2rem);font-weight:700}.masthead .brand a{color:inherit;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.masthead .brand img{flex-shrink:0;block-size:1.4em;inline-size:1.4em}.category+.category{margin-block-start:3rem}.category>h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:1.05rem;font-weight:600}.category>.blurb{color:var(--muted);margin:.15rem 0 0;font-size:.9rem}.category>hr{border:0;border-block-start:1px solid var(--border);margin-block:.75rem 1.25rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:1rem;display:grid}.card{grid-template-rows:auto 1fr auto;grid-template-rows:subgrid;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;grid-row:span 3;gap:.4rem;padding:1rem 1.1rem;text-decoration:none;transition:border-color .15s,transform .15s;display:grid}.card:hover{border-color:var(--accent);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}.card h3{margin:0;font-size:1rem;font-weight:600}.card .meta{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:.82rem}.card-notes{color:var(--muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;grid-row:2;margin:0;font-size:.85rem;display:-webkit-box;overflow:hidden}.card .tags{grid-row:3}.tags{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.tag{border:1px solid var(--tag-color,var(--border));background:color-mix(in oklab, var(--tag-color,transparent) 12%, transparent);color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;padding:.1rem .5rem;font-size:.72rem;line-height:1.5;text-decoration:none;display:inline-flex}a.tag:hover{background:color-mix(in oklab, var(--tag-color,transparent) 24%, transparent)}.tag-filter{flex-wrap:wrap;gap:.4rem;margin-block-end:2rem;display:flex}.tag-filter .tag{cursor:pointer;padding:.25rem .7rem;font-size:.8rem}.tag-filter .tag[aria-current=true]{background:color-mix(in oklab, var(--tag-color,var(--accent)) 32%, transparent);border-width:2px;padding:calc(.25rem - 1px) calc(.7rem - 1px);font-weight:600}.tag-filter .tag-all{--tag-color:var(--border);background:var(--surface);color:var(--muted);margin-inline-end:.35rem;font-weight:600}.tag-filter .tag-all:hover{background:var(--surface);border-color:var(--muted);color:var(--text)}.tag-filter .tag-all[aria-current=true]{background:var(--text);border-color:var(--text);color:var(--bg)}.empty{color:var(--muted);font-size:.9rem;font-style:italic}.crumbs{color:var(--muted);margin-block-end:.75rem;font-size:.85rem}.exercise-header h1{letter-spacing:-.02em;margin:0 0 .35rem;font-size:clamp(1.5rem,1.1rem + 2vw,2.1rem)}.exercise-header .meta{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:.9rem}.exercise-header .tags{margin-block-start:.75rem}.notes{background:var(--surface);border:1px solid var(--border);border-inline-start:3px solid var(--accent);border-radius:var(--radius);white-space:pre-wrap;margin-block:1.5rem 0;padding:.85rem 1.1rem}.embed-frame{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-inline-size:780px;margin-block-start:1.75rem;margin-inline:auto;overflow:hidden}.embed-frame iframe{border:0;inline-size:100%;display:block}.actions{flex-wrap:wrap;gap:.75rem;margin-block-start:1.25rem;font-size:.9rem;display:flex}.actions a{border:1px solid var(--border);border-radius:var(--radius);padding:.4rem .9rem;text-decoration:none}.actions a:hover{border-color:var(--accent)}.site-footer{border-block-start:1px solid var(--border);color:var(--muted);margin-block-start:4rem;padding-block-start:1.25rem;font-size:.82rem}