.figure-card{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface) 70%, transparent);min-inline-size:0;box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--gold-dim) 18%, transparent);transition:border-color var(--hq-dur-quick) linear, background-color var(--hq-dur-quick) linear, transform var(--hq-dur-quick) var(--hq-ease-ink);border-radius:4px;flex-direction:column;display:flex;position:relative;overflow:hidden}.figure-card[hidden]{display:none}.figure-card:hover,.figure-card:focus-within{border-color:var(--gold);background:var(--surface-hover)}.figure-card__portrait{aspect-ratio:1.15;background:radial-gradient(ellipse at 50% 20%, color-mix(in srgb, var(--gold-dim) 65%, transparent), transparent 85%), linear-gradient(to bottom, var(--surface-hover), var(--surface));padding-block-start:5px;position:relative;overflow:hidden}.figure-card__portrait:after{content:"";pointer-events:none;background:linear-gradient(to bottom, transparent 64%, color-mix(in srgb, var(--surface) 70%, transparent));position:absolute;inset:0}.figure-card__portrait .figure-portrait{object-position:center bottom;object-fit:contain}.figure-card__copy{flex-direction:column;flex:1;gap:4px;min-inline-size:0;padding:5px 10px 10px;display:flex}.figure-card__name{text-wrap:balance;overflow-wrap:anywhere;min-block-size:2.5em;margin:0;font:600 13px/1.25 Playfair Display,Playfair Fallback,Georgia,serif}.figure-card__period,.figure-card__era{color:var(--foreground-muted);margin:0;font-size:10px;line-height:1.45}.figure-card__meta{color:var(--foreground-muted);flex-wrap:wrap;align-items:center;gap:5px;margin:auto 0 0;padding-block-start:6px;font-size:10px;display:flex}.figure-card__lesson-plan{align-items:center;gap:5px;display:inline-flex}.figure-card__free-chat{z-index:1;border:1px solid var(--border-strong);background:var(--primary);min-block-size:44px;color:var(--primary-foreground);border-radius:4px;justify-content:space-between;align-items:center;gap:8px;margin-block-start:8px;padding:8px 12px;font-size:12px;font-weight:500;text-decoration:none;display:flex;position:relative}.figure-card__free-chat:hover{background:var(--primary-hover)}.figure-card__free-chat:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.figure-card__free-chat span:dir(rtl){transform:scaleX(-1)}.figure-card .learn-plan{letter-spacing:0;border-radius:3px;padding:2px 6px;font-size:10px}.figure-card__count{white-space:nowrap;margin-inline-start:auto}.figure-card__link{color:var(--gold);text-decoration:none;position:absolute;inset:0}.figure-card__arrow{border:1px solid var(--gold-border);background:var(--surface);block-size:24px;inline-size:24px;color:var(--gold);opacity:0;transition:opacity var(--hq-dur-quick) linear;border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:8px;inset-inline-end:8px}.figure-card:hover .figure-card__arrow,.figure-card:focus-within .figure-card__arrow{opacity:1}.figure-card__link:focus-visible{outline:none}.figure-card:has(.figure-card__link:focus-visible){outline:2px solid var(--gold);outline-offset:3px}.figure-card[data-section=free] .figure-card__portrait{aspect-ratio:1.6}.figure-card[data-section=free] .figure-card__copy{gap:4px;padding:8px 14px 12px}.figure-card[data-section=free] .figure-card__name{min-block-size:0;font-size:17px}.figure-card[data-section=free] .figure-card__period,.figure-card[data-section=free] .figure-card__era{font-size:11px}.figure-card[data-section=free] .figure-card__meta{padding-block-start:7px;font-size:11px}.figure-card[data-section=free] .learn-plan{font-size:11px}html[data-theme=dark] .figure-card__portrait .figure-portrait{filter:brightness(.93)saturate(.86)}[dir=rtl] .figure-card__arrow{transform:scaleX(-1)}@media (hover:hover){.figure-card:hover{transform:translateY(-2px)}}@media (width<=899px){.figure-card[data-section=free] .figure-card__portrait{aspect-ratio:1.15}.figure-card[data-section=free] .figure-card__copy{padding-inline:10px}.figure-card[data-section=free] .figure-card__name{min-block-size:2.5em;font-size:14px}}@media (width<=639px){.figure-card__portrait,.figure-card[data-section=free] .figure-card__portrait{aspect-ratio:1.2}.figure-card__name{font-size:14px}.figure-card__copy{padding:5px 10px 11px}.figure-card__period,.figure-card__era{font-size:11px}.figure-card__meta,.figure-card[data-section=free] .figure-card__meta,.figure-card[data-section=free] .learn-plan{font-size:10px}}@media (width<=359px){.figure-card__copy,.figure-card[data-section=free] .figure-card__copy{padding-inline:8px}.figure-card__name,.figure-card[data-section=free] .figure-card__name{font-size:13px}.figure-card__meta{gap:4px}.figure-card .learn-plan{padding-inline:5px}}@media (prefers-reduced-motion:reduce){.figure-card:hover{transform:none}}
