.fr-grid{gap:1.5rem;width:100%;max-width:28rem;margin-inline:auto;display:grid}@media (min-width:1024px){.fr-grid{grid-template-rows:18rem auto;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:0;max-width:none}.fr-grid>li{grid-row:span 2;grid-template-rows:subgrid;display:grid}}.fr-card{aspect-ratio:6/5;border:1px solid var(--color-cream-deep);border-radius:var(--radius-lg);height:100%;box-shadow:var(--shadow-card);transition:transform .25s var(--ease-spring), box-shadow .25s var(--ease-spring);background:#fff;grid-template-rows:minmax(0,2fr) minmax(min-content,1fr);display:grid;overflow:hidden}@media (min-width:1024px){.fr-card{grid-row:span 2;grid-template-rows:subgrid;aspect-ratio:auto}}.fr-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-.25rem)}.fr-visual{border-bottom:1px solid var(--color-cream-deep);place-items:center;display:grid;position:relative;overflow:hidden}.fr-visual--finder{--fr-tint:var(--color-teal);--fr-ink:var(--color-teal-ink)}.fr-visual--course{--fr-tint:var(--color-purple);--fr-ink:var(--color-purple-ink)}.fr-visual--tools{--fr-tint:var(--color-coral);--fr-ink:var(--color-coral-ink)}.fr-visual{background:radial-gradient(120% 90% at 50% 110%, color-mix(in oklab, var(--fr-tint) 22%, transparent), transparent 70%), color-mix(in oklab, var(--fr-tint) 10%, #fff)}.fr-mini{border:1px solid color-mix(in oklab, var(--fr-tint) 25%, var(--color-cream-deep));border-radius:var(--radius-md);width:15.5rem;box-shadow:0 14px 28px -18px color-mix(in oklab, var(--fr-ink) 55%, transparent);color:var(--color-ink-900);background:#fff;padding:.875rem;font-size:.8125rem;line-height:1.35}.fr-line{border-radius:var(--radius-pill);background:color-mix(in oklab, var(--color-ink-900) 14%, transparent);height:6px;display:block}.fr-line--soft{background:color-mix(in oklab, var(--color-ink-900) 8%, transparent)}.fr-search{flex-direction:column;gap:.5rem;display:flex}.fr-field{border:1px solid var(--color-cream-deep);border-radius:var(--radius-pill);align-items:center;gap:.4rem;padding:.35rem .7rem;font-weight:600;display:flex}.fr-field-icon{width:.85rem;height:.85rem;color:var(--fr-ink);flex-shrink:0}.fr-chips{gap:.35rem;display:flex}.fr-chip{border-radius:var(--radius-pill);background:color-mix(in oklab, var(--fr-tint) 16%, #fff);color:var(--fr-ink);align-items:center;gap:.3rem;padding:.15rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.fr-chip-code{opacity:.8;font-weight:400}.fr-result{border-top:1px solid var(--color-cream-deep);flex-direction:column;gap:.3rem;padding-top:.5rem;display:flex}.fr-type{border-radius:var(--radius-pill);background:var(--color-cream-mid,#f4f0f0);color:var(--color-ink-700);align-self:flex-start;padding:.05rem .45rem;font-size:.6875rem;font-weight:700}.fr-lesson{flex-direction:column;gap:.6rem;display:flex}.fr-lesson-top{color:var(--color-ink-700);font-size:.75rem;font-weight:700}.fr-segments{grid-template-columns:repeat(5,1fr);gap:.25rem;display:grid}.fr-segment{border-radius:var(--radius-pill);background:color-mix(in oklab, var(--fr-tint) 16%, #fff);height:5px}.fr-segment--done{background:var(--fr-tint)}.fr-bubble{background:var(--fr-tint);color:#fff;border-radius:12px 12px 4px;align-self:flex-end;max-width:85%;padding:.45rem .65rem;font-weight:600}.fr-reply{background:var(--color-cream-mid,#f4f0f0);border-radius:12px 12px 12px 4px;flex-direction:column;gap:.35rem;width:85%;padding:.6rem .65rem;display:flex}.fr-doc{flex-direction:column;align-items:flex-start;gap:.45rem;display:flex}.fr-tool{border-radius:var(--radius-pill);background:color-mix(in oklab, var(--fr-tint) 16%, #fff);color:var(--fr-ink);padding:.1rem .55rem;font-size:.75rem;font-weight:700}.fr-before{color:var(--color-ink-500);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in oklab, var(--fr-tint) 70%, transparent);text-decoration-color:color-mix(in oklab, var(--fr-tint) 70%, transparent);text-decoration-thickness:1.5px}.fr-turn{width:.9rem;height:.9rem;color:var(--fr-ink)}.fr-after{font-family:var(--font-display);font-size:.9375rem;font-weight:700;line-height:1.3}.fr-body{flex-direction:column;justify-content:flex-start;gap:.35rem;padding:1rem 1.25rem 1.15rem;display:flex}.fr-title{font-family:var(--font-display);font-size:var(--text-title);color:var(--color-ink-900);font-weight:700;line-height:1.25}.fr-card:hover .fr-title{color:var(--color-purple-ink)}.fr-text{color:var(--color-ink-700);line-height:1.45}@media (prefers-reduced-motion:reduce){.fr-card{transition:none}.fr-card:hover{transform:none}}