.arena-state{box-sizing:border-box;min-width:0;width:100%;margin:16px 0;padding:24px;border:1px solid #e4ebf4;border-radius:20px;background:#f8fafc;color:#10213b;text-align:left;font-family:inherit;box-shadow:none}
.arena-state *{box-sizing:border-box;min-width:0}
.arena-state .arena-state__main{display:flex;align-items:center;gap:16px}
.arena-state .arena-state__icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:50%;background:#eaf1fc;color:#557ca9}
.arena-state .arena-state__icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.arena-state .arena-state__copy{flex:1}
.arena-state .arena-state__title{margin:0 0 8px;font-size:20px;line-height:1.45;font-weight:700;letter-spacing:-.4px;word-break:keep-all;overflow-wrap:anywhere;color:#10213b;text-align:left}
.arena-state .arena-state__description,.arena-state .arena-state__guides p,.arena-state .arena-state__guide{margin:0;font-size:14px;line-height:1.7;font-weight:400;color:#4a607b;word-break:keep-all;overflow-wrap:anywhere;text-align:left}
.arena-state.arena-state--rich{padding:32px;background:#fff;box-shadow:0 12px 35px #234d770a}
.arena-state--rich .arena-state__title{font-size:28px}
.arena-state--rich .arena-state__description{font-size:16px}
.arena-state .arena-state__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.arena-state .arena-state__action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border:1px solid #d9e3f1;border-radius:12px;background:#fff;color:#29496b;font:700 14px/1.5 inherit;font-family:inherit;font-size:14px;line-height:1.5;text-decoration:none;cursor:pointer;white-space:normal;word-break:keep-all;text-align:center;box-shadow:none}
.arena-state .arena-state__action--primary{background:#4d80dc;border-color:#4d80dc;color:#fff}
/* Contain legacy global !important typography rules within this component. */
body[data-ui] .arena-state p,body[data-ui] .arena-state li,body[data-ui] .arena-state .arena-state__action{font-size:14px!important;line-height:1.7!important}
@media(min-width:601px){body[data-ui] .arena-state--rich .arena-state__description{font-size:16px!important}}
.arena-state .arena-state__action:focus-visible{outline:3px solid #91baff;outline-offset:3px}
.arena-state .arena-state__info{margin:20px 0 0;padding:12px 16px;border-radius:12px;background:#eef3fb;font-size:14px;line-height:1.6;color:#405f84}
.arena-state .arena-state__steps{list-style:none;padding:0;margin:20px 0 0;border:1px solid #e4ebf4;border-radius:12px;overflow:hidden}
.arena-state .arena-state__steps li{display:grid;grid-template-columns:20px 1fr auto;gap:10px;align-items:center;padding:13px 16px;font-size:14px;line-height:1.5;color:#65768c;border-bottom:1px solid #e4ebf4}
.arena-state .arena-state__steps li:last-child{border:0}.arena-state .arena-state__steps strong{font-size:14px;font-weight:600}
.arena-state .arena-state__steps [data-phase=done]{color:#167654;background:#f2fbf7}.arena-state .arena-state__steps [data-phase=running]{color:#2360ba;background:#f1f6ff}.arena-state .arena-state__steps [data-phase=review]{color:#905d20;background:#fff8eb}
.arena-state .arena-state__guides{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #e4ebf4;padding-top:20px;margin-top:24px}
.arena-state .arena-state__guides h3{font-size:16px;line-height:1.5;margin:0 0 6px;color:#10213b}.arena-state .arena-state__guide{margin-top:18px}
@media(max-width:600px){.arena-state{padding:20px 16px;border-radius:16px}.arena-state.arena-state--rich{padding:22px 18px}.arena-state .arena-state__main{gap:12px;align-items:flex-start}.arena-state .arena-state__icon{flex-basis:40px;width:40px;height:40px}.arena-state .arena-state__icon svg{width:27px;height:27px}.arena-state .arena-state__title{font-size:18px}.arena-state--rich .arena-state__title{font-size:23px}.arena-state--rich .arena-state__description{font-size:14px}.arena-state .arena-state__guides{grid-template-columns:1fr}.arena-state .arena-state__actions{gap:8px}.arena-state .arena-state__action{flex:1 1 130px;padding:10px 12px}.arena-state .arena-state__steps li{padding:12px}}