/* /support-programs/ page-only styles for the CURRENT LIVE design (main, `--shell main`). Source of truth:
   support-pipeline/page/main/support.css (copied by build-page.mjs --shell main). Loads after /insight.css, the shell every
   inside page on main uses. Rule (COMPONENT-RULES.md §2): only sup-* classes live here. The nav, footer, navy cover
   (.cover .cover--hub .hub-cover .crumb .dek .cover__row), paper body (.paper .wrap .hub-body .hub-sec .hub-label), button (.btn),
   mid CTA (.cta-mid .cta__line), FAQ (.faq .faq__item), closing CTA (.close .cta-box .cta .cta__in .cta__lead .cta__line) and
   next reads (.next .cards .card .card__path) come from insight.css unchanged.
   Colours: insight.css tokens only (--ink, --ink-2, --paper, --paper-2, --rule-p, --accent, --accent-p, --on-navy, --on-navy-2,
   --rule-n, --rule-n2, --mono, --ease). insight.css has no --rule-p2, so the stronger rule uses the mock's fallback value. */

/* ---------------- navy cover: answer-first block, CTA, status and entity lines */
/* one child of insight's .cover__row (its grid gap is for two columns), so the cover copy keeps its own rhythm */
.sup-cover__body { display: grid; gap: 10px; }
.sup-answer { display: grid; gap: .55em; }
.sup-answer .dek { max-width: 40em; }
.sup-cover__act { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 22px; margin: 6px 0 0; }

/* ---------------- paper body */
.sup-lead { margin: 0 0 18px; max-width: 46rem; color: var(--ink); font-size: 1.0625rem; line-height: 1.75; }
.sup-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; counter-reset: st; }
.sup-steps li { counter-increment: st; display: flex; flex-direction: column; gap: 4px; padding: 12px 0 0; border-top: 2px solid var(--ink); }
.sup-steps li::before { content: counter(st, decimal-leading-zero); font-family: var(--mono); font-size: .8rem; color: var(--accent-p); }
.sup-steps .is-optional { border-top-style: dashed; border-top-color: var(--ink-2); }
.sup-steps b { font-weight: 650; color: var(--ink); }
.sup-steps span { font-size: .96rem; line-height: 1.6; color: var(--ink-2); }

.sup-listhead { display: grid; gap: 4px; margin: -8px 0 20px; }
.sup-listhead p { margin: 0; }
.sup-sub { font-size: .95rem; color: var(--ink-2); max-width: 46em; }
.sup-geo { font-size: 1rem; line-height: 1.6; color: var(--ink); }
.sup-geo b { font-weight: 650; font-variant-numeric: tabular-nums; }
.sup-stale { display: none; margin: 0 0 24px; padding: 14px 18px; border-left: 3px solid var(--ink); background: var(--paper-2); color: var(--ink); font-size: .97rem; line-height: 1.6; }
body[data-fresh="warn"] .sup-stale { display: block; }
.sup-none, .sup-refresh { display: none; margin: 0 0 24px; padding: 24px 0; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--rule-p); }
body[data-open="0"]:not([data-fresh="hide"]) .sup-none--empty { display: block; }
body[data-fresh="hide"] .sup-refresh { display: block; }
body[data-fresh="hide"] .sup-filter, body[data-fresh="hide"] .sup-geo, body[data-fresh="hide"] .sup-mid { display: none; }
.sup-none--filter:not([hidden]) { display: block; }
.sup-none__line { margin: 0 0 6px; font-size: 1.1rem; font-weight: 650; color: var(--ink); }
.sup-none__sub { margin: 0; color: var(--ink-2); }
.sup-refresh__links { display: flex; flex-wrap: wrap; gap: 4px 24px; margin: 10px 0 0; padding: 0; list-style: none; }
.sup-refresh__links a { display: inline-flex; align-items: center; min-height: 44px; color: var(--accent-p); font-weight: 650; text-underline-offset: 3px; }

