.ml-ui.ml-flow { --ml-measure-registration: 40rem; }
.ml-ui .ml-flow__main { max-width: 40rem; }
.ml-ui .ml-flow__lede { margin: var(--ml-space-3) 0 0; color: var(--ml-color-fg-muted); text-wrap: pretty; }
.ml-ui .ml-flow__email { display: inline-block; margin-top: var(--ml-space-2); color: var(--ml-color-fg); overflow-wrap: anywhere; }
.ml-ui .ml-flow__panel { container-type: inline-size; display: grid; gap: var(--ml-space-6); padding: var(--ml-space-6) var(--ml-space-4); border: 1px solid var(--ml-color-border); border-radius: var(--ml-radius-panel); background: var(--ml-color-surface); }
.ml-ui .ml-flow__panel form, .ml-ui .ml-flow__accept { display: grid; gap: var(--ml-space-5); }
.ml-ui .ml-code__label { padding: 0; margin-bottom: var(--ml-space-3); font-size: .875rem; font-weight: var(--ml-font-medium); }
.ml-ui .ml-code { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ml-space-2); margin-bottom: var(--ml-space-4); }
.ml-ui .ml-code__digit { min-height: 3.5rem; padding: var(--ml-space-2); text-align: center; font-size: 1.5rem; font-weight: var(--ml-font-medium); font-variant-numeric: tabular-nums; caret-color: var(--ml-color-accent); }
.ml-ui .ml-code__digit:not(:placeholder-shown) { border-color: var(--ml-color-control-border); }
/* Six 44px targets and five 8px gaps fit at 304px; smaller containers use two rows. */
@container (min-width: 19rem) { .ml-ui .ml-code { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.ml-ui .ml-field-error { display: block; margin: 0; color: var(--ml-color-danger); font-size: .875rem; line-height: var(--ml-leading-body); }
.ml-ui .ml-field-error:empty { display: none; }
.ml-ui .ml-notice { padding: var(--ml-space-4); border: 1px solid var(--ml-color-border-strong); border-radius: var(--ml-radius-control); background: var(--ml-color-surface-muted); overflow-wrap: anywhere; }
.ml-ui .ml-notice strong { font-weight: var(--ml-font-semibold); }
.ml-ui .ml-notice p { margin: var(--ml-space-2) 0 0; }
.ml-ui .ml-notice--error { border-color: var(--ml-color-danger); color: var(--ml-color-danger); background: var(--ml-color-danger-bg); }
.ml-ui .ml-notice--success { border-color: var(--ml-color-success); color: var(--ml-color-success); background: var(--ml-color-success-bg); }
.ml-ui .ml-flow__resend, .ml-ui .ml-flow__change { padding-top: var(--ml-space-5); border-top: 1px solid var(--ml-color-border); }
.ml-ui .ml-flow__resend form { gap: var(--ml-space-2); }
.ml-ui .ml-text-button { width: fit-content; min-height: var(--ml-control-height); padding: var(--ml-space-2) 0; border: 0; background: transparent; color: var(--ml-color-accent); font: inherit; text-decoration: underline; text-underline-offset: .2em; cursor: pointer; }
.ml-ui .ml-text-button:hover { color: var(--ml-color-accent-hover); }
.ml-ui button:disabled { cursor: wait; }
.ml-ui .ml-text-button:disabled { color: var(--ml-color-fg-muted); cursor: default; }
.ml-ui .ml-flow__change summary { display: list-item; min-height: var(--ml-control-height); padding-block: var(--ml-space-3); color: var(--ml-color-accent); cursor: pointer; }
.ml-ui .ml-flow__change[open] > p { margin-bottom: var(--ml-space-4); }
.ml-ui .ml-flow__secondary { margin: 0; color: var(--ml-color-fg-muted); font-size: .875rem; }
.ml-ui .ml-flow__panel a:not(.ml-button), .ml-ui .ml-flow__accept a { color: var(--ml-color-accent); text-decoration: underline; text-underline-offset: .2em; }
.ml-ui .ml-flow__step { margin: 0 0 var(--ml-space-3); color: var(--ml-color-fg-muted); font-size: .875rem; }
.ml-ui .ml-flow__profile { gap: var(--ml-space-5); }
.ml-ui .ml-content-id { display: grid; gap: var(--ml-space-4); padding-top: var(--ml-space-5); border-top: 1px solid var(--ml-color-border); }
.ml-ui .ml-content-id .ml-field-group__title { margin-bottom: 0; }
.ml-ui .ml-choice-list { display: grid; gap: var(--ml-space-2); }
.ml-ui .ml-choice { display: flex; align-items: center; gap: var(--ml-space-3); min-height: var(--ml-control-height); padding: var(--ml-space-3) var(--ml-space-4); border: 1px solid var(--ml-color-border-strong); border-radius: var(--ml-radius-control); cursor: pointer; }
.ml-ui .ml-choice:has(input:checked) { border-color: var(--ml-color-accent); background: var(--ml-color-surface-muted); }
.ml-ui .ml-choice input { flex: 0 0 auto; width: var(--ml-space-5); height: var(--ml-space-5); margin: 0; accent-color: var(--ml-color-accent); }
.ml-ui .ml-choice input:focus-visible { outline: 3px solid var(--ml-color-focus); outline-offset: 3px; }
.ml-ui .ml-content-id__details { display: grid; gap: var(--ml-space-5); padding: var(--ml-space-4); border: 1px solid var(--ml-color-border); border-radius: var(--ml-radius-control); background: var(--ml-color-surface-muted); }
.ml-ui .ml-content-id__details[hidden], .ml-ui [data-content-id-provider-other][hidden] { display: none; }
.ml-ui .ml-flow__identity { display: grid; gap: var(--ml-space-3); margin: 0; padding-bottom: var(--ml-space-5); border-bottom: 1px solid var(--ml-color-border); }
.ml-ui .ml-flow__identity dt { color: var(--ml-color-fg-muted); font-size: .875rem; }
.ml-ui .ml-flow__identity dd { margin: var(--ml-space-1) 0 0; overflow-wrap: anywhere; }
.ml-ui .ml-flow__agreement { font-size: 1rem; overflow-wrap: anywhere; }
.ml-ui .ml-flow__agreement section { margin-block: var(--ml-space-5); }
.ml-ui .ml-flow__agreement ol { padding-left: var(--ml-space-6); }
.ml-ui .ml-flow__agreement li { margin-block: var(--ml-space-3); }
.ml-ui .ml-flow__agreement strong { font-weight: var(--ml-font-semibold); }
.ml-ui .ml-flow__accept { padding-top: var(--ml-space-6); margin-top: var(--ml-space-8); border-top: 1px solid var(--ml-color-border); }
.ml-ui .ml-flow__status { display: block; margin-bottom: var(--ml-space-3); color: var(--ml-color-fg-muted); font-size: .875rem; }
.ml-ui .ml-flow__status--success { color: var(--ml-color-success); }
.ml-ui .ml-flow__status--error { color: var(--ml-color-danger); }
.ml-ui .ml-review-state h2 { margin: 0 0 var(--ml-space-3); font-size: 1.5rem; font-weight: var(--ml-font-medium); line-height: var(--ml-leading-heading); }
.ml-ui .ml-review-state p, .ml-ui .ml-flow__identity-check p { margin: var(--ml-space-3) 0 0; }
.ml-ui .ml-flow__review-message { white-space: pre-line; overflow-wrap: anywhere; }
.ml-ui .ml-flow__identity-check { padding-top: var(--ml-space-5); border-top: 1px solid var(--ml-color-border); }
.ml-ui .ml-flow__identity-check h3 { margin: 0; font-size: 1.125rem; font-weight: var(--ml-font-medium); }
.ml-ui .ml-flow__actions { display: grid; gap: var(--ml-space-3); }
.ml-ui .ml-account-nav { flex-wrap: wrap; gap: var(--ml-space-3); }
.ml-ui .ml-text-button:focus-visible, .ml-ui .ml-flow__change summary:focus-visible, .ml-ui .ml-notice:focus { outline: 3px solid var(--ml-color-focus); outline-offset: 2px; }
.ml-ui .ml-sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (min-width: 48rem) { .ml-ui .ml-flow__panel { padding: var(--ml-space-8); } }
@media (prefers-reduced-motion: reduce) { .ml-ui.ml-flow *, .ml-ui.ml-sign-up * { scroll-behavior: auto; transition-duration: 0s; } }

@media (forced-colors: active) { .ml-ui .ml-choice, .ml-ui .ml-content-id__details { border-color: CanvasText; } }

.ml-ui .ml-review-list { margin: var(--ml-space-6) 0; padding: 0; list-style: none; }
.ml-ui .ml-review-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: var(--ml-space-3); padding-block: var(--ml-space-5); border-bottom: 1px solid var(--ml-color-border); overflow-wrap: anywhere; }
.ml-ui .ml-review-row p { margin: var(--ml-space-2) 0 0; color: var(--ml-color-fg-muted); font-size: .875rem; }
.ml-ui .ml-review-row a, .ml-ui .ml-review-nav a { color: var(--ml-color-accent); text-decoration: underline; text-underline-offset: .2em; }
.ml-ui .ml-review-decisions { display: grid; gap: var(--ml-space-3); }