/* ---------------------------------------------------------------- DC onboarding card (own file: loaded by the card, the banners and the wizard note)
   (templates/_dc_onboarding.html, web/dc_onboarding.py): ruled, collapsible, no card chrome. */
.pg .dcob { max-width: 62ch; border-top: 1px solid var(--pg-rule); border-bottom: 1px solid var(--pg-rule); }
.pg .dcob__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: var(--pg-s2) 0; cursor: pointer; list-style: none; }
.pg .dcob__head::-webkit-details-marker { display: none; }
.pg .dcob__title { margin: 0; font: 400 var(--pg-line)/1.2 var(--pg-serif); }
.pg .dcob__icon { width: 20px; height: 20px; flex: none; color: var(--pg-muted); transition: transform .15s ease; }
.pg .dcob__fold[open] > .dcob__head .dcob__icon { transform: rotate(90deg); }
.pg .dcob__body { padding: 0 0 var(--pg-s3); }
.pg .dcob__lead { margin: 0 0 var(--pg-s2); font-size: var(--pg-small); line-height: 1.5; color: var(--pg-muted); }
.pg .dcob__steps { margin: 0; padding: 0; list-style: none; counter-reset: dcob; }
.pg .dcob__step { position: relative; padding: var(--pg-s2) 0 var(--pg-s2) 32px; border-top: 1px solid var(--pg-rule); counter-increment: dcob; }
.pg .dcob__step::before { content: counter(dcob); position: absolute; left: 0; top: var(--pg-s2); font: 400 1.25rem/1.2 var(--pg-serif); }
.pg .dcob__step-title { margin: 0; font-weight: 600; font-size: var(--pg-small); line-height: 1.4; }
.pg .dcob__step-text, .pg .dcob__step-link, .pg .dcob__other, .pg .dcob__src { margin: 4px 0 0; font-size: var(--pg-small); line-height: 1.5; color: var(--pg-ink); }
.pg .dcob__other, .pg .dcob__src { padding-top: var(--pg-s2); border-top: 1px solid var(--pg-rule); color: var(--pg-muted); }
.pg .dcob__src { margin-top: var(--pg-s2); }
.pg .dcob a { color: inherit; text-decoration: underline; text-underline-offset: 0.18em; overflow-wrap: anywhere; }
.pg .dcob-banner { margin: 0 0 var(--pg-s3); padding: var(--pg-s2) 0; max-width: 62ch; font-size: var(--pg-small); line-height: 1.5; border-top: 1px solid var(--pg-rule); border-bottom: 1px solid var(--pg-rule); }
.pg .dcob-banner a { color: inherit; font-weight: 600; text-underline-offset: 0.18em; }
.pg .dcob-note { display: none; margin: 10px 0 0; max-width: 62ch; font-size: var(--pg-small); line-height: 1.4; color: var(--pg-ink); }
.pg fieldset:has(input[value="dc"]:checked) .dcob-note { display: block; }