/* Layout bindings for the approved hub/account kit; no new visual language. */
.hub { min-height: 100vh; }
.hub__card { overflow-wrap: anywhere; }
.pmark { width: var(--size-icon-lg); height: var(--size-icon-lg); flex: none; }
.auth-account { max-width: var(--size-content); margin: auto; padding: var(--space-40) var(--gutter); }
.auth-account > h1 { font-size: var(--text-title); font-weight: var(--weight-regular); }
.auth-account .card { margin-top: var(--space-40); }
.auth-account .dangerzone { margin-top: var(--space-64); }
.auth-account .btn { max-width: 100%; white-space: normal; height: auto; min-height: var(--hit); }
.hub__f .btn { padding: 0; min-height: var(--size-touch); font-size: var(--text-meta); }
.hub__f { align-items: center; }
.fault { color: var(--fault-ink); }
.hub__card .row { flex-wrap: wrap; }
.hub__card fieldset { padding: 0; border: 0; margin: 0; min-width: 0; }
.hub__card .choice { min-height: var(--size-touch); }
.hub__card input { max-width: 100%; }
.hub__card #device-code { width: 100%; min-height: var(--size-touch); font: var(--density-touch-input) var(--font-mono); color: var(--ink); background: var(--surface); border: 1px solid var(--edge); padding: var(--space-8); }
.dangerzone .btn--danger:enabled { color: var(--fault-ink); }
.kv dd, .lrow__m { overflow-wrap: anywhere; }
.auth-account .tabs > span { padding: var(--space-12); border-bottom: var(--size-rule) solid var(--ink); }
@media (max-width: 699px) { .auth-account { padding-top: var(--space-24); } .hub__card .btn { min-height: var(--size-touch); } }

/* Shared row grammar: identity, metadata, then actions/help; never a flex run. */
.auth-method { display: grid; grid-template-columns: minmax(0, 1fr) var(--size-rail); align-items: start; gap: var(--space-8) var(--space-16); }
.auth-method .lrow__t { grid-column: 1; grid-row: 1; }
.auth-method .lrow__m { grid-column: 1; grid-row: 2; display: block; }
.auth-method .lrow__m > span { display: block; }
.auth-method .lrow__x { grid-column: 2; grid-row: 1 / 3; margin: 0; justify-self: start; display: grid; justify-items: start; gap: var(--space-12); min-width: 0; }
.auth-account .card > .row + p { margin-top: var(--space-12); }
.auth-account__frame { display: grid; justify-items: start; gap: var(--space-16); margin-bottom: var(--space-40); }
.auth-account { width: 100%; }
.auth-account .row { flex-wrap: wrap; gap: var(--space-12); }
.choice[aria-disabled="true"] { color: var(--faint); cursor: not-allowed; }
.choice[aria-disabled="true"] input { cursor: not-allowed; box-shadow: inset 0 0 0 1px var(--line-strong); }
.hub__card time, .auth-account time { font-variant-numeric: tabular-nums; }
@media (max-width: 699px) {
  .auth-method { grid-template-columns: minmax(0, 1fr); }
  .auth-method .lrow__x { grid-column: 1; grid-row: 3; }
  .auth-method .btn--quiet { margin-left: calc(-1 * var(--space-16)); max-width: calc(100% + var(--space-16)); }
  .auth-account__frame { margin-bottom: var(--space-24); }
}

.auth-person{border-top:1px solid var(--line);padding:20px 0}.auth-person summary{cursor:pointer}.auth-access-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:20px 0}.auth-access-form .label{display:flex;flex-direction:column;gap:8px}.auth-access-form input,.auth-access-form select{padding:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit}.auth-account__frame{display:flex;align-items:center;justify-content:space-between;gap:20px}