.tut-glyph-tile{color:var(--accent-ink);background:var(--accent-soft);border:1px solid var(--line);border-radius:var(--r-md,14px);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tut-glyph-tile--sm{border-radius:var(--r-sm,12px);width:2.5rem;height:2.5rem}.tut-glyph-tile--md{width:3rem;height:3rem}.tut-glyph-tile--lg{border-radius:var(--r-lg,18px);width:4rem;height:4rem}@media (prefers-reduced-motion:no-preference){.tut-card .tut-glyph-tile{transition:background .35s var(--ease-out,ease), border-color .35s var(--ease-out,ease), transform .35s var(--ease-out,ease)}.tut-card:hover .tut-glyph-tile,.tut-card:focus-visible .tut-glyph-tile{background:color-mix(in oklch, var(--accent-soft) 70%, var(--accent) 30%);border-color:var(--accent);transform:translateY(-2px)}.tut-card .tut-glyph-tile svg{transition:transform .35s var(--ease-out,ease)}.tut-card:hover .tut-glyph-tile svg{transform:scale(1.06)rotate(-2deg)}}.tut-meta{font-family:var(--font-mono);letter-spacing:.08em;text-transform:lowercase;color:var(--ink-3);font-size:.6875rem;line-height:1.4}.tut-meta__sep{color:var(--ink-4,var(--ink-3));opacity:.7;margin:0 .5ch}.tut-meta__accent{color:var(--accent-ink)}.tut-card-footer{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);font-size:.6875rem}@media (prefers-reduced-motion:no-preference){.tut-card-footer svg{transition:transform .3s var(--ease-out,ease)}.tut-card:hover .tut-card-footer svg{transform:translate(3px)}}.tut-rung{align-items:center;gap:.5rem;display:inline-flex}.tut-rung__glyph{border-radius:var(--r-sm,12px);width:2.25rem;height:2.25rem;color:var(--accent-ink);background:var(--accent-soft);border:1px solid var(--line);justify-content:center;align-items:center;display:inline-flex}.tut-rung__num{font-family:var(--font-mono);letter-spacing:.12em;color:var(--ink-3);font-size:.625rem;font-weight:700}.tut-rung__index{font-family:var(--font-mono);letter-spacing:.12em;color:var(--ink-4,var(--ink-3));font-size:.625rem}.tut-family-count{font-family:var(--font-mono);letter-spacing:.1em;text-transform:lowercase;color:var(--ink-3);font-size:.6875rem}.tut-mini-glyph{color:var(--accent-ink);background:var(--accent-soft);border:1px solid var(--line);border-radius:var(--r-md,14px);flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:inline-flex}.tut-mini-glyph--inline{border-radius:var(--r-sm,12px);width:2.5rem;height:2.5rem}