.g12a-sheet{border:2px solid var(--ft-line);border-radius:var(--ft-radius);background:var(--ft-surface);gap:12px;padding:18px 18px 8px;display:grid}.g12a-sheet-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;display:flex}.g12a-sheet h2{color:var(--ft-ink);margin:0;font-size:18px;font-weight:700;line-height:1.3}.g12a-sheet-count{color:var(--ft-blue-ink);font-size:14px;font-weight:700}.g12a-rules{margin:0;padding:0;list-style:none;display:grid}@media (min-width:900px){.g12a-rules{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}}.g12a-rule{border-top:1px solid var(--ft-line);grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px;padding:10px 0;display:grid}.g12a-rule:first-child{border-top:0}@media (min-width:900px){.g12a-rule:nth-child(2){border-top:0}}.g12a-rule-num{background:var(--ft-sunk);width:28px;height:28px;color:var(--ft-ink-2);border-radius:50%;place-items:center;margin-top:1px;font-size:13px;font-weight:700;display:grid}.g12a-tick{border:2px solid var(--ft-line);background:var(--ft-surface);cursor:pointer;border-radius:8px;place-items:center;width:28px;height:28px;margin-top:1px;padding:0;transition:background-color .15s,border-color .15s;display:grid}.g12a-tick svg{fill:none;stroke:#0000;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.g12a-tick:hover{border-color:var(--ft-ink-3)}.g12a-tick[aria-pressed=true]{border-color:var(--ft-blue);background:var(--ft-blue)}.g12a-tick[aria-pressed=true] svg{stroke:#fff}.g12a-tick{position:relative}.g12a-tick:after{content:"";position:absolute;inset:-8px}.g12a-rule-body{gap:2px;min-width:0;display:grid}.g12a-rule-body p{margin:0}.g12a-rule-term{color:var(--ft-ink);font-size:16px;font-weight:700;line-height:1.4}.g12a-rule-text{color:var(--ft-ink-2);font-size:15px;line-height:1.5}.g12a-rule-eg{color:var(--ft-ink);font-size:15px;line-height:1.5}.g12a-rule[data-ticked] .g12a-rule-term{color:var(--ft-blue-ink)}.g12a-picker{gap:10px;display:grid}.g12a-dots{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.g12a-dots li{display:block}.g12a-dots button{border:2px solid var(--ft-line);background:var(--ft-surface);cursor:pointer;border-radius:50%;width:14px;height:14px;padding:0;transition:transform .15s,background-color .15s;display:block;position:relative}.g12a-dots button:after{content:"";position:absolute;inset:-10px -4px}.g12a-dots li[data-state=now] button{border-color:var(--ft-ink);transform:scale(1.15)}.g12a-dots li[data-state=right] button{border-color:var(--ft-blue);background:var(--ft-blue)}.g12a-dots li[data-state=wrong] button{border-color:var(--ft-red-ink);background:var(--ft-red-soft)}.g12a-card{gap:18px;display:grid}.g12a-card-top{justify-content:flex-end;display:flex}.g12a-timer{background:var(--ft-sunk);font-variant-numeric:tabular-nums;min-height:32px;color:var(--ft-ink-2);border-radius:999px;align-items:center;padding:4px 12px;font-size:15px;font-weight:700;display:inline-flex}.g12a-timer[data-over]{background:var(--ft-amber-soft);color:var(--ft-amber-ink)}.g12a-context{border:2px solid var(--ft-line);border-radius:var(--ft-radius);background:var(--ft-surface);margin:0;padding:16px 18px}.g12a-context figcaption{color:var(--ft-ink-3);margin:0 0 8px;font-size:14px;font-weight:700}.g12a-context p{color:var(--ft-ink);margin:0 0 10px;font-size:16px;line-height:1.6}.g12a-context p:last-child{margin-bottom:0}.g12a-sources{gap:12px;display:grid}@media (min-width:900px){.g12a-sources{grid-template-columns:repeat(2,minmax(0,1fr))}}.g12a-notes{gap:6px;margin:0;padding-left:20px;font-size:16px;line-height:1.5;display:grid}.g12a-code{border-radius:var(--ft-radius-s);background:var(--ft-sunk);white-space:pre;margin:0;padding:14px 16px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:15px;line-height:1.55;overflow-x:auto}.g12a-figure{justify-self:center;width:100%;max-width:560px;margin:0}.g12a-figures{gap:12px;display:grid}@media (min-width:900px){.g12a-figures{grid-template-columns:repeat(2,minmax(0,1fr))}}.g12a-step{gap:12px;display:grid}.g12a-step+.g12a-step{border-top:2px dashed var(--ft-line);padding-top:18px}.g12a-step-num{color:var(--ft-ink-3);margin:0;font-size:14px;font-weight:700}.g12a-ask{color:var(--ft-ink);margin:0;font-size:18px;font-weight:700;line-height:1.4}.g12a-choices{gap:10px;display:grid}.g12a-choice{border:2px solid var(--ft-line);border-radius:var(--ft-radius);background:var(--ft-surface);width:100%;min-height:56px;box-shadow:0 3px 0 var(--ft-line);font:inherit;text-align:left;color:var(--ft-ink);cursor:pointer;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:12px;padding:10px 16px;font-size:16px;line-height:1.45;transition:transform .12s,box-shadow .12s,border-color .12s;display:grid}.g12a-choice:hover:not(:disabled){border-color:var(--ft-ink-3)}.g12a-choice:active:not(:disabled){box-shadow:0 0 0 var(--ft-line);transform:translateY(3px)}.g12a-choice:disabled{cursor:default}.g12a-choice:focus-visible{outline:3px solid var(--ft-blue-mid);outline-offset:2px}.g12a-choice-text{overflow-wrap:anywhere;min-width:0}.g12a-letter{background:var(--ft-sunk);width:32px;height:32px;color:var(--ft-ink-2);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.g12a-choice[data-state=key]{border-color:var(--ft-blue);background:var(--ft-blue-soft);box-shadow:0 3px 0 var(--ft-blue-edge)}.g12a-choice[data-state=key] .g12a-letter{background:var(--ft-blue);color:#fff}.g12a-choice[data-state=wrong]{border-color:var(--ft-red-ink);background:var(--ft-red-soft);box-shadow:0 3px 0 var(--ft-red-ink)}.g12a-choice[data-state=wrong] .g12a-letter{background:var(--ft-red-ink);color:#fff}.g12a-feedback{border-radius:var(--ft-radius);border:2px solid var(--ft-red-ink);background:var(--ft-surface);gap:8px;padding:14px 16px;animation:.2s ease-out g12a-in;display:grid}.g12a-feedback[data-right]{border-color:var(--ft-blue)}.g12a-feedback p{margin:0;font-size:16px;line-height:1.55}.g12a-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}@keyframes g12a-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.g12a-choice,.g12a-dots button,.g12a-tick{transition:none}.g12a-choice:active:not(:disabled){transform:none}.g12a-feedback{animation:none}}
