.class-kicker{color:var(--color-atom);align-items:center;gap:14px;margin:0 0 18px;display:flex}.class-kicker .sdais-pixel{max-width:calc(100% - 54px)}.class-step{color:var(--color-terra);margin-right:8px}.class-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.class-card{background:var(--color-ink);border:1px solid var(--color-line);flex-direction:column;gap:10px;padding:18px 18px 20px;transition:border-color .14s,box-shadow .14s;display:flex;position:relative}.class-card:hover,.class-card:focus-within{border-color:var(--color-atom);box-shadow:8px 8px 0 0 color-mix(in oklab, var(--color-atom) 14%, transparent)}.class-card.is-closed{border-style:dashed}.class-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.class-num{color:var(--color-terra);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:600}.class-badge{border:2px solid var(--color-line);color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px);align-items:center;gap:7px;padding:4px 8px 4px 7px;font-size:10px;font-weight:600;display:inline-flex}.is-open .class-badge{border-color:var(--color-atom);color:var(--color-atom)}.class-icon{background:var(--color-ink-2);width:44px;height:44px;color:var(--color-atom);justify-content:center;align-items:center;display:inline-flex}.class-stats{border-top:1px dashed var(--color-line);gap:12px;margin:6px 0 0;padding-top:12px;display:grid}.class-stat dt{color:var(--color-terra);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;font-size:10px;font-weight:600}.class-stat ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.class-stat li{color:var(--color-paper-soft);padding-left:14px;font-size:.95rem;line-height:1.45;position:relative}.class-stat li:before{content:"";background:var(--color-atom);width:6px;height:6px;position:absolute;top:.5em;left:0}.class-stat dd{margin:0}.class-stat dd p{color:var(--color-paper-soft);margin:0;font-size:.95rem;line-height:1.45}.class-card a:focus-visible{outline:2px solid var(--color-atom);outline-offset:3px}@media (prefers-reduced-motion:reduce){.class-card{transition:none}}