.g-cards{gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:700px){.g-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.g-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.g-cardlink{border:1px solid var(--c1-line);border-radius:var(--c1-radius-lg);background:var(--c1-surface);height:100%;box-shadow:var(--c1-shadow-sm);color:var(--c1-ink);transition:border-color var(--c1-dur-fast) ease, transform var(--c1-dur) var(--c1-ease), box-shadow var(--c1-dur) ease;gap:6px;padding:22px 22px 20px;text-decoration:none;display:grid}.g-cardlink:hover{box-shadow:var(--c1-shadow);border-color:#1d6a7073;transform:translateY(-3px)}.g-cardlink__topic{color:var(--c1-bronze);font-size:.8125rem}.g-cardlink__title{font-family:var(--c1-heading);color:var(--c1-navy);font-size:1.375rem;font-weight:700;line-height:1.45}.g-cardlink__blurb{color:var(--c1-ink-soft);line-height:1.8}.g-cardlink__meta{color:var(--c1-teal);margin-top:6px;font-size:.8125rem;font-weight:600}.g-topic{color:var(--c1-bronze);margin:12px 0 0}.g-layout{align-items:start;gap:24px;display:grid}@media (min-width:1024px){.g-layout{grid-template-columns:minmax(0,1fr) 280px;gap:40px}}.g-about{color:var(--c1-bronze);font-size:.875rem;line-height:1.8}.g-about p{margin:0 0 8px}.g-card{border:1px solid var(--c1-line);background:var(--c1-paper);border-radius:24px;max-width:760px;padding:24px 18px}@media (min-width:768px){.g-card{padding:40px 44px}}.g-start{justify-items:start;gap:14px;display:grid}.g-title{font-family:var(--c1-heading);color:var(--c1-navy);margin:0;font-size:clamp(2rem,1.5rem + 2vw,2.9rem);font-weight:800;line-height:1.3}.g-lede{max-width:52ch;color:var(--c1-ink-soft);margin:0;font-size:1.0625rem;line-height:1.9}.g-meta{color:var(--c1-bronze);margin:0;font-size:.875rem}.g-title:focus,.g-q:focus{outline:none}.g-scene{aspect-ratio:16/9;object-fit:cover;background:var(--c1-bg-deep);border-radius:16px;width:100%;margin-bottom:18px;display:block}.g-progress{gap:6px;margin-bottom:18px;display:flex}.g-progress span{background:var(--c1-hair);border-radius:4px;flex:1;height:4px}.g-progress span[data-state=done]{background:var(--c1-teal)}.g-progress span[data-state=now]{background:color-mix(in srgb, var(--c1-teal) 45%, transparent)}.g-q{color:var(--c1-navy);margin:6px 0 20px;font-size:clamp(1.25rem,1.1rem + .6vw,1.6rem);font-weight:700;line-height:1.7}.g-q__tag{color:var(--c1-teal);margin-bottom:4px;font-size:.875rem;font-weight:600;display:block}.g-options{gap:10px;display:grid}.g-options--tf{grid-template-columns:1fr 1fr}.g-option{border:1.5px solid var(--c1-line);min-height:56px;color:var(--c1-navy);font:500 1.0625rem var(--c1-ui);text-align:start;cursor:pointer;transition:border-color var(--c1-dur-fast) ease, background-color var(--c1-dur-fast) ease, transform var(--c1-dur-fast) var(--c1-ease);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:10px 14px;display:flex}.g-options--tf .g-option{justify-content:center;font-size:1.25rem;font-weight:700}.g-option:hover:not(:disabled){border-color:var(--c1-teal)}.g-option:active:not(:disabled){transform:scale(.985)}.g-option:disabled{cursor:default}.g-option__mark{background:var(--c1-bg);width:32px;height:32px;color:var(--c1-bronze);border-radius:999px;flex:none;place-items:center;font-weight:700;display:grid}.g-option__icon{flex:none;margin-inline-start:auto}.g-option[data-state=active]{border-color:var(--c1-teal);background:var(--c1-teal-soft)}.g-option[data-state=right]{border-color:var(--c1-ok);color:#1f4c37;background:#e3efe7}.g-option[data-state=right] .g-option__mark{background:var(--c1-ok);color:#fff}.g-option[data-state=wrong]{border-color:var(--c1-err);color:#6f2a1d;background:#f6e3de}.g-option[data-state=wrong] .g-option__mark{background:var(--c1-err);color:#fff}@media (prefers-reduced-motion:no-preference){.g-option[data-state=wrong]{animation:c1-shake .42s var(--c1-ease)}.g-option[data-state=right] .g-option__mark{animation:c1-pop var(--c1-dur) var(--c1-ease)}}.g-feedback{border-radius:14px;margin-top:16px;padding:14px 16px;line-height:1.85}.g-feedback[data-state=right]{color:#1f4c37;background:#e3efe7}.g-feedback[data-state=wrong]{color:#6f2a1d;background:#f6e3de}.g-feedback b{font-size:1.0625rem;display:block}.g-feedback p{margin:4px 0 0}.g-feedback svg{vertical-align:-3px;display:inline}.g-next{margin-top:18px}.g-match{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:12px;display:grid}.g-match>div{align-content:start;gap:8px;display:grid}.g-option--desc{font-size:.95rem;line-height:1.6}.g-option--desc:disabled:not([data-state]){opacity:.7}.g-score{color:var(--c1-teal);margin:0;font-size:clamp(3rem,2.4rem + 3vw,4.5rem);font-weight:800;line-height:1.1}.g-score>span:last-child{color:var(--c1-bronze);font-size:1.25rem;font-weight:600}
