.status-shell{max-width:760px;margin:0 auto;padding:28px 20px 64px}.status-shell h1{margin:.25rem 0 .7rem}.eyebrow{letter-spacing:.12em;font-size:.72rem;font-weight:700}.status-lede,.status-muted{color:#667085}.status-card,.status-table{margin-top:16px;padding:16px;border:1px solid #d9dee8;border-radius:15px;background:#fff}.status-card h2{margin:0 0 8px;font-size:1.08rem}.status-card p{margin:7px 0}.status-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.status-actions button,.status-actions a{border:0;border-radius:9px;padding:10px 12px;background:#173b66;color:#fff;font:inherit;text-decoration:none;cursor:pointer}.status-actions .danger{background:#fff0f0;color:#a33a3a}.status-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;list-style:none;padding:0}.status-flow li{padding:11px 6px;text-align:center;background:#eef3f9;border-radius:9px;font-size:.85rem}.status-table{overflow:auto;padding:0}.status-table table{width:100%;border-collapse:collapse;min-width:680px}.status-table th,.status-table td{padding:11px 10px;text-align:left;border-bottom:1px solid #e5e8ee;vertical-align:top;font-size:.86rem}.status-table th{background:#f5f7fa}.status-live{color:#176b45;font-weight:700}.status-partial{color:#8a5b00;font-weight:700}.status-pending{color:#667085;font-weight:700}.status-table a{color:#173b66}.status-footer{margin-top:24px;padding-top:14px;border-top:1px solid #d9dee8;color:#667085;font-size:.82rem}@media(max-width:520px){.status-flow{grid-template-columns:repeat(2,1fr)}}

/* ★ 2026-09-06 KSK-LOOK 확장(roadmap/account/benefits 공유) — css/tokens-ksk.css(worker-4 영역, 무접촉)의
   --ksk-* 변수만 쓴다(폴백 0개). 구 블록은 무변경 · 신규 블록이 같은 선택자를 재정의해 렌더 색만 바꾼다.
   status-live/partial/pending(녹/황/회 상태색)과 danger색은 KSK 브랜드와 무관한 기존 의미색이라 대상 제외
   (로드맵 상태값의 의미를 색으로 구분하는 것이 목적이지 KSK 톤 통일 대상이 아님). */
.status-shell h1 { font-family: var(--ksk-font); font-size: var(--ksk-fs-h2); font-weight: var(--ksk-fw-h2); color: var(--ksk-heading-ink); }
.status-lede, .status-muted { color: var(--ksk-text-muted); }
.status-card, .status-table { border-color: var(--ksk-border); background: var(--ksk-page-bg); }
.status-actions button:not(.danger), .status-actions a:not(.danger) { background: var(--ksk-brand); color: var(--ksk-page-bg); }
.status-flow li { background: var(--ksk-brand-light); }
.status-table th { background: var(--ksk-brand-lighter); }
.status-table a { color: var(--ksk-brand); }
.status-footer { border-top-color: var(--ksk-border); color: var(--ksk-text-muted); }
@media (min-width: 1024px) {
  .status-shell { max-width: var(--ksk-desktop-max); }
}