/* The permanent learning shelf shares the app’s content and action tokens. */
.notary-howto { margin-block: var(--space-8); padding: var(--space-6); border: calc(var(--space-1) / 2) solid var(--border); border-radius: var(--radius); min-width: 0; }
.notary-howto-summary { min-height: var(--control-height); align-content: center; font-size: var(--type-h3); font-family: var(--font-display); font-weight: var(--weight-display); cursor: pointer; }
.notary-howto-summary:focus-visible, .notary-howto-lesson > summary:focus-visible { outline: var(--space-1) solid var(--ring); outline-offset: var(--space-2); }
.notary-howto-lead { color: var(--ink-muted); font: var(--type-body)/var(--type-body-lh) var(--font-sans); margin-block: var(--space-3) var(--space-6); }
.notary-howto-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, calc(var(--control-height) * 6)), 1fr)); gap: var(--space-6); align-items: start; }
.notary-howto-lesson { min-width: 0; padding: var(--space-6); border: calc(var(--space-1) / 2) solid var(--border); border-radius: var(--radius); }
.notary-howto-lesson > summary { min-height: var(--control-height); align-content: center; font-size: var(--type-body); font-weight: 700; cursor: pointer; overflow-wrap: anywhere; }
.notary-howto-lesson > p { color: var(--ink-muted); margin-block: var(--space-4); }
.notary-howto-lesson > ol { padding-inline-start: var(--space-8); margin-block: var(--space-6); }
.notary-howto-lesson li + li { margin-block-start: var(--space-4); }
.notary-howto-lesson > .btn { width: 100%; }

/* The same preference card serves the client profile and the notary account. */
.onboarding-settings { min-width: 0; }
.onboarding-settings > p { color: var(--ink-muted); margin-block: var(--space-4); }
.onboarding-settings > [role="status"]:empty { display: none; }
.onboarding-settings-actions { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, calc(var(--control-height) * 6)), 1fr)); gap: var(--space-4); margin-block-start: var(--space-6); }
.onboarding-settings-actions > .btn { width: 100%; min-width: 0; }

/* A zero retained count is truthful, but still explains the next useful steps. */
.retained-empty-guidance { padding: var(--space-6); border: calc(var(--space-1) / 2) solid var(--border); border-radius: var(--radius); background: var(--surface); }
.retained-empty-guidance > h3 { margin-block: 0 var(--space-6); }
.retained-empty-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, calc(var(--control-height) * 6)), 1fr)); gap: var(--space-6); }
.retained-empty-step { display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; }
.retained-empty-step > h4, .retained-empty-step > p { margin: 0; }
/* Step titles are headings of the Hub: the display face at the dense card
   kicker step (ADR 0050), like every other h1–h4 of the admitted view. */
.retained-empty-step > h4 { font-family: var(--font-display); font-weight: var(--weight-display); font-size: var(--type-h4); line-height: var(--type-h4-lh); letter-spacing: var(--type-h4-ls); }
.retained-empty-step > .btn { width: 100%; margin-block-start: auto; }
.nc-ai-product[data-retained-empty="true"] :is(.nc-ai-product-actions, .nc-ai-consent-line, .nc-ai-contribution) { display: none; }