.skill-readiness{border:1px solid var(--color-line-strong);border-radius:12px;overflow:hidden}.skill-readiness-stages{border-bottom:1px solid var(--color-line-strong);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.skill-readiness-stages button{text-align:left;min-height:56px;color:var(--color-muted);align-items:baseline;gap:8px;padding:16px;font-size:12px;transition:background-color .15s ease-out;display:flex}.skill-readiness-stages button+button{border-left:1px solid var(--color-line-strong)}.skill-readiness-stages button span{font-family:var(--font-mono);font-size:10px}.skill-readiness-stages button[aria-pressed=true]{background:color-mix(in srgb, var(--color-voltage) 7%, transparent);color:var(--color-voltage)}.skill-readiness-stages button:focus-visible{outline:2px solid var(--color-voltage);outline-offset:-4px}.skill-readiness-detail{grid-template-columns:180px 1fr;align-items:center;gap:26px;min-height:194px;padding:20px 32px;display:grid}.skill-readiness-detail svg{width:180px;color:var(--color-voltage)}.skill-readiness-detail h3{letter-spacing:-.035em;margin-bottom:8px;font-size:23px;font-weight:500}.skill-readiness-detail p{max-width:540px;color:var(--color-muted);font-size:14px;line-height:1.65}.skill-readiness-detail small{color:var(--color-muted);margin-top:12px;font-size:11px;line-height:1.6;display:block}.skill-readiness-note{border-top:1px solid var(--color-line-strong);color:var(--color-muted);padding:10px 20px;line-height:1.5;margin:0!important;font-size:11px!important}@keyframes readiness-appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.skill-readiness svg[data-animate=true] .readiness-draw{animation:.22s ease-out both readiness-appear}}@media (prefers-reduced-motion:reduce){.skill-readiness-stages button{transition:none}}@media (width<=640px){.skill-readiness-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-readiness-stages button{min-height:52px;padding:12px;font-size:11px}.skill-readiness-stages button:nth-child(3){border-left:0}.skill-readiness-stages button:nth-child(n+3){border-top:1px solid var(--color-line-strong)}.skill-readiness-detail{grid-template-columns:1fr;gap:0;min-height:300px;padding:14px 20px 24px}.skill-readiness-detail svg{width:130px;margin:auto}.skill-readiness-detail h3{font-size:21px}}