/* 수정 | 2026-10-02 | 전체 페이지 라운드 통일: 큰 박스 12px·작은 콘텐츠 8px·버튼/입력 6px. 기존 타원형·원형 유지. */
/* Station C v1.5 | 로그인·가입·계정 찾기·인증 화면 | 적용 화면 23개. 화면별 로드 순서는 PAGE_DEPENDENCY_MANIFEST.csv 참조. */
/* E production page only. COMMON and Form/Task contract are imported unchanged. */
.account-page { padding-top: var(--sc-space-48); }
.account-page :is(.sc-input, .sc-select, .sc-textarea) { --sc-color-border-control: var(--sc-color-border-default); }
.account-heading { max-width: 32rem; margin-inline: auto; margin-bottom: var(--sc-space-32); }
.account-heading .sc-page-title { margin: 0; }
.account-heading p { color: var(--sc-color-text-secondary-strong); }
.account-task { width: min(100%, 32rem); margin-inline: auto; padding: var(--sc-space-32); border: var(--sc-border-width-default) solid var(--sc-color-border-subtle); border-radius: var(--sc-radius-large); background: var(--sc-color-surface-default); }
.account-context { margin-bottom: var(--sc-space-20); color: var(--sc-color-text-secondary-strong); }
.account-fields { gap: var(--sc-space-20); }
.account-password { position: relative; }
.account-password .sc-input { padding-right: 3.75rem; }
.account-eye-toggle { display: grid; place-items: center; width: var(--sc-control-medium); height: var(--sc-control-medium); padding: 0; border: 0; border-radius: var(--sc-radius-large); background: transparent; box-shadow: none; appearance: none; cursor: pointer; }
.account-password__toggle { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.account-password__toggle .sc-icon-btn__icon { width:var(--sc-icon-medium); height:var(--sc-icon-medium); }
.account-password__toggle [hidden] { display:none; }
.account-options { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--sc-space-12); margin-block: var(--sc-space-20) var(--sc-space-24); }
.account-links { display: flex; flex-wrap: wrap; gap: var(--sc-space-8) var(--sc-space-16); }
.account-links a { color: var(--sc-color-text-secondary-strong); text-decoration: underline; text-underline-offset: .2em; }
.account-notice { padding: var(--sc-space-16); margin-bottom: var(--sc-space-20); border: var(--sc-border-width-default) solid var(--sc-color-danger); border-radius: var(--sc-radius-large); color: var(--sc-color-danger); background: var(--sc-color-surface-default); }
.account-notice--success { border-color: var(--sc-color-success); color: var(--sc-color-success-text); }
.account-actions { display: grid; gap: var(--sc-space-12); }
.account-actions .sc-btn { width: 100%; }
.account-help { min-height: var(--sc-type-line-height-24); margin-top: var(--sc-space-12); color: var(--sc-color-text-secondary); font-size: var(--sc-type-size-14); }
.account-help:empty { display: none; }
@media (max-width: 47.999rem) { .account-page { padding-top: var(--sc-space-32); } .account-task { padding: var(--sc-space-20); } .account-options { align-items: flex-start; flex-direction: column; } }
/* E account flow page composition; COMMON components remain unchanged. */
.account-task--wide { width: min(100%, 52rem); }
.account-task--wide:has(.account-flow-form) { padding: var(--sc-space-24); }
.account-task-content { width: min(100%, 32rem); margin-inline: auto; }
.account-page--wide .account-heading { max-width: 52rem; margin-bottom: var(--sc-space-24); }
.account-flow-form { display: grid; gap: var(--sc-space-20); }
.account-task--wide .account-flow-form { gap: var(--sc-space-16); }
.account-flow-form { --account-group-divider: var(--sc-color-border-control); --account-label-width: 13.5rem; }
.account-lookup-status { grid-column: 2; margin: var(--sc-space-8) 0 0; color: var(--sc-color-danger); font-size: var(--sc-type-size-14); line-height: 1.5; }
.account-lookup-status[data-state="success"] { color: var(--sc-color-success-text); }
.account-postcode-dialog { width: min(35rem, calc(100% - 2rem)); max-height: min(44rem, calc(100dvh - 2rem)); padding: 0; border: var(--sc-border-width-default) solid var(--sc-color-border-default); border-radius: var(--sc-radius-large); background: var(--sc-color-surface-default); box-shadow: var(--sc-shadow-toast); }
.account-postcode-dialog::backdrop { background: var(--sc-color-overlay); }
.account-postcode-dialog__header { display: flex; align-items: center; justify-content: space-between; gap: var(--sc-space-16); padding: var(--sc-space-16) var(--sc-space-20); border-bottom: var(--sc-border-width-default) solid var(--sc-color-border-subtle); }
.account-postcode-dialog__header h2 { margin: 0; font-size: var(--sc-type-size-20); }
.account-postcode-dialog__close { display: grid; place-items: center; width: var(--sc-control-small); height: var(--sc-control-small); border: 0; border-radius: var(--sc-radius-control); background: transparent; color: var(--sc-color-text-primary); font-size: var(--sc-type-size-24); cursor: pointer; }
.account-postcode-dialog__close:hover, .account-postcode-dialog__close:focus-visible { background: var(--sc-color-surface-canvas); }
.account-postcode-dialog__status { margin: var(--sc-space-16); line-height: 1.5; }
.account-postcode-dialog__content { height: min(34rem, calc(100dvh - 7rem)); min-height: 20rem; }
.account-flow-form > .sc-btn { justify-self: stretch; }
.account-form-footer { display: flex; justify-content: space-between; align-items: center; gap: var(--sc-space-16); margin-top: var(--sc-space-16); }
.account-form-footer .sc-btn { min-width: 10rem; }
.account-flow-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--sc-space-12); margin-top: var(--sc-space-24); }
.account-task > .account-steps { width: 100%; margin: 0 0 var(--sc-space-24); }
.account-steps .sc-stepper__item { height: auto; min-height: 5.5rem; flex-direction: column; align-items: center; justify-content: flex-start; gap: var(--sc-space-8); padding: 0 .125rem; white-space: normal; }
.account-steps .sc-stepper__item::before { position: relative; z-index: 1; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; flex: none; border: var(--sc-border-width-default) solid var(--sc-color-border-subtle); border-radius: 50%; background: var(--sc-color-surface-default); color: var(--sc-color-text-muted); font-size: var(--sc-type-size-15); line-height: 1; }
.account-steps .sc-stepper__item::after { top: 1.25rem; bottom: auto; left: calc(50% + 1.25rem); width: calc(100% - 2.5rem); height: var(--sc-border-width-default); border-radius: 0; }
.account-steps .sc-stepper__item:last-child::after { display: none; }
.account-steps .sc-stepper__item[data-state="current"]::before { border-color: var(--sc-color-action-primary); background: var(--sc-color-action-primary); color: var(--sc-color-white); }
.account-steps .sc-stepper__item[data-state="current"]::after { height: var(--sc-border-width-default); background: var(--sc-color-border-subtle); }
.account-steps .sc-stepper__item[data-state="complete"]::before { content: "✓"; border-color: var(--sc-color-action-primary); color: var(--sc-color-action-primary); }
.account-steps .sc-stepper__item[data-state="complete"]::after { background: var(--sc-color-action-primary); }
.account-section-title { font-size: 1.375rem; line-height: 1.4; margin-bottom: var(--sc-space-16); }
.account-form-section { min-width: 0; }
.account-form-section + .account-form-section { margin-top: var(--sc-space-24); padding-top: var(--sc-space-24); border-top: var(--sc-border-width-default) solid var(--account-group-divider); }
.account-group-title { margin: 0; padding-bottom: var(--sc-space-16); border-bottom: var(--sc-border-width-default) solid var(--account-group-divider); font-size: var(--sc-type-size-20); line-height: 1.4; font-weight: var(--sc-type-weight-700); }
.account-field-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; align-items: start; }
.account-field-grid > * { min-width: 0; }
.account-field--full { grid-column: 1 / -1; }
.account-field-grid .sc-form-field { display: grid; grid-template-columns: var(--account-label-width) minmax(0,1fr); align-items: center; column-gap: var(--sc-space-16); padding-block: var(--sc-space-16); border-bottom: var(--sc-border-width-default) solid var(--sc-color-border-subtle); }
.account-field-grid .sc-form-label { display: block; min-height: 0; }
.account-field-grid .account-input-wrap { width: 100%; }
.account-field-grid .sc-input { width: 100%; }
.account-field-grid .sc-form-message { grid-column: 2; }
.account-divider { margin-top: var(--sc-space-16); padding-top: var(--sc-space-24); border-top: var(--sc-border-width-default) solid var(--account-group-divider); }
.account-subgroup__title { margin: 0 0 var(--sc-space-12); font-size: var(--sc-type-size-17); line-height: 1.5; font-weight: var(--sc-type-weight-600); }
.account-address-fields, .account-representative-fields { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; }
.account-funding-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--sc-space-8); }
.account-address-fields > .sc-form-field:nth-of-type(n/**/+2), .account-representative-fields > .account-radio-group { grid-column: 1 / -1; }
.account-address-fields .sc-form-field, .account-representative-fields .sc-form-field { min-width: 0; }
.account-required { color: var(--sc-color-danger); font-size: var(--sc-type-size-14); font-weight: var(--sc-type-weight-600); }
.account-optional { color: var(--sc-color-text-secondary-strong); font-size: var(--sc-type-size-14); font-weight: var(--sc-type-weight-600); }
.account-disclosure h3 { margin: 0 0 var(--sc-space-8); font-size: 1rem; line-height: 1.5; }
.account-disclosure p { max-width: 42rem; margin: 0 0 var(--sc-space-12); color: var(--sc-color-text-secondary-strong); line-height: 1.5; }
.account-images > p { margin: 0 0 var(--sc-space-8); color: var(--sc-color-text-secondary-strong); line-height: 1.5; }
.account-images__picker { display: inline-flex; position: relative; align-items: center; flex-wrap: wrap; gap: var(--sc-space-12); cursor: pointer; }
.account-images__input { position: absolute; width: .0625rem; height: .0625rem; opacity: 0; }
.account-images__picker:focus-within .sc-btn { outline: var(--sc-border-width-strong) solid var(--sc-color-action-primary); outline-offset: .125rem; }
.account-images__formats { color: var(--sc-color-text-secondary-strong); font-size: var(--sc-type-size-14); }
.account-images__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr)); gap: var(--sc-space-16); margin: var(--sc-space-16) 0 0; padding: 0; list-style: none; }
.account-images__list:empty { display: none; }
.account-images__item { min-width: 0; }
.account-images__item img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--sc-radius-large); background: var(--sc-color-surface-canvas); }
.account-images__filename { display: block; overflow: hidden; margin-top: var(--sc-space-8); white-space: nowrap; text-overflow: ellipsis; font-size: var(--sc-type-size-14); }
.account-images__remove { margin-top: var(--sc-space-8); padding: .25rem 0; border: 0; background: transparent; color: var(--sc-color-action-primary); font: inherit; text-decoration: underline; text-underline-offset: .2em; cursor: pointer; }
.account-images > .account-images__status { margin: var(--sc-space-8) 0 0; font-size: var(--sc-type-size-14); }
.account-brief { margin-bottom: var(--sc-space-24); color: var(--sc-color-text-secondary-strong); }
.account-inline-heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--sc-space-16); margin-bottom: var(--sc-space-24); }
.account-inline-heading .account-section-title { flex: none; margin: 0; }
.account-inline-heading__note { min-width: 0; max-width: 100%; margin: 0; color: var(--sc-color-text-secondary-strong); white-space: normal; overflow-wrap: anywhere; line-height: 1.5; }
.account-inline-heading__short { display: none; }
.account-status { padding: var(--sc-space-20); background: var(--sc-color-surface-canvas); border-radius: var(--sc-radius-large); text-align: center; }
.account-tab-links { display: flex; gap: var(--sc-space-20); flex-wrap: wrap; border-bottom: var(--sc-border-width-default) solid var(--sc-color-border-subtle); margin-bottom: var(--sc-space-24); }
.account-tab-links a { min-height: 3rem; display: inline-flex; align-items: center; color: var(--sc-color-text-secondary-strong); }
.account-tab-links a[aria-current] { border-bottom: var(--sc-border-width-strong) solid var(--sc-color-action-primary); color: var(--sc-color-action-primary); font-weight: 700; }
.account-legal { padding-block: var(--sc-space-24); border-top: var(--sc-border-width-default) solid var(--sc-color-border-subtle); }
.account-legal__text { max-height: 20rem; padding: var(--sc-space-20); overflow: auto; overscroll-behavior: contain; border: var(--sc-border-width-default) solid var(--sc-color-border-subtle); border-radius: var(--sc-radius-large); background: var(--sc-color-surface-canvas); line-height: 1.65; }
.account-legal__text .terms-block + .terms-block { margin-top: var(--sc-space-20); }
.account-legal__text h3 { margin-bottom: var(--sc-space-8); font-size: 1rem; font-weight: 700; line-height: 1.5; }
.account-legal__text p + p, .account-legal__text p + ul { margin-top: var(--sc-space-8); }
.account-legal__text ul { padding-left: var(--sc-space-24); list-style: disc; }
.account-task:has(.account-consent-heading) > .account-steps { margin-bottom: var(--sc-space-12); }
.account-consent-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--sc-space-16); margin-bottom: var(--sc-space-12); }
.account-consent-heading .account-section-title { flex: none; margin: 0; }
.account-consent-heading + .account-legal { padding-top: var(--sc-space-16); }
.account-legal__choice { display: flex; width: max-content; max-width: 100%; margin-top: var(--sc-space-16); margin-inline-start: auto; }
.account-agree-all input[aria-disabled="true"], .account-legal input[aria-disabled="true"] { opacity: .55; }
.account-flow-actions [aria-disabled="true"] { opacity: .6; cursor: pointer; }
.account-action-notice { position: fixed; z-index: var(--sc-z-tooltip); width: max-content; max-width: min(26rem, calc(100vw - 2rem)); padding: var(--sc-space-12) var(--sc-space-16); border: var(--sc-border-width-default) solid var(--sc-color-info); border-radius: var(--sc-radius-large); background: var(--sc-color-info-surface); color: var(--sc-color-text-primary); box-shadow: var(--sc-shadow-toast); font-size: var(--sc-type-size-14); line-height: 1.5; pointer-events: none; animation: account-notice-enter .2s ease-out both; }
.account-action-notice[hidden] { display: none; }
@keyframes account-notice-enter { from { opacity: 0; transform: translateY(.35rem); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 47.999rem) { .account-consent-heading, .account-inline-heading { gap: var(--sc-space-8); } .account-inline-heading__note { font-size: var(--sc-type-size-14); } .account-inline-heading__full { display: none; } .account-inline-heading__short { display: inline; } }
@media (prefers-reduced-motion: reduce) { .account-action-notice { animation: none; } }
.account-legal__text:focus-visible { outline: var(--sc-border-width-strong) solid var(--sc-color-action-primary); outline-offset: .125rem; }
.account-agree-all { display: flex; width: max-content; max-width: 100%; margin: 0; }
.account-radio-group { padding: 0; margin: 0; border: 0; min-width: 0; }
.account-radio-group legend { font-weight: 600; }
.account-choice-row { display: grid; grid-template-columns: var(--account-label-width) minmax(0,1fr); align-items: center; gap: var(--sc-space-16); }
.account-choice-row__label { font-weight: 600; line-height: 1.5; }
.account-field-grid > .account-radio-group, .account-representative-fields > .account-radio-group { padding-block: var(--sc-space-16); border-bottom: var(--sc-border-width-default) solid var(--sc-color-border-subtle); }
.account-radio-group > .sc-form-message { margin-left: calc(var(--account-label-width) + var(--sc-space-16)); }
.account-choice-list { display: flex; align-items: center; flex-wrap: wrap; gap: var(--sc-space-8) var(--sc-space-20); min-height: 3rem; }
.account-form-section--interest .account-radio-group { width: 100%; }
.account-form-section--interest .account-choice-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sc-space-8) var(--sc-space-16); }
.account-form-section--interest .account-choice-list .sc-choice { width: 100%; white-space: nowrap; }
.account-funding { display: grid; grid-template-columns: var(--account-label-width) minmax(0, 1fr); align-items: start; gap: var(--sc-space-16); }
.account-funding .account-subgroup__title { margin: var(--sc-space-20) 0 0; white-space: nowrap; }
.account-funding-fields .sc-form-field { display: flex; flex-direction: column; align-items: stretch; padding: 0; border: 0; }
.account-funding-fields .account-input-wrap { max-width: none; }
.account-funding-fields { min-width: 0; }
.account-form-section--business .account-field-grid { gap: 0; }
.account-business-choice { display: grid; grid-template-columns: minmax(0, 22rem) minmax(0, 1fr); align-items: center; column-gap: var(--sc-space-16); padding-block: var(--sc-space-12); border-bottom: var(--sc-border-width-default) solid var(--sc-color-border-subtle); }
.account-business-choice:first-child { padding-top: 0; }
.account-business-choice:last-child { border-bottom: 0; padding-bottom: 0; }
.account-business-choice__label { font-weight: 600; line-height: 1.5; }
.account-business-choice .account-choice-list { gap: var(--sc-space-16); min-height: var(--sc-touch-min); }
.account-business-choice__label { white-space: nowrap; }
.account-form-section--visibility .account-images, .account-form-section--visibility .account-disclosure { display: grid; grid-template-columns: var(--account-label-width) minmax(0,1fr); column-gap: var(--sc-space-16); align-items: start; }
.account-form-section--visibility .account-images { margin-top: 0; padding-top: var(--sc-space-16); border-top: 0; }
.account-form-section--visibility .account-images > .account-subgroup__title, .account-form-section--visibility .account-disclosure h3 { grid-column: 1; grid-row: 1 / span 3; margin: 0; white-space: nowrap; }
.account-form-section--visibility .account-images > :not(.account-subgroup__title), .account-form-section--visibility .account-disclosure > :not(h3) { grid-column: 2; }
.account-form-section--visibility .account-disclosure { margin-top: var(--sc-space-16); }
.account-business-choice .sc-choice { min-width: 4.5rem; white-space: nowrap; }
.account-business-choice .sc-choice:has(input:checked) { color: var(--sc-color-action-primary); font-weight: 700; }
.account-input-wrap { position: relative; }
.account-input-wrap--lookup { display: flex; align-items: stretch; gap: var(--sc-space-8); }
.account-input-wrap--lookup .sc-input { min-width: 0; flex: 1 1 auto; }
.account-input-wrap--lookup .sc-btn { flex: none; height: var(--sc-form-control-height); min-height: var(--sc-form-control-height); white-space: nowrap; }
.account-input-wrap:has(.account-visibility) .sc-input { padding-right: 3.75rem; }
.account-visibility { position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.account-visibility img { width: var(--sc-icon-medium); height: var(--sc-icon-medium); }
@media (max-width: 60rem) { .account-form-section--interest .account-choice-list { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 47.999rem) {
 .account-task--wide:has(.account-flow-form) { padding: var(--sc-space-20); }
 .account-flow-actions { display: grid; } .account-flow-actions .sc-btn { width: 100%; }
 .account-field-grid .sc-form-field, .account-choice-row, .account-business-choice, .account-funding, .account-form-section--visibility .account-images, .account-form-section--visibility .account-disclosure { grid-template-columns: minmax(0,1fr); }
 .account-field-grid .sc-form-field { row-gap: var(--sc-space-8); }
 .account-field-grid .sc-form-message { grid-column: 1; }
 .account-field-grid .account-input-wrap { max-width: 100%; }
 .account-funding-fields { grid-template-columns: minmax(0,1fr); }
 .account-form-section--interest .account-choice-list { grid-template-columns: repeat(2, minmax(0,1fr)); }
 .account-funding .account-subgroup__title { margin: 0; }
 .account-business-choice__label { white-space: normal; }
 .account-radio-group > .sc-form-message { margin-left: 0; }
 .account-form-section--visibility .account-images > .account-subgroup__title, .account-form-section--visibility .account-disclosure h3 { grid-column: 1; grid-row: auto; white-space: normal; }
 .account-form-section--visibility .account-images > :not(.account-subgroup__title), .account-form-section--visibility .account-disclosure > :not(h3) { grid-column: 1; }
 .account-form-footer .sc-btn { flex: 1 1 0; min-width: 0; }
 .account-steps { display: flex; align-items: flex-start; min-height: 5.75rem; gap: 0; }
 .account-steps::before,.account-steps::after { display: none; }
 .account-steps .sc-stepper__item { position: relative; width: auto; height: auto; min-height: 5.75rem; padding: 0 .125rem; margin: 0; overflow: visible; clip: auto; white-space: normal; border: 0; font-size: var(--sc-type-size-14); line-height: 1.35; }
 .account-steps .sc-stepper__item::before { width: 2rem; height: 2rem; font-size: var(--sc-type-size-14); }
 .account-steps .sc-stepper__item::after { top: 1rem; left: calc(50% + 1rem); width: calc(100% - 2rem); }
}
@media (max-width: 31rem) { .account-form-section--interest .account-choice-list { grid-template-columns: minmax(0, 1fr); } }
/* The review route is separate from end-user account flows. */
.account-review { max-width: 56rem; }
.account-review__heading { display: flex; align-items: baseline; gap: var(--sc-space-16); margin-bottom: var(--sc-space-32); }
.account-review__heading .sc-page-title { flex: none; margin: 0; }
.account-review__intro { color: var(--sc-color-text-secondary-strong); margin: 0; white-space: nowrap; }
.account-review__intro-short { display: none; }
@media (max-width: 60rem) { .account-review__intro-full { display: none; } .account-review__intro-short { display: inline; } }
@media (max-width: 23.4375rem) {
 body:has(.account-page) .sc-header__inner { gap: var(--sc-space-8); }
 body:has(.account-page) .sc-header__brand { flex: 1 1 auto; min-width: 0; width: auto; }
 body:has(.account-page) .sc-header__brand img { width: 100%; max-width: 15.625rem; height: auto; }
 body:has(.account-page) .sc-header__utility { flex: 0 0 auto; }
}
.account-review__group { padding: var(--sc-space-24); margin-bottom: var(--sc-space-16); border: var(--sc-border-width-default) solid var(--sc-color-border-subtle); border-radius: var(--sc-radius-large); background: var(--sc-color-surface-default); }
.account-review__group h2 { font-size: var(--sc-type-size-20); margin-bottom: var(--sc-space-16); }
.account-review__group ol { display: grid; gap: var(--sc-space-8); padding-left: var(--sc-space-24); }
.account-review__states { display: flex; flex-wrap: wrap; gap: 0 var(--sc-space-16); margin: 0 0 var(--sc-space-8); padding-left: var(--sc-space-16); list-style: disc; color: var(--sc-color-text-secondary-strong); }
.account-review__states li { padding-right: var(--sc-space-8); }
.account-review__states a { min-height: var(--sc-control-xsmall); font-size: var(--sc-type-size-14); }
.account-review__group a { display: inline-flex; align-items: center; min-height: 2.75rem; color: var(--sc-color-action-primary); text-decoration: underline; text-underline-offset: .2em; }
.account-status p { margin: 0; }
.account-review-identity { display: flex; align-items: baseline; justify-content: center; flex-wrap: wrap; gap: var(--sc-space-8); margin: var(--sc-space-16) 0 0; }
.account-review-identity dt { color: var(--sc-color-text-secondary-strong); }
.account-review-identity dd { margin: 0; font-weight: 700; }
.account-flow-form[hidden] { display: none; }
.account-task-content[hidden], .account-inline-heading[hidden], .account-flow-actions[hidden] { display: none; }
.account-review-result { display: grid; justify-items: center; gap: var(--sc-space-16); width: min(100%, 32rem); margin-inline: auto; padding: var(--sc-space-24) 0; text-align: center; }
.account-review-result h2 { margin: 0; font-size: 1.375rem; }
.account-review-result p { margin: 0; line-height: 1.6; }
.account-response { display: grid; justify-items: center; gap: var(--sc-space-16); padding: var(--sc-space-20) 0; text-align: center; }
.account-response__symbol { display: grid; place-items: center; width: 3.5rem; height: 3.5rem; border-radius: 50%; background: var(--sc-color-info-surface); color: var(--sc-color-action-primary); font-size: 1.75rem; font-weight: 700; }
.account-response--error .account-response__symbol { background: var(--sc-color-danger-surface); color: var(--sc-color-danger); }
.account-response h2 { margin: 0; font-size: 1.5rem; line-height: 1.4; }
.account-response p { max-width: 32rem; margin: 0; line-height: 1.6; color: var(--sc-color-text-secondary-strong); }
.account-response__actions { display: flex; justify-content: center; flex-wrap: wrap; gap: var(--sc-space-12); margin-top: var(--sc-space-16); }
.account-inline-response { display: grid; gap: var(--sc-space-4); padding: var(--sc-space-12) var(--sc-space-16); margin-bottom: var(--sc-space-16); border: var(--sc-border-width-default) solid var(--sc-color-danger); border-radius: var(--sc-radius-large); background: var(--sc-color-danger-surface); color: var(--sc-color-text-primary); line-height: 1.5; }
.account-inline-response[hidden] { display: none; }
.account-inline-response--success { border-color: var(--sc-color-success); background: var(--sc-color-success-surface); }
.account-field-grid .account-inline-response { grid-column: 2; margin-top: var(--sc-space-8); margin-bottom: 0; }
@media (max-width: 47.999rem) { .account-response__actions { width: 100%; } .account-response__actions .sc-btn { flex: 1 1 auto; } .account-field-grid .account-inline-response { grid-column: 1; } }
@media (max-width: 47.999rem) { .account-review__heading { gap: var(--sc-space-8); } .account-review__heading .sc-page-title { font-size: var(--sc-type-size-18); line-height: var(--sc-type-line-height-28); } .account-review__intro { display: none; } .account-review__group { padding: var(--sc-space-16); } }

/* FINAL WSG P-01 — center the four-step process within its task. */
.account-task > .account-steps { width: min(100%, 45rem); margin: 0 auto var(--sc-space-24); justify-content: center; }
.account-task > .account-steps .sc-stepper__item { text-align: center; }


/* === css/components/static-inline-presentation.css : consolidated from v1.4/v1.5 source === */
ol.sc-stepper.sc-step-progress-0{--sc-step-progress:0.0%}
ol.sc-stepper.sc-step-progress-33{--sc-step-progress:33.33333333333333%}
ol.sc-stepper.sc-step-progress-66{--sc-step-progress:66.66666666666666%}
ol.sc-stepper.sc-step-progress-100{--sc-step-progress:100.0%}

/* 변경 시작 | 2026-10-02 | 회원가입 4개 페이지: 단계 연결선·박스 안 가운데 정렬 */
.account-task > .account-steps--connected {
  display: flex;
  width: min(100%, 45rem);
  margin-inline: auto;
  padding: 0;
  gap: 0;
  list-style: none;
  justify-content: center;
}
.account-steps--connected .sc-stepper__item {
  position: relative;
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: center;
  padding: 0;
  text-align: center;
}
.account-steps--connected .sc-stepper__item[data-state]::after {
  content: "";
  position: absolute;
  display: block;
  top: calc(1.25rem - 1px);
  left: calc(50% + 1.25rem);
  width: calc(100% - 2.5rem);
  height: 2px;
  z-index: 0;
  pointer-events: none;
}
.account-steps--connected .sc-stepper__item:last-child::after {
  display: none;
}
@media (max-width: 47.999rem) {
  .account-steps--connected .sc-stepper__item[data-state]::after {
    top: calc(1rem - 1px);
    left: calc(50% + 1rem);
    width: calc(100% - 2rem);
  }
}
/* 변경 끝 | 2026-10-02 | 회원가입 단계 연결선·가운데 정렬 */

/* 수정 | 2026-10-02 | 정보입력: 회원정보·기업 기본정보·소재지·대표자 그룹의 마지막 구분선 제거 */
[data-production-page="member-signup.html"] .account-field-grid > .sc-form-field:not(:has(~ .sc-form-field)),
[data-production-page="member-signup.html"] .account-address-fields > .sc-form-field:last-child,
[data-production-page="member-signup.html"] .account-representative-fields > :last-child {
  border-bottom: 0;
}

/* 수정 | 2026-10-02 | 모바일 중복확인 안내의 추가 열 생성 방지·아이디 필수 한 줄 표시 */
@media (max-width: 47.999rem) {
  [data-production-page="member-signup.html"] .account-lookup-status {
    grid-column: 1;
    min-width: 0;
    overflow-wrap: anywhere;
  }
  [data-production-page="member-signup.html"] .sc-form-label[for="user-id"] {
    display: inline-flex;
    align-items: center;
    gap: var(--sc-space-4);
    white-space: nowrap;
  }
}