.learn-stages{min-width:0}.learn-stages-tabs{border-bottom:1px solid #d7c16b33;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.learn-stages-tab{min-width:0;min-height:2.75rem;color:rgb(var(--color-text-secondary-rgb,182 190 203));font-size:var(--font-size-xs,.75rem);letter-spacing:.12em;text-transform:uppercase;overflow-wrap:anywhere;border-bottom:2px solid #0000;padding:.625rem .25rem;transition:color .16s,border-color .16s,background-color .16s}.learn-stages-tab[aria-selected=true]{border-bottom-color:rgb(var(--color-accent-rgb,215 193 107));color:rgb(var(--color-accent-rgb,215 193 107));background:linear-gradient(#0000,#d7c16b13)}.learn-stages-tab:hover{color:#f5e7b0}.learn-stages-tab:focus-visible,.learn-stages-panel:focus-visible{outline:2px solid rgb(var(--color-accent-rgb,215 193 107));outline-offset:4px}.learn-stages-panels{min-width:0;padding-top:1.5rem;display:grid}.learn-stages-panel{align-content:start;gap:var(--space-intro,.5rem);opacity:0;visibility:hidden;overflow-wrap:anywhere;grid-area:1/1;min-width:0;transition:opacity .18s,transform .18s;display:grid;transform:translateY(.25rem)}.learn-stages-panel[data-active=true]{opacity:1;visibility:visible;transform:none}@media (min-width:768px){.learn-stages-panel{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:2rem}}@media (prefers-reduced-motion:reduce){.learn-stages-tab,.learn-stages-panel{transition:none;transform:none}}