/* ---------------- filter (12+ open or upcoming cards): use-tag chips */
.sup-filter { margin: 0 0 20px; }
.sup-filter[hidden] { display: none; }
.sup-filter__bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 10px; }
.sup-filter__toggle { display: none; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 1px solid rgba(20, 33, 58, .28); border-radius: 999px; background: #fff; color: var(--ink); font-weight: 650; cursor: pointer; }
.sup-filter__group { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.sup-filter__label { width: 100%; font-size: .84rem; font-weight: 650; color: var(--ink-2); }
.sup-chip, .sup-reset { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border: 1px solid rgba(20, 33, 58, .28); border-radius: 999px; background: #fff; color: var(--ink); font-size: .95rem; font-weight: 600; cursor: pointer; }
.sup-chip[aria-pressed="true"] { background: var(--ink); border-color: var(--ink); color: var(--paper); }
@media (hover: hover) and (pointer: fine) { .sup-chip:not([aria-pressed="true"]):hover, .sup-reset:hover { border-color: var(--accent-p); color: var(--accent-p); } }
.sup-reset { margin-top: 10px; }

/* ---------------- cards: facts only */
.sup-list { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.sup-list:empty { display: none; }
.sup-item[hidden] { display: none; }
.sup-item { scroll-margin-top: calc(var(--nav-h) + 16px); }
.sup-card { padding: clamp(20px, 2.4vw, 28px) clamp(20px, 2.6vw, 32px) 14px; background: #fff; border: 1px solid var(--rule-p); border-radius: 8px; }
.sup-card__head { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "title badge"; align-items: start; gap: 16px; }
.sup-card__title { grid-area: title; margin: 0; font-size: clamp(1.14rem, 1.06rem + .35vw, 1.3rem); line-height: 1.45; font-weight: 680; letter-spacing: -0.018em; text-wrap: pretty; }
.sup-card__title a { display: block; padding: 10px 0; margin: -10px 0; color: var(--ink); text-decoration: none; }   /* tap area >= 44px, same visual box */
.sup-card__title a:hover { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.sup-ext { margin-left: 4px; font-size: .85em; color: var(--ink-2); }
.sup-badge { grid-area: badge; display: inline-flex; align-items: center; justify-self: end; min-height: 30px; margin: 0; padding: 0 12px; border: 1px solid rgba(20, 33, 58, .28); border-radius: 999px; font-family: var(--sans); font-variant-numeric: tabular-nums; font-size: .84rem; font-weight: 500; line-height: 1; color: var(--ink); white-space: nowrap; }
.sup-badge.is-soon { background: var(--accent-p); border-color: var(--accent-p); color: #fff; }
.sup-badge.is-today { background: var(--ink); border-color: var(--ink); color: var(--paper); font-family: var(--sans); font-weight: 700; box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--accent-p); }
.sup-badge.is-up { border-style: dashed; color: var(--ink-2); font-family: var(--sans); font-weight: 600; }
.sup-badge.is-closed { color: var(--ink-2); font-family: var(--sans); font-weight: 600; background: var(--paper-2); }
.sup-facts { display: grid; gap: 2px; margin: 12px 0 0; }
.sup-facts div { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: 8px; }
.sup-facts dt { font-size: .86rem; font-weight: 650; line-height: 1.95; color: var(--ink-2); }
.sup-facts dd { margin: 0; color: var(--ink); }
.sup-use { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 0; padding: 0; list-style: none; }
.sup-use li { display: inline-flex; align-items: center; min-height: 28px; padding: 0 10px; border-radius: 999px; background: rgba(37, 82, 200, .09); color: var(--accent-p); font-size: .84rem; font-weight: 600; line-height: 1.35; }
/* org and source as neutral outlined chips (not links, not tap targets), under the blue use tags; text stays text for search */
.sup-srctags { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 0; padding: 0; list-style: none; }
.sup-srctags li { display: inline-flex; align-items: center; gap: 6px; min-height: 26px; padding: 0 10px; border: 1px solid rgba(20, 33, 58, .28); border-radius: 999px; font-size: .8rem; line-height: 1.35; color: var(--ink); }
.sup-srctags__k { font-weight: 600; color: var(--ink-2); }
.sup-ask { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 0 20px; margin-top: 12px; padding-top: 4px; border-top: 1px solid var(--rule-p); }
.sup-ask p { margin: 0; font-size: .86rem; color: var(--ink-2); }
.sup-ask__a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--accent-p); font-size: .95rem; font-weight: 650; text-decoration: none; }
.sup-ask__a:hover { text-decoration: underline; text-underline-offset: 4px; }
.sup-item.is-closed .sup-card { background: var(--paper-2); }
.sup-item.is-closed .sup-card__title a { color: var(--ink-2); }
.sup-card :focus-visible { outline: 2px solid var(--accent-p); outline-offset: 3px; }

/* ---------------- mid CTA: insight's .cta-mid plate, full width here */
.sup-mid { max-width: none; margin: 24px 0; }
.sup-mid__sub { margin: -10px 0 18px; max-width: 40rem; color: var(--on-navy-2); font-size: 1rem; line-height: 1.7; }
#sup-list-a:empty + .sup-mid { margin-top: 0; }

.sup-loadmore { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; margin: 14px 0 0; border: 1px solid rgba(20, 33, 58, .28); border-radius: 8px; background: transparent; color: var(--ink); font-weight: 650; cursor: pointer; }
.sup-loadmore[hidden] { display: none; }

/* ---------------- upcoming (folded line) and closed section (heading, CTA, folded list) */
.sup-upcoming { margin-top: 28px; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--rule-p); }
.sup-upcoming[hidden] { display: none; }
.sup-upcoming > summary, .sup-fold > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; font-weight: 650; color: var(--ink); cursor: pointer; }
.sup-upcoming > summary::-webkit-details-marker, .sup-fold > summary::-webkit-details-marker { display: none; }
.sup-upcoming > summary::after, .sup-fold > summary::after { content: "+"; flex: none; font-size: 1.3rem; font-weight: 400; color: var(--accent-p); }
.sup-upcoming[open] > summary::after, .sup-fold[open] > summary::after { content: "−"; }
.sup-upcoming .sup-list, .sup-fold .sup-list { padding-bottom: 20px; }
.sup-closedsec { margin-top: clamp(48px, 6vw, 72px); }   /* 2026-10-26: room after the upcoming box in season (was 4px) */
.sup-closedsec[hidden] { display: none; }
.sup-closedsec__h { margin: 0; font-size: clamp(1.2rem, 1.08rem + .5vw, 1.45rem); font-weight: 680; letter-spacing: -0.018em; line-height: 1.35; color: var(--ink); }
.sup-closedsec__note { margin: 6px 0 0; color: var(--ink-2); font-size: .97rem; }
.sup-closedsec__cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 20px; margin: 16px 0 18px; padding: 12px 18px; background: var(--paper-2); border-left: 3px solid var(--accent-p); }
.sup-closedsec__cta p { margin: 0; color: var(--ink); font-weight: 650; }
.sup-fold { border-top: 1px solid var(--ink); border-bottom: 1px solid var(--rule-p); }

/* ---------------- closing (inside insight's navy .close / .cta-box) */
.sup-cta-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; }
.sup-edu { display: inline-flex; align-items: center; min-height: 44px; color: var(--on-navy); font-weight: 600; text-underline-offset: 4px; }
.sup-edu:hover { color: var(--accent); }

