.asp-letters{width:min(100%,48rem);color:var(--ink);text-align:center;overflow-wrap:anywhere;margin-inline:auto}.asp-letters-mini{max-width:315px;container:letter-example/inline-size}.asp-letters *{box-sizing:border-box}.asp-letters h2{hyphens:auto}.asp-letters .asp-letters-rule{margin:0 0 .75rem;font-size:.9375em;line-height:1.4}.asp-letters-equations{flex-wrap:wrap;justify-content:center;gap:1rem 1.5rem;display:flex}.asp-letters-equation{gap:.25rem;min-width:0;display:grid}.asp-letters-line{align-items:center;gap:.25rem;display:grid}.asp-letters-total{border-top:2px solid var(--ink);padding-top:.375rem}.asp-letters-sign{font-size:1.25em}.asp-letters .asp-letters-button{border:1px solid var(--control-border);background:var(--card);min-width:44px;min-height:52px;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:12px;padding:.625rem .875rem;font-size:.9375em;font-weight:600;line-height:1.3}.asp-letters .asp-letters-tile{font-variant-numeric:tabular-nums;flex-direction:column;justify-content:center;align-items:center;width:3rem;min-width:44px;min-height:52px;padding:.25rem;display:flex}.asp-letters-tile strong{font-size:1.35em;line-height:1.15}.asp-letters-tile[data-letters-unfilled=true] strong{font-size:1.5em}.asp-letters-letter{font-size:.75em;font-weight:600;line-height:1.15}.asp-letters .asp-letters-given{background:var(--bg);border:1px solid var(--line);color:var(--muted);border-radius:9px}.asp-letters .asp-letters-button[aria-pressed=true]{border:2px solid var(--accent);background:var(--accent-soft);box-shadow:none}.asp-letters .asp-letters-primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.asp-letters:not(.asp-letters-mini) .asp-letters-primary{min-width:220px}.asp-letters .asp-letters-givens{color:var(--muted);margin:.5rem 0;font-size:.8125em;line-height:1.4}.asp-letters .asp-letters-selection{margin:.75rem 0 .375rem;font-size:.875em;font-weight:600;line-height:1.4}.asp-letters-digits{grid-template-columns:repeat(5,minmax(44px,1fr));gap:.25rem;max-width:20rem;margin-inline:auto;display:grid}.asp-letters .asp-letters-digits>.asp-letters-button{border-radius:9px;min-height:44px;padding:.375rem .125rem}.asp-letters-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.75rem;display:flex}.asp-letters .asp-letters-status{margin:.75rem 0 0;font-size:.9375em;line-height:1.4}.asp-letters-status:empty{display:none}.asp-letters[data-letters-solved=true] .asp-letters-status{color:var(--good);font-weight:650}.asp-letters-columns{text-align:start;padding-inline-start:1.25rem;font-size:.875em;line-height:1.4}.asp-letters-columns li+li{margin-top:.375rem}.asp-letters-history{text-align:start;border-top:1px solid var(--line);margin-top:1rem}.asp-letters-history summary{cursor:pointer;min-height:44px;color:var(--accent);padding-block:.625rem}.asp-letters-history p{font-size:.875em}.asp-letters-method{border-top:1px solid var(--line);text-align:start;max-width:34rem;margin:1rem auto 0}.asp-letters-method summary{min-height:52px;color:var(--accent);cursor:pointer;text-underline-offset:.2em;align-items:center;padding-block:.625rem;font-weight:600;text-decoration:underline;display:flex}.asp-letters-worked{gap:.875rem;margin:.25rem 0 0;padding:0;list-style:none;display:grid}.asp-letters-worked li{gap:.25rem;display:grid}.asp-letters-column-label{color:var(--muted);font-size:.8125em}.asp-letters-worked-sum{font-variant-numeric:tabular-nums;font-size:1.125em}.asp-letters .asp-letters-worked p{margin:0;font-size:.875em;line-height:1.45}.asp-letters .asp-letters-button:is([data-letters-action=reset],[data-letters-action=clear],[data-letters-action=hint],[data-letters-action=reveal]){color:var(--accent);text-underline-offset:.2em;background:0 0;border-color:#0000;text-decoration:underline}.asp-letters .asp-letters-button[data-letters-action=next]:not(.asp-letters-primary){color:var(--accent);background:0 0;border-color:#0000}.asp-letters-mini .asp-letters-equation{align-items:center;gap:4px;display:flex}.asp-letters-mini .asp-letters-line{gap:2px;display:flex}.asp-letters-mini .asp-letters-line>span:empty{display:none}.asp-letters-mini .asp-letters-sign{width:1rem}.asp-letters-mini .asp-letters-total{border:0;padding:0}.asp-letters-mini .asp-letters-tile{border-radius:9px;width:44px;min-height:44px}.asp-letters-mini .asp-letters-given{width:auto;min-width:0;color:var(--ink);background:0 0;border:0;padding:0}.asp-letters-mini .asp-letters-letter{display:none}.asp-letters-mini .asp-letters-tile strong{font-size:1.5rem}.asp-letters-mini .asp-letters-digits{grid-template-columns:repeat(3,minmax(44px,1fr));gap:.375rem;max-width:12rem;margin-top:.5rem}.asp-letters-mini .asp-letters-actions{margin-top:.25rem}.asp-letters-mini .asp-letters-actions .asp-letters-button{min-height:44px;padding:.375rem .75rem}.asp-letters-mini .asp-letters-status{margin-top:.375rem}.asp-letters .asp-letters-note{color:var(--muted);margin:.75rem 0 0;font-size:.875em;line-height:1.4}.asp-letters :is(button,summary):focus-visible{outline:3px solid var(--accent);outline-offset:3px}.asp-letters button:disabled{cursor:default}.asp-letters ::selection{background:var(--accent-soft);color:var(--ink)}@media (hover:hover){.asp-letters-button:hover:not(:disabled){border-color:var(--accent)}}@media (width<=700px){.asp-letters:not(.asp-letters-mini) .asp-letters-primary{flex:100%;width:100%}}