@layer components{.spins-summary{display:grid;grid-template-columns:minmax(0,1fr);margin-bottom:1.5rem;border:1px solid var(--color-border-default);background:var(--color-bg-card)}.spins-summary>div{min-width:0;padding:1.25rem}.spins-summary>div+div{border-top:1px solid var(--color-border-subtle)}.spins-summary dt{color:var(--color-text-muted);font-size:.875rem;line-height:1.5}.spins-summary dd{margin-top:.5rem;color:var(--color-text);font-size:1rem;font-weight:700;line-height:1.5}.spins-calculation{margin-block:1.75rem;padding:1.25rem;border-left:2px solid var(--color-primary);background:var(--color-bg-card)}.spins-calculation .spins-formula{margin-block:.875rem;color:var(--color-text);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;line-height:1.4;font-variant-numeric:tabular-nums}.spins-related a{display:inline-flex;align-items:center;gap:.75rem;min-height:3rem;padding-block:.75rem;font-size:1rem;font-weight:700;text-decoration:underline;text-underline-offset:.2em}.spins-related svg{flex-shrink:0}@media (min-width:48rem){.spins-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.spins-summary>div+div{border-top:0;border-left:1px solid var(--color-border-subtle)}}@media (forced-colors:active){.spins-calculation,.spins-summary,.spins-summary>div{border-color:CanvasText;background:Canvas}.spins-calculation .spins-formula,.spins-summary dd,.spins-summary dt{color:CanvasText}}}