.problem-card[data-astro-cid-cpvlczs2]{gap:.1rem var(--space-4);padding:var(--space-5);background:var(--c-surface);border:1px solid var(--c-line);border-left:3px solid var(--c-accent);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);grid-template-columns:auto 1fr;grid-template-areas:"mark tag""mark quote""mark how";display:grid}.problem-card[data-astro-cid-cpvlczs2]:hover{box-shadow:var(--shadow-md);border-left-color:var(--c-accent-strong);transform:translateY(-2px)}.problem-card__mark[data-astro-cid-cpvlczs2]{font-size:var(--text-xs);color:var(--c-accent);letter-spacing:var(--tracking-widest);transition:color var(--dur) var(--ease-out);grid-area:mark;padding-top:.35rem;font-weight:700}.problem-card__tag[data-astro-cid-cpvlczs2]{font-size:var(--text-2xs);grid-area:tag;place-self:start end;padding:.15rem .6rem}.problem-card[data-astro-cid-cpvlczs2]:hover .problem-card__mark[data-astro-cid-cpvlczs2]{color:var(--c-accent-strong)}.problem-card__quote[data-astro-cid-cpvlczs2]{color:var(--c-ink);font-weight:600;font-size:var(--text-md);line-height:var(--leading-snug);grid-area:quote}.problem-card__how[data-astro-cid-cpvlczs2]{color:var(--c-muted);font-size:var(--text-sm);grid-area:how;margin-top:.4rem}