.asp-trio{width:min(100%,540px);min-width:0;color:var(--ink);text-align:center;margin-inline:auto;font-size:1rem}.asp-trio *{box-sizing:border-box}.asp-trio [hidden]{display:none!important}.asp-trio .asp-trio-instruction{text-wrap:pretty;margin:0 auto 16px;line-height:1.5}.asp-trio .asp-trio-features{color:var(--muted);margin:0 0 10px;font-size:.8125em;line-height:1.4}.asp-trio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.asp-trio .asp-trio-card{border:1px solid var(--control-border);min-width:44px;min-height:92px;color:var(--ink);background:var(--card);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:12px;padding:18px 3px 3px;position:relative}.asp-trio-card svg{width:100%;max-height:100px;display:block}.asp-trio-letter{font-size:.75em;font-weight:650;position:absolute;inset-block-start:3px;inset-inline-start:9px}.asp-trio .asp-trio-card[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-soft)}.asp-trio-card[data-trio-hinted=true] .asp-trio-letter{text-underline-offset:3px;text-decoration:underline 3px}.asp-trio .asp-trio-card:disabled{cursor:default;opacity:1}.asp-trio .asp-trio-count{color:var(--muted);font-variant-numeric:tabular-nums;margin:10px 0;font-size:.875em}.asp-trio-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.asp-trio .asp-trio-control{border:1px solid var(--control-border);min-width:52px;max-width:100%;min-height:52px;color:var(--ink);background:var(--card);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:12px;padding:12px 16px;font-size:.875em;line-height:1.4}.asp-trio .asp-trio-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:650}.asp-trio .asp-trio-control:disabled{color:var(--muted);border-color:var(--line);cursor:default}.asp-trio-feedback{text-align:start;margin-top:14px}.asp-trio .asp-trio-assistance{color:var(--muted);margin:12px 0 0;font-size:.8125em;line-height:1.4}.asp-trio .asp-trio-feedback p{overflow-wrap:anywhere;margin:6px 0;font-size:.875em;line-height:1.5}.asp-trio[data-trio-phase=review] .asp-trio-feedback p:first-child{color:var(--accent);font-weight:650}.asp-trio .asp-trio-comparison{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.8125em;line-height:1.4}.asp-trio-comparison caption{text-align:start;margin-bottom:8px;font-weight:650}.asp-trio-comparison :is(th,td){border-bottom:1px solid var(--line);text-align:start;vertical-align:top;overflow-wrap:anywhere;padding:9px 6px}.asp-trio-comparison th{font-weight:650}.asp-trio-comparison th:first-child{width:26%;padding-inline-start:0}.asp-trio-comparison th:nth-child(2){width:42%}.asp-trio-comparison td span{margin-bottom:3px;display:block}.asp-trio-comparison tr[data-trio-relation=mixed] td:last-child{text-underline-offset:3px;font-weight:700;text-decoration:underline}.asp-trio .asp-trio-pair{border-top:1px solid var(--line);text-align:start;margin-top:18px;padding-top:14px}.asp-trio .asp-trio-pair h3{margin:0 0 10px;font-size:.9375em;line-height:1.4}.asp-trio-pair-figures{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:10px;display:grid}.asp-trio-pair-figures figure{text-align:center;min-width:0;margin:0}.asp-trio-pair-figures svg{border:1px solid var(--line);border-radius:12px;width:100%;height:64px;display:block}.asp-trio-pair-figures .asp-trio-ghost svg{border:2px dashed var(--control-border)}.asp-trio-pair-figures figcaption{overflow-wrap:anywhere;margin-top:5px;font-size:.75em;line-height:1.35}.asp-trio .asp-trio-pair-reasons{margin:12px 0 0;padding-inline-start:18px;font-size:.8125em;line-height:1.5}.asp-trio-pair-reasons li+li{margin-top:6px}.asp-trio .asp-trio-pair-availability{margin:10px 0 0;font-size:.8125em;line-height:1.5}.asp-trio-card[data-trio-pair=true] .asp-trio-letter{text-underline-offset:3px;text-decoration:underline 2px}.asp-trio :is(button,[tabindex]):focus-visible{outline:3px solid var(--accent);outline-offset:3px}.asp-trio ::selection{color:var(--ink);background:var(--accent-soft)}.asp-trio-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.asp-trio[data-trio-mode=mini]{max-width:315px}.asp-trio[data-trio-mode=mini] .asp-trio-instruction{margin-bottom:8px;font-size:.875em;line-height:1.4}.asp-trio[data-trio-mode=mini] .asp-trio-grid{gap:6px}.asp-trio[data-trio-mode=mini] .asp-trio-card{border-radius:9px;min-height:48px;padding:14px 4px 3px}.asp-trio[data-trio-mode=mini] .asp-trio-card svg{height:30px}.asp-trio[data-trio-mode=mini] .asp-trio-control{min-width:44px;min-height:44px;padding:8px 12px}.asp-trio[data-trio-mode=mini] .asp-trio-actions{margin-top:8px}.asp-trio[data-trio-mode=mini] .asp-trio-feedback{text-align:center;margin-top:8px}@media (hover:hover){.asp-trio-card:not(:disabled):hover,.asp-trio-control:not(:disabled):not(.asp-trio-primary):hover{background:var(--accent-soft);border-color:var(--accent)}}@media (prefers-reduced-motion:reduce){.asp-trio *{scroll-behavior:auto;transition:none;animation:none}}@media (forced-colors:active){.asp-trio{--ink:CanvasText;--accent:Highlight;--accent-ink:HighlightText;--card:Canvas;--accent-soft:Canvas;--control-border:ButtonText}.asp-trio .asp-trio-card[aria-pressed=true]{outline-offset:-4px;outline:3px solid highlight}}@media (width<=700px){.asp-trio[data-trio-mode=round] .asp-trio-primary{flex:100%;width:100%}}