:root {
  --wp-form-control-height: 42px;
  --wp-form-panel: var(--wp11-surface-1, #fff);
  --wp-form-muted: var(--wp11-surface-2, #f1f4f8);
  --wp-form-border: var(--wp11-border, #d0d5dd);
  --wp-form-text: var(--wp11-text-900, #101828);
  --wp-form-subtle: var(--wp11-text-600, #475467);
  --wp-form-primary: var(--wp11-brand-700, #00488d);
  --wp-form-primary-hover: var(--wp11-brand-600, #0b63ce);
  --wp-form-danger: var(--wp11-danger, #b42318);
  --wp-form-success: var(--wp11-success, #14804a);
}

.wp-form-page { margin: 0 auto; max-width: 76rem; width: 100%; }
.wp-form-page--wide { max-width: 90rem; }
.wp-form-header { align-items: flex-end; display: flex; gap: 24px; justify-content: space-between; margin: 0 0 20px; }
.wp-form-header__main { min-width: 0; }
.wp-form-header__title-row { align-items: flex-start; display: flex; gap: 12px; }
.wp-form-header__icon { align-items: center; background: var(--wp11-brand-50, #f3f8ff); border: 1px solid var(--wp11-brand-100, #dcebff); border-radius: 8px; color: var(--wp-form-primary); display: inline-flex; flex: 0 0 40px; height: 40px; justify-content: center; margin-top: 2px; }
.wp-form-header h1 { color: var(--wp-form-text); font-size: 26px; font-weight: 700; line-height: 1.3; margin: 0; }
.wp-form-eyebrow { color: var(--wp-form-primary); font-size: 12px; font-weight: 700; margin: 0 0 4px; }
.wp-form-description { color: var(--wp-form-subtle); font-size: 13px; line-height: 1.55; margin: 6px 0 0; max-width: 62rem; }
.wp-form-back { align-items: center; color: var(--wp-form-subtle); display: inline-flex; font-size: 13px; font-weight: 600; gap: 7px; margin: 0 0 10px; text-decoration: none; }
.wp-form-back:hover { color: var(--wp-form-primary); }
.wp-form-header__actions { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; }

.wp-form-layout { align-items: start; display: grid; gap: 18px; grid-template-columns: minmax(0, 1fr); }
.wp-form-layout--rail { grid-template-columns: minmax(0, 1fr) minmax(18rem, 22rem); }
.wp-form-layout--preview { grid-template-columns: minmax(0, 1.62fr) minmax(22rem, 1fr); }
.wp-form-surface { background: var(--wp-form-panel); border: 1px solid var(--wp-form-border); border-radius: 8px; min-width: 0; overflow: clip; }
.wp-form { color: var(--wp-form-text); min-width: 0; }
.wp-form-section { border-bottom: 1px solid var(--wp-form-border); display: grid; grid-template-columns: minmax(10rem, 13rem) minmax(0, 1fr); padding: 22px; }
.wp-form-section:last-of-type { border-bottom: 0; }
.wp-form-section__header { align-items: flex-start; display: flex; gap: 9px; padding-right: 24px; }
.wp-form-section__icon { align-items: center; background: var(--wp-form-muted); border-radius: 7px; color: var(--wp-form-primary); display: inline-flex; flex: 0 0 30px; height: 30px; justify-content: center; }
.wp-form-section__header h2 { color: var(--wp-form-text); font-size: 15px; font-weight: 700; line-height: 1.4; margin: 3px 0 0; }
.wp-form-section__header p { color: var(--wp-form-subtle); font-size: 12px; line-height: 1.5; margin: 5px 0 0; }
.wp-form-section__body { min-width: 0; }
.wp-form-grid { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wp-form-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wp-field { min-width: 0; }
.wp-field--wide { grid-column: 1 / -1; }
.wp-field__label { align-items: center; color: var(--wp-form-text); display: flex; font-size: 13px; font-weight: 700; gap: 7px; justify-content: flex-start; line-height: 1.35; margin: 0 0 7px; }
.wp-field__required { background: #fff7ed; border-radius: 4px; color: #9a3412; font-size: 12px; font-weight: 700; line-height: 18px; padding: 0 5px; }
.wp-field__help { color: var(--wp-form-subtle); font-size: 12px; line-height: 1.5; margin: 6px 0 0; }
.wp-field__error { color: var(--wp-form-danger); font-size: 12px; font-weight: 600; line-height: 1.45; margin: 6px 0 0; }
.wp-field-toolbar { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; justify-content: space-between; margin: 0 0 8px; }
.wp-field-toolbar > span { color: var(--wp-form-subtle); font-size: 12px; }
.wp-control--stacked { margin-top: 8px; }
.wp-form-inline-note { align-items: center; background: var(--wp11-info-bg, #eff8ff); border: 1px solid color-mix(in srgb, var(--wp11-info, #175cd3) 24%, transparent); border-radius: 7px; color: var(--wp11-info, #175cd3); display: flex; font-size: 12px; gap: 8px; padding: 10px 12px; }

.wp-form :where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), select, textarea),
.wp-form--legacy :where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), select, textarea),
.wp-control {
  background: var(--wp-form-panel) !important;
  border: 1px solid var(--wp-form-border) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  color: var(--wp-form-text) !important;
  font: inherit;
  font-size: 14px !important;
  line-height: 1.45;
  min-height: var(--wp-form-control-height);
  outline: 0;
  padding: 9px 11px !important;
  transition: border-color 120ms ease, box-shadow 120ms ease, background-color 120ms ease;
  width: 100%;
}
.wp-form :where(textarea), .wp-form--legacy :where(textarea), textarea.wp-control { min-height: 112px; resize: vertical; }
.wp-form :where(input, select, textarea):focus,
.wp-form--legacy :where(input, select, textarea):focus,
.wp-control:focus { border-color: var(--wp-form-primary-hover) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp-form-primary-hover) 16%, transparent) !important; }
.wp-form :where(input, select, textarea)[aria-invalid="true"],
.wp-form--legacy :where(input, select, textarea)[aria-invalid="true"] { border-color: var(--wp-form-danger) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp-form-danger) 12%, transparent) !important; }
.wp-form :where(input, select, textarea):disabled,
.wp-form :where(input, select, textarea):read-only,
.wp-form--legacy :where(input, select, textarea):disabled,
.wp-form--legacy :where(input, select, textarea):read-only { background: var(--wp-form-muted) !important; color: var(--wp-form-subtle) !important; cursor: not-allowed; }
.wp-form :where(input[type="checkbox"], input[type="radio"]),
.wp-form--legacy :where(input[type="checkbox"], input[type="radio"]) { accent-color: var(--wp-form-primary); height: 18px; width: 18px; }
.wp-form :where(input[type="file"]), .wp-form--legacy :where(input[type="file"]) { border-style: dashed !important; min-height: 48px; }

.wp-choice { align-items: flex-start; border: 1px solid var(--wp-form-border); border-radius: 7px; cursor: pointer; display: flex; gap: 10px; min-height: 44px; padding: 11px 12px; }
.wp-choice:hover { background: var(--wp-form-muted); }
.wp-choice input { flex: 0 0 auto; margin-top: 1px; }
.wp-choice__copy strong { color: var(--wp-form-text); display: block; font-size: 13px; }
.wp-choice__copy span { color: var(--wp-form-subtle); display: block; font-size: 12px; line-height: 1.45; margin-top: 2px; }

.wp-form-rail { background: var(--wp-form-panel); border: 1px solid var(--wp-form-border); border-radius: 8px; min-width: 0; overflow: hidden; position: sticky; top: 76px; }
.wp-form-rail__header { align-items: center; border-bottom: 1px solid var(--wp-form-border); display: flex; gap: 9px; min-height: 50px; padding: 0 14px; }
.wp-form-rail__header i { color: var(--wp-form-primary); }
.wp-form-rail__header h2 { color: var(--wp-form-text); font-size: 14px; font-weight: 700; margin: 0; }
.wp-form-rail__body { color: var(--wp-form-subtle); font-size: 13px; line-height: 1.6; padding: 14px; }
.wp-form-rail__list { display: grid; gap: 10px; list-style: none; margin: 0; padding: 0; }
.wp-form-rail__list li { align-items: flex-start; display: flex; gap: 8px; }
.wp-form-rail__list i { color: var(--wp-form-success); margin-top: 4px; }
.wp-form-rail__button { justify-content: center; margin: 12px 0 16px; width: 100%; }
.wp-form-stack { display: grid; gap: 18px; min-width: 0; }
.wp-form-rail__actions { display: grid; gap: 8px; margin-top: 16px; }
.wp-form-rail__actions .wp-button { justify-content: flex-start; width: 100%; }
.wp-security-status { align-items: center; border-bottom: 1px solid var(--wp-form-border); display: flex; justify-content: space-between; margin-bottom: 14px; padding-bottom: 12px; }
.wp-security-status span { color: var(--wp-form-text); font-weight: 700; }
.wp-static-value { align-items: center; background: var(--wp-form-muted); border: 1px solid var(--wp-form-border); border-radius: 7px; display: flex; gap: 9px; min-height: 42px; padding: 9px 11px; }
.wp-static-value i { color: var(--wp-form-primary); }
.wp-repeat-list { display: grid; gap: 10px; }
.wp-repeat-row { align-items: end; background: var(--wp-form-muted); border: 1px solid var(--wp-form-border); border-radius: 7px; display: grid; gap: 10px; grid-template-columns: minmax(0, .8fr) minmax(0, 1.4fr) 40px; padding: 12px; }
.wp-icon-button { align-items: center; background: var(--wp-form-panel); border: 1px solid var(--wp-form-border); border-radius: 7px; color: var(--wp-form-subtle); cursor: pointer; display: inline-flex; height: 40px; justify-content: center; width: 40px; }
.wp-icon-button:hover { background: var(--wp-form-muted); color: var(--wp-form-text); }
.wp-icon-button--danger { color: var(--wp-form-danger); }
.wp-media-grid { display: grid; gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wp-media-grid a { background: var(--wp-form-muted); border: 1px solid var(--wp-form-border); border-radius: 7px; color: var(--wp-form-subtle); overflow: hidden; text-decoration: none; }
.wp-media-grid img { aspect-ratio: 16 / 10; display: block; object-fit: cover; width: 100%; }
.wp-media-grid span { display: block; font-size: 12px; padding: 8px 10px; }
.wp-dialog-backdrop { align-items: center; background: rgb(16 24 40 / 55%); display: flex; inset: 0; justify-content: center; padding: 20px; position: fixed; z-index: 100; }
.wp-dialog-backdrop[hidden] { display: none; }
.wp-dialog { background: var(--wp-form-panel); border-radius: 12px; box-shadow: 0 24px 48px rgb(16 24 40 / 24%); max-height: min(86vh, 52rem); max-width: 64rem; overflow: hidden; width: 100%; }
.wp-dialog__header { align-items: center; border-bottom: 1px solid var(--wp-form-border); display: flex; justify-content: space-between; min-height: 64px; padding: 12px 18px; }
.wp-dialog__header h2 { font-size: 18px; font-weight: 700; margin: 0; }
.wp-dialog__body { max-height: calc(min(86vh, 52rem) - 64px); overflow: auto; padding: 16px; }
.wp-picker-list { display: grid; gap: 8px; }
.wp-picker-item { align-items: center; background: var(--wp-form-panel); border: 1px solid var(--wp-form-border); border-radius: 7px; color: var(--wp-form-text); cursor: pointer; display: grid; gap: 12px; grid-template-columns: 72px minmax(0, 1fr) 20px; padding: 10px; text-align: left; width: 100%; }
.wp-picker-item:hover { background: var(--wp-form-muted); border-color: var(--wp-form-primary-hover); }
.wp-picker-item__media { align-items: center; background: var(--wp-form-muted); border-radius: 6px; display: flex; height: 56px; justify-content: center; overflow: hidden; width: 72px; }
.wp-picker-item__media img { height: 100%; object-fit: cover; width: 100%; }
.wp-picker-item__copy { min-width: 0; }
.wp-picker-item__copy strong, .wp-picker-item__copy small, .wp-picker-item__copy span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wp-picker-item__copy small { color: var(--wp-form-subtle); font-size: 12px; margin-top: 3px; }
.wp-picker-item__copy span { color: var(--wp-form-subtle); font-size: 12px; margin-top: 5px; }
.wp-empty-inline { align-items: center; color: var(--wp-form-subtle); display: flex; flex-direction: column; gap: 8px; justify-content: center; min-height: 12rem; text-align: center; }
.wp-item-list { display: grid; gap: 12px; }
.wp-item-block { background: var(--wp-form-muted); border: 1px solid var(--wp-form-border); border-radius: 7px; padding: 14px; }
.wp-item-block > header { align-items: center; display: flex; justify-content: space-between; margin-bottom: 14px; }
.wp-item-block > header h3 { color: var(--wp-form-text); font-size: 13px; font-weight: 700; margin: 0; }
.wp-record-grid { display: grid; gap: 8px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wp-record-grid > div { border: 1px solid var(--wp-form-border); border-radius: 7px; display: grid; gap: 3px; padding: 11px 12px; }
.wp-record-grid strong { color: var(--wp-form-text); font-size: 13px; }
.wp-record-grid span { color: var(--wp-form-subtle); font-size: 12px; }
.wp-danger-zone { align-items: center; background: var(--wp11-danger-bg, #fef3f2); border: 1px solid color-mix(in srgb, var(--wp-form-danger) 24%, transparent); border-radius: 8px; display: flex; gap: 16px; justify-content: space-between; margin-top: 18px; padding: 14px 16px; }
.wp-danger-zone h2 { color: var(--wp-form-danger); font-size: 14px; font-weight: 700; margin: 0; }
.wp-danger-zone p { color: var(--wp-form-subtle); font-size: 12px; margin: 3px 0 0; }
.wp-seal-preview { background: var(--wp-form-muted); border: 1px solid var(--wp-form-border); border-radius: 7px; height: 88px; object-fit: contain; padding: 6px; width: 88px; }
.wp-channel-table { border: 1px solid var(--wp-form-border); border-radius: 7px; overflow: hidden; }
.wp-channel-table__head, .wp-channel-table__row { align-items: center; display: grid; gap: 8px; grid-template-columns: minmax(14rem, 1fr) repeat(3, 5rem); }
.wp-channel-table__head { background: var(--wp-form-muted); color: var(--wp-form-subtle); font-size: 12px; font-weight: 700; min-height: 38px; padding: 0 12px; text-align: center; }
.wp-channel-table__head span:first-child { text-align: left; }
.wp-channel-table__row { border-top: 1px solid var(--wp-form-border); min-height: 58px; padding: 8px 12px; }
.wp-channel-table__row:first-of-type { border-top: 0; }
.wp-channel-table__row > div { min-width: 0; }
.wp-channel-table__row strong { color: var(--wp-form-text); display: block; font-size: 13px; }
.wp-channel-table__row span { color: var(--wp-form-subtle); display: block; font-size: 12px; line-height: 1.4; margin-top: 2px; }
.wp-channel-table__row > label { align-items: center; display: flex; justify-content: center; min-height: 40px; }

.wp-form-actions { align-items: center; background: color-mix(in srgb, var(--wp-form-panel) 96%, transparent); border-top: 1px solid var(--wp-form-border); display: flex; gap: 16px; justify-content: space-between; min-height: 68px; padding: 12px 18px; }
.wp-form-actions__status { color: var(--wp-form-subtle); font-size: 12px; min-height: 18px; }
.wp-form-actions__buttons { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; margin-left: auto; }
.wp-form-actions .wp-button { min-height: 40px; }
.wp-button--danger { background: var(--wp-form-danger) !important; border-color: var(--wp-form-danger) !important; color: #fff !important; }
.wp-button[data-loading="true"] { cursor: wait; opacity: .76; }
.wp-form-error-summary { background: #fef3f2; border: 1px solid #fecdca; border-radius: 7px; color: #912018; margin: 0 0 16px; padding: 12px 14px; }
.wp-form-error-summary h2 { font-size: 13px; font-weight: 700; margin: 0; }
.wp-form-error-summary p { font-size: 12px; margin: 4px 0 0; }
.wp-form-error-summary ul { display: flex; flex-wrap: wrap; gap: 5px 14px; list-style: none; margin: 8px 0 0; padding: 0; }
.wp-form-error-summary a { color: inherit; font-size: 12px; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }

.wp-form--legacy:not(.wp-form--utility) { display: grid; gap: 16px; }
.wp-form--legacy:not(.wp-form--utility) > :where(div, section, fieldset) { min-width: 0; }
.wp-form--legacy label:not(.wp-choice) { color: var(--wp-form-text); font-size: 13px; font-weight: 700; letter-spacing: 0 !important; }

.wp-auth-body { background: #eef2f6; color: #101828; font-family: "Pretendard", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif; margin: 0; min-height: 100vh; }
.wp-auth-shell { display: grid; grid-template-columns: minmax(18rem, 34rem) minmax(24rem, 1fr); min-height: 100vh; }
.wp-auth-context { background: #0b2447; color: #fff; display: flex; flex-direction: column; justify-content: space-between; padding: clamp(28px, 5vw, 72px); }
.wp-auth-brand { align-items: center; color: #fff; display: inline-flex; font-size: 18px; font-weight: 700; gap: 10px; text-decoration: none; }
.wp-auth-brand__mark { align-items: center; background: #fff; border-radius: 8px; color: var(--wp-c-brand); display: inline-flex; height: 36px; justify-content: center; width: 36px; }
.wp-auth-context__copy { max-width: 25rem; }
.wp-auth-context__copy h1 { font-size: clamp(28px, 3.1vw, 42px); font-weight: 700; line-height: 1.28; margin: 0; }
.wp-auth-context__copy p { color: #c9d8ea; font-size: 15px; line-height: 1.7; margin: 16px 0 0; }
.wp-auth-context__meta { border-top: 1px solid rgb(255 255 255 / 18%); color: #c9d8ea; font-size: 12px; line-height: 1.6; padding-top: 18px; }
.wp-auth-main { align-items: center; display: flex; justify-content: center; padding: 32px; }
.wp-auth-panel { background: #fff; border: 1px solid #d0d5dd; border-radius: 8px; max-width: 30rem; padding: clamp(24px, 4vw, 40px); width: 100%; }
.wp-auth-panel__header { margin-bottom: 24px; }
.wp-auth-panel__header h2 { font-size: 26px; font-weight: 700; margin: 0; }
.wp-auth-panel__header p { color: #475467; font-size: 13px; line-height: 1.55; margin: 7px 0 0; }
.wp-auth-panel .wp-form { display: grid; gap: 16px; }
.wp-auth-panel .wp-form-actions { background: transparent; border: 0; min-height: 0; padding: 4px 0 0; }
.wp-auth-panel .wp-form-actions__buttons, .wp-auth-panel .wp-button { width: 100%; }
.wp-auth-panel .wp-button { justify-content: center; }
.wp-auth-shell .wp-button { align-items: center; background: #fff; border: 1px solid #d0d5dd; border-radius: 7px; color: #101828; cursor: pointer; display: inline-flex; font-size: 14px; font-weight: 700; gap: 8px; justify-content: center; min-height: 42px; padding: 9px 14px; text-decoration: none; }
.wp-auth-shell .wp-button:hover { background: #f2f4f7; }
.wp-auth-shell .wp-button--primary { background: var(--wp-c-brand); border-color: var(--wp-c-brand); color: #fff; }
.wp-auth-shell .wp-button--primary:hover { background: var(--wp-c-brand-hover); border-color: var(--wp-c-brand-hover); }
.wp-auth-switch { border-top: 1px solid #e4e7ec; color: #475467; font-size: 13px; margin-top: 22px; padding-top: 18px; text-align: center; }
.wp-auth-switch a { color: var(--wp-c-brand); font-weight: 700; }
.wp-auth-alert { background: #fef3f2; border: 1px solid #fecdca; border-radius: 7px; color: #912018; font-size: 13px; margin-bottom: 18px; padding: 11px 13px; }
.wp-code-input { font-family: ui-monospace, SFMono-Regular, Consolas, monospace !important; font-size: 22px !important; font-weight: 700 !important; letter-spacing: .2em !important; text-align: center; }
.wp-auth-details { border-top: 1px solid #e4e7ec; margin-top: 20px; padding-top: 16px; }
.wp-auth-details summary { align-items: center; color: #344054; cursor: pointer; display: flex; font-size: 13px; font-weight: 700; gap: 8px; min-height: 40px; }
.wp-auth-details .wp-form { margin-top: 14px; }
.wp-step-list { counter-reset: wp-step; display: grid; gap: 14px; list-style: none; margin: 0; padding: 0; }
.wp-step-list li { min-height: 40px; padding-left: 48px; position: relative; }
.wp-step-list li::before { align-items: center; background: var(--wp11-brand-50, #f3f8ff); border: 1px solid var(--wp11-brand-100, #dcebff); border-radius: 7px; color: var(--wp-form-primary); content: counter(wp-step); counter-increment: wp-step; display: flex; font-size: 12px; font-weight: 700; height: 34px; justify-content: center; left: 0; position: absolute; top: 0; width: 34px; }
.wp-step-list strong { color: var(--wp-form-text); display: block; font-size: 13px; }
.wp-step-list span { color: var(--wp-form-subtle); display: block; font-size: 12px; margin-top: 2px; }
.wp-danger-zone--form { align-items: flex-start; display: grid; grid-template-columns: 12rem minmax(0, 1fr); }
.wp-danger-zone--form .wp-form { display: grid; gap: 12px; }
.wp-danger-zone--form .wp-button { justify-self: end; }
.wp-mfa-enroll { align-items: center; display: grid; gap: 20px; grid-template-columns: minmax(12rem, 16rem) minmax(0, 1fr); }
.wp-qr-code { background: #fff; border: 1px solid var(--wp-form-border); border-radius: 7px; display: block; padding: 10px; width: 100%; }
.wp-mfa-enroll code { background: var(--wp-form-muted); border: 1px solid var(--wp-form-border); border-radius: 7px; color: var(--wp-form-text); display: block; font-size: 12px; line-height: 1.5; margin: 0 0 10px; overflow-wrap: anywhere; padding: 10px; }
.wp-backup-code-list { display: grid; gap: 6px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 12px; }
.wp-backup-code-list code { background: var(--wp-form-muted); border: 1px solid var(--wp-form-border); border-radius: 6px; color: var(--wp-form-text); font-size: 12px; padding: 7px; text-align: center; }

@media (max-width: 1100px) {
  .wp-form-layout--preview { grid-template-columns: minmax(0, 1.25fr) minmax(20rem, .9fr); }
}
@media (max-width: 900px) {
  .wp-form-layout--rail, .wp-form-layout--preview { grid-template-columns: minmax(0, 1fr); }
  .wp-form-rail { position: static; }
  .wp-form-section { grid-template-columns: minmax(0, 1fr); }
  .wp-form-section__header { margin-bottom: 16px; padding-right: 0; }
  .wp-auth-shell { grid-template-columns: 18rem minmax(0, 1fr); }
  .wp-auth-context { padding: 32px 24px; }
}
@media (max-width: 700px) {
  .wp-form-header { align-items: stretch; flex-direction: column; }
  .wp-form-header h1 { font-size: 22px; }
  .wp-form-header__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wp-form-header__actions .wp-button { justify-content: center; }
  .wp-form-header__actions button[type="submit"][form] { display: none; }
  .wp-form-section { padding: 18px 14px; }
  .wp-form-grid, .wp-form-grid--three { grid-template-columns: minmax(0, 1fr); }
  .wp-repeat-row { grid-template-columns: minmax(0, 1fr) 40px; }
  .wp-repeat-row .wp-field:first-child { grid-column: 1 / -1; }
  .wp-media-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wp-record-grid { grid-template-columns: minmax(0, 1fr); }
  .wp-danger-zone { align-items: stretch; flex-direction: column; }
  .wp-danger-zone .wp-button { justify-content: center; width: 100%; }
  .wp-channel-table { overflow-x: auto; }
  .wp-channel-table__head, .wp-channel-table__row { grid-template-columns: minmax(12rem, 1fr) repeat(3, 4.5rem); min-width: 28rem; }
  .wp-danger-zone--form { grid-template-columns: minmax(0, 1fr); }
  .wp-danger-zone--form .wp-button { justify-self: stretch; }
  .wp-mfa-enroll { grid-template-columns: minmax(0, 1fr); }
  .wp-form-actions { box-shadow: none; margin: 0; position: static; }
  .wp-form-actions__status { display: none; }
  .wp-form-actions__buttons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
  .wp-form-actions__buttons > :only-child { grid-column: 1 / -1; }
  .wp-form-actions__buttons .wp-button { justify-content: center; min-width: 0; padding-inline: 10px; }
  .wp-auth-shell { display: block; }
  .wp-auth-context { min-height: 12rem; padding: 24px 20px; }
  .wp-auth-context__copy { margin-top: 40px; }
  .wp-auth-context__copy h1 { font-size: 26px; }
  .wp-auth-context__copy p, .wp-auth-context__meta { display: none; }
  .wp-auth-main { padding: 18px 14px 32px; }
  .wp-auth-panel { margin-top: -28px; padding: 24px 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .wp-form *, .wp-auth-shell * { scroll-behavior: auto !important; transition-duration: 0.01ms !important; }
}
