/* Hub-specific layout only; everything else comes from @zako/design. */
#main { max-width: 760px; margin: 0 auto; width: 100%; }
.panel.stripe { border-bottom: var(--bar) solid var(--accent); }
.panel h2 { margin-bottom: var(--pad); }
label { display: block; margin: var(--pad) 0 4px; font-size: var(--fs-sm); color: var(--muted); }
input[type=text], input[type=email], input:not([type]) { width: 100%; }
.list > div { display: flex; align-items: center; gap: var(--sp-2); padding: var(--sp-2) 0; border-top: 1px solid var(--line2); }
.list > div:first-child { border-top: 0; }
.codes { font-family: var(--mono); columns: 2; background: var(--accent-soft); padding: var(--pad); border-left: var(--bar) solid var(--accent); }
[hidden] { display: none !important; }
.scroll { overflow: auto; }
.who { font-size: var(--fs-sm); }
.out { margin-right: var(--pad); }
.sect { margin-top: var(--gutter); }
.title { display: flex; align-items: center; gap: var(--sp-2); }
.list .small { margin-top: var(--sp-1); }
.codes.one { columns: 1; }
.check { margin: 0; }