.t2-onb{--t2-onb-cols:4;max-width:1040px;margin:0 auto;padding:calc(var(--t2-header-h) + var(--t2-s8)) var(--t2-gutter) var(--t2-s12);gap:var(--t2-s8)}.t2-onb,.t2-onb-head{display:flex;flex-direction:column}.t2-onb-head{gap:var(--t2-s2);max-width:64ch}.t2-onb-title{margin:0}.t2-onb-intro{margin:0;color:var(--t2-fg-muted);line-height:var(--t2-lh-body)}.t2-onb-group{margin:0;padding:0;border:0;min-width:0}.t2-onb-legend{padding:0;margin-bottom:var(--t2-s3);color:var(--t2-fg-muted);font-size:var(--t2-fs-meta);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.t2-onb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--t2-s2);gap:var(--t2-s2)}@media (min-width:768px){.t2-onb-grid{grid-template-columns:repeat(var(--t2-onb-cols),minmax(0,1fr));gap:var(--t2-s3)}}.t2-onb-tile{display:flex;align-items:center;justify-content:space-between;gap:var(--t2-s2);min-height:56px;padding:var(--t2-s3) var(--t2-s4);border:1px solid var(--t2-line);border-radius:var(--t2-r-md);background:var(--t2-surface);color:var(--t2-fg);font:inherit;font-size:var(--t2-fs-body);font-weight:500;text-align:start;cursor:pointer;transition:background-color var(--t2-t-micro) var(--t2-ease),border-color var(--t2-t-micro) var(--t2-ease),color var(--t2-t-micro) var(--t2-ease)}.t2-onb-tile:hover{background:var(--t2-surface-2)}.t2-onb-tile:focus-visible{outline:none;box-shadow:var(--t2-focus)}.t2-onb-tile.is-on{border-color:var(--t2-accent);background:var(--t2-surface-2)}.t2-onb-tile-name{min-width:0;overflow-wrap:anywhere}.t2-onb-tile-mark{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--t2-r-pill);border:1px solid var(--t2-line);color:var(--t2-fg-muted)}.t2-onb-tile.is-on .t2-onb-tile-mark{border-color:var(--t2-accent);background:var(--t2-accent);color:var(--t2-accent-ink)}.t2-onb-bar{position:-webkit-sticky;position:sticky;bottom:var(--t2-s4);z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--t2-s3);padding:var(--t2-s3) var(--t2-s4);border:1px solid var(--t2-line);border-radius:var(--t2-r-lg);background:var(--t2-surface-2);box-shadow:var(--t2-e2)}.t2-onb-hint{margin:0;color:var(--t2-fg-muted);font-size:var(--t2-fs-meta)}.t2-onb-hint.is-error{color:var(--t2-live)}.t2-onb-actions{display:flex;flex-wrap:wrap;gap:var(--t2-s2);-webkit-margin-start:auto;margin-inline-start:auto}@media (max-width:767px){.t2-onb{padding-top:calc(var(--t2-header-h) + var(--t2-s5));gap:var(--t2-s6)}.t2-onb-bar{bottom:calc(var(--t2-tabbar-h) + var(--t2-s2) + env(safe-area-inset-bottom))}.t2-onb-actions{width:100%}.t2-onb-actions>*{flex:1 1}}