@media (max-width: 860px) {
  .sup-steps { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .sup-steps li { flex-direction: row; flex-wrap: wrap; gap: 2px 10px; padding: 10px 0; border-top: 1px solid var(--rule-p); }
  .sup-steps li:first-child { border-top: 2px solid var(--ink); }
  .sup-steps .is-optional { border-top: 1px dashed var(--ink-2); }
  .sup-steps span { flex-basis: 100%; }
}
@media (max-width: 640px) {
  .sup-card { padding: 18px 16px 10px; }
  .sup-card__head { grid-template-columns: minmax(0, 1fr); grid-template-areas: "badge" "title"; gap: 10px; }
  .sup-badge { justify-self: start; }
  .sup-ask { flex-direction: column; align-items: flex-start; }
  .sup-cover__act { flex-direction: column; align-items: stretch; gap: 2px; }
  .sup-cover__act .btn { width: 100%; }
  .sup-mid { padding: 22px 18px; }
  .sup-mid .btn { width: 100%; }
  .sup-closedsec__cta { flex-direction: column; align-items: flex-start; }
  .sup-cta-actions { flex-direction: column; align-items: stretch; }
  .sup-cta-actions .btn { width: 100%; }
  .sup-edu { justify-content: center; }
  body[data-scale="peak"] .sup-filter__toggle { display: inline-flex; }
  body[data-scale="peak"] .sup-filter:not(.is-open) .sup-filter__panel { display: none; }
}
@media (prefers-reduced-motion: reduce) { .sup-card__title a, .sup-ask__a { transition: none; } }

/* ================= in-page consultation dialog (step 1 of the home form) + phone sticky CTA ================= */
/* The home form card (site.css .fcard, --fc-* tokens) is dark; this page loads insight.css only, so the dialog rebuilds the same
   look from insight's navy tokens. Error red and focus ring are the home card's values (insight.css has no such tokens). */
html.sup-lock { overflow: hidden; }
.sup-apply { width: min(560px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); margin: auto; padding: 0; border: 1px solid var(--rule-n2); border-radius: 12px; background: var(--navy-2); color: var(--on-navy); overflow: auto; overscroll-behavior: contain; }
.sup-apply::backdrop { background: rgba(5, 10, 18, .62); }
.sup-apply__in { padding: clamp(20px, 3vw, 30px); }
.sup-apply__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.sup-apply__title { margin: 0; font-size: 1.28rem; font-weight: 680; letter-spacing: -0.02em; line-height: 1.35; color: var(--on-navy); }
.sup-apply__title:focus { outline: none; }
.sup-apply__x { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: -8px -8px 0 0; border: 0; border-radius: 999px; background: transparent; color: var(--on-navy-2); font-size: 1.6rem; line-height: 1; cursor: pointer; }
.sup-apply__x:hover { color: var(--on-navy); background: rgba(238, 242, 248, .08); }
.sup-apply__lede { margin: 6px 0 18px; color: var(--on-navy-2); font-size: .95rem; line-height: 1.6; }
.sup-apply__form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px 14px; }
.sup-apply__form[hidden] { display: none; }
.sup-apply__f { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.sup-apply__f:nth-of-type(n+5) { grid-column: 1 / -1; }
.sup-apply__f label { font-size: .86rem; font-weight: 600; color: var(--on-navy); }
.sup-apply__f input, .sup-apply__f select { width: 100%; min-height: 48px; padding: 10px 14px; border-radius: 10px; border: 1px solid #6B7A93; background: var(--navy); color: var(--on-navy); font: inherit; font-size: 1rem; }
.sup-apply__f input::placeholder { color: #8796AE; }
.sup-apply__f input:focus-visible, .sup-apply__f select:focus-visible, .sup-apply__consent input:focus-visible, .sup-apply .btn:focus-visible, .sup-apply__x:focus-visible { outline: 2px solid #8DB0F5; outline-offset: 2px; }
.sup-apply [aria-invalid="true"] { border-color: #FF9A8F; }
.sup-apply__err { margin: 0; font-size: .82rem; font-weight: 500; color: #FF9A8F; }
.sup-apply__err:empty { display: none; }
.sup-apply__hp { position: absolute !important; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.sup-apply__consent { grid-column: 1 / -1; display: grid; grid-template-columns: 24px minmax(0, 1fr); column-gap: 10px; row-gap: 4px; align-items: center; padding-top: 12px; border-top: 1px solid var(--rule-n); font-size: .86rem; line-height: 1.5; }
.sup-apply__consent input { width: 22px; height: 22px; margin: 0; accent-color: var(--accent); }
.sup-apply__consent input[aria-invalid="true"] { outline: 2px solid #FF9A8F; outline-offset: 2px; }
.sup-apply__consent label { cursor: pointer; min-height: 44px; display: flex; align-items: center; }
.sup-apply__consent small, .sup-apply__consent .sup-apply__err { grid-column: 1 / -1; }
.sup-apply__consent small { color: var(--on-navy-2); font-size: .76rem; line-height: 1.5; }
.sup-apply__consent a { color: var(--accent); }
.sup-apply__foot { grid-column: 1 / -1; }
.sup-apply__submit { width: 100%; }
.sup-apply__submit:disabled { opacity: .6; cursor: progress; }
.sup-apply__status { grid-column: 1 / -1; margin: 0; padding: 12px 14px; border-radius: 10px; border: 1px solid #C89B3C; background: var(--navy); color: #F3D9A0; font-size: .92rem; }
.sup-apply__status:empty { display: none; }
.sup-apply__status[data-tone="error"] { border-color: #FF9A8F; color: #FF9A8F; }
.sup-apply__done { display: grid; gap: 12px; padding: 8px 0 4px; }
.sup-apply__done[hidden] { display: none; }
.sup-apply__done p { margin: 0; color: var(--on-navy-2); }
.sup-apply__done .btn { justify-self: start; }

/* phone sticky CTA: built by support-apply.js (never in the static HTML) */
.sup-sticky { display: none; }
@media (max-width: 860px) {
  .sup-sticky { display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 55; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: rgba(11, 22, 38, .94); border-top: 1px solid var(--rule-n2); transform: translateY(110%); transition: transform 220ms var(--ease); }
  .sup-sticky.is-on { transform: none; }
  .sup-sticky .btn { width: 100%; min-height: 48px; }
  body.sup-has-sticky { padding-bottom: calc(68px + env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) { .sup-sticky { transition: none; } }
@media (max-width: 640px) {
  /* full-height sheet: close button on top, safe areas, the submit button reachable above the keyboard by scrolling */
  .sup-apply { width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; margin: 0; border: 0; border-radius: 0; }
  .sup-apply__in { padding: calc(14px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom)); }
  .sup-apply__head { position: sticky; top: calc(-14px - env(safe-area-inset-top)); z-index: 1; margin: calc(-14px - env(safe-area-inset-top)) -16px 0; padding: calc(14px + env(safe-area-inset-top)) 16px 8px; background: var(--navy-2); }
  .sup-apply__form { grid-template-columns: minmax(0, 1fr); }
  .sup-apply__f input, .sup-apply__f select { scroll-margin: 80px 0 120px; }
}

/* dialog: optional answers ("더 알려 주기" fold in step 1, step 2 after sending) = the home form's .xmore/.sv/.pick/.fdetail look */
.sup-apply__xmore { grid-column: 1 / -1; min-width: 0; }
.sup-apply__xbtn { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; min-height: 44px; padding: 0 16px; border: 0; border-top: 1px solid var(--rule-n); border-bottom: 1px solid var(--rule-n); background: transparent; color: var(--accent); font: inherit; font-size: .92rem; font-weight: 600; cursor: pointer; }
.sup-apply__chev { flex: none; transition: transform 200ms var(--ease); }
.sup-apply__xbtn[aria-expanded="true"] .sup-apply__chev { transform: rotate(180deg); }
.sup-apply__xbody { display: grid; gap: 16px; padding-top: 14px; }
.sup-apply__xbody[hidden] { display: none; }
.sup-apply__hint { margin: 0; font-size: .82rem; line-height: 1.5; color: var(--on-navy-2); }
.sup-apply__hint a { color: var(--accent); }
.sup-apply__slot { display: grid; gap: 16px; min-width: 0; }
.sup-apply__slot:empty { display: none; }
.sup-apply__sv { margin: 0; padding: 0; border: 0; min-width: 0; }
.sup-apply__sv[hidden], .sup-apply__task[hidden] { display: none; }
.sup-apply__sv legend { padding: 0; font-size: .86rem; font-weight: 600; color: var(--on-navy); }
.sup-apply__opt { color: var(--on-navy-2); font-weight: 400; }
.sup-apply__picks { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.sup-apply__pick { position: relative; display: inline-flex; max-width: 100%; }
.sup-apply__pick input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.sup-apply__pick span { display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; border: 1px solid #6B7A93; border-radius: 999px; background: var(--navy); color: var(--on-navy); font-size: .9rem; line-height: 1.3; cursor: pointer; }
.sup-apply__pick input:checked + span { background: var(--accent); border-color: var(--accent); color: var(--navy); font-weight: 650; }
.sup-apply__pick input:focus-visible + span { outline: 2px solid #8DB0F5; outline-offset: 2px; }
.sup-apply__pick input:disabled + span { opacity: .45; cursor: not-allowed; }
.sup-apply__task textarea { width: 100%; min-height: 104px; padding: 10px 14px; border-radius: 10px; border: 1px solid #6B7A93; background: var(--navy); color: var(--on-navy); font: inherit; font-size: 1rem; line-height: 1.6; resize: vertical; }
.sup-apply__task textarea::placeholder { color: #8796AE; }
.sup-apply__task textarea:focus-visible { outline: 2px solid #8DB0F5; outline-offset: 2px; }
.sup-apply__text { margin: 0; color: var(--on-navy-2); }
.sup-apply__ask { display: grid; gap: 12px; padding-top: 14px; border-top: 1px solid var(--rule-n); }
.sup-apply__ask[hidden], .sup-apply__detail[hidden], .sup-apply__end[hidden] { display: none; }
.sup-apply__ask p { margin: 0; color: var(--on-navy); }
.sup-apply__acts { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.sup-apply__link { min-height: 44px; padding: 0 4px; border: 0; background: none; color: var(--accent); font: inherit; font-size: .9rem; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.sup-apply__detail { display: grid; gap: 16px; padding-top: 14px; border-top: 1px solid var(--rule-n); }
.sup-apply__sub { margin: 0; font-size: 1rem; font-weight: 650; color: var(--on-navy); }
.sup-apply__sub:focus { outline: none; }
.sup-apply__more { border: 1px solid var(--rule-n); border-radius: 10px; background: var(--navy); }
.sup-apply__more > summary { display: flex; align-items: center; min-height: 48px; padding: 0 14px; cursor: pointer; font-weight: 600; color: var(--on-navy); }
.sup-apply__more > .sup-apply__slot { padding: 4px 14px 16px; }
.sup-apply__acts .btn:disabled { opacity: .5; cursor: not-allowed; }
.sup-apply__end { display: grid; gap: 12px; padding: 8px 0 4px; }
.sup-apply__end .btn { justify-self: start; }
.sup-apply__done > div[aria-live] { display: grid; gap: 8px; }