.xos-readiness{margin:1.5rem 0;padding:clamp(1.25rem,3vw,2rem);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;align-items:center;border:1px solid rgba(76,211,255,.36);border-radius:24px;background:linear-gradient(135deg,rgba(13,33,53,.96),rgba(12,25,42,.96));box-shadow:0 18px 55px rgba(0,0,0,.22)}
.xos-readiness small{display:block;margin-bottom:.55rem;color:#b8ff39;font-size:.74rem;font-weight:850;letter-spacing:.15em}
.xos-readiness-status{display:inline-flex;margin:0 0 .75rem;padding:.38rem .62rem;border:1px solid rgba(138,230,255,.35);border-radius:999px;background:rgba(138,230,255,.08);color:#8ae6ff;font-size:.68rem;font-weight:900;letter-spacing:.11em}
.xos-readiness[data-state="current"]{border-color:rgba(184,255,57,.52);box-shadow:0 18px 55px rgba(0,0,0,.22),inset 4px 0 #b8ff39}
.xos-readiness[data-state="current"] .xos-readiness-status{border-color:rgba(184,255,57,.42);background:rgba(184,255,57,.1);color:#b8ff39}
.xos-readiness[data-state="older"]{border-color:rgba(255,184,74,.68);background:linear-gradient(135deg,rgba(57,37,16,.96),rgba(12,25,42,.97));box-shadow:0 18px 55px rgba(0,0,0,.22),inset 5px 0 #ffb84a}
.xos-readiness[data-state="older"] .xos-readiness-status{border-color:rgba(255,184,74,.58);background:rgba(255,184,74,.13);color:#ffc66d}
.xos-readiness[data-state="older"]>a{background:#ffb84a}
.xos-readiness[data-state="ahead"]{border-color:rgba(138,230,255,.54);box-shadow:0 18px 55px rgba(0,0,0,.22),inset 4px 0 #8ae6ff}
.xos-readiness h2{margin:0 0 .6rem;color:#fff;font-size:clamp(1.35rem,2.4vw,2rem)}
.xos-readiness p{max-width:760px;margin:.35rem 0;color:#d3deea;line-height:1.65}
.xos-readiness .xos-readiness-limit{color:#98aabe;font-size:.9rem}
.xos-readiness>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1rem;border-radius:999px;background:#b8ff39;color:#07131f!important;font-weight:850;text-decoration:none;text-align:center}
.xos-readiness>a:hover,.xos-readiness>a:focus-visible{background:#d2ff82;transform:translateY(-1px)}
.xos-readiness .xos-readiness-edit{color:#8ae6ff!important;text-underline-offset:.2em}
@media(max-width:760px){.xos-readiness{grid-template-columns:1fr}.xos-readiness>a{width:100%}}