.aw{margin-top:6px}.aw-tabs.seg{display:flex;width:min(100%,380px);margin:0 auto 4px}.aw-tabs.seg a{flex:1;text-align:center;min-height:40px;display:flex;align-items:center;justify-content:center;padding:8px 6px;white-space:nowrap}.aw-tabs.seg a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.aw:not([data-js]) .aw-tabs,.aw:not([data-js]) .aw-steps{display:none}.aw-why{min-height:6.5em;width:min(100%,380px);margin:8px auto 4px;line-height:1.5}.aw-steps{display:flex;gap:8px;margin:6px auto 0;width:min(100%,380px)}.aw-steps .btn{min-height:44px;flex:1 1 0;padding:0 10px;white-space:nowrap}.aw-steps .btn.primary{flex:1.3 1 0}.aw[data-mode=answer] .aw-steps{display:none}.aw-why-answer{min-height:0}.aw[data-mode=step] .aw-why-answer,.aw:not([data-mode=step]) .aw-why-step{display:none}.aw[data-mode=play] .aw-stage,.aw:not([data-mode=play]) .aw-play{display:none}.aw-bar{display:flex;align-items:center;justify-content:space-between;width:min(100%,380px);margin:8px auto 0}.aw-clock{font-variant-numeric:tabular-nums;font-weight:800;font-size:1.1rem}.aw-note{text-align:center;margin:6px 0 0}.aw-done{width:min(100%,380px);margin:10px auto 4px;padding:12px 12px 14px;border-radius:14px;background:var(--brand-soft, var(--cell-alt));text-align:center;scroll-margin:80px}.aw-done[hidden]{display:none}.aw-solved{font-weight:800;font-size:1.1rem;margin:0 0 10px;color:var(--brand-text, var(--brand-strong))}.aw-solved:before{content:"✓ "}.aw-done .btn-row{justify-content:center;margin:0}@media (max-width: 600px){.aw-bar .btn{min-height:44px}}