/* Page guidance stays in document flow; no floating or sticky control. */
body.ps-stage1 .ps-page-help {
    display: block;
    position: static;
    width: 100%;
    margin: 0 0 1rem;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
}
body.ps-stage1 .ps-page-help > summary {
    width: fit-content;
    max-width: 100%;
    min-height: 44px;
    margin-left: auto;
    padding: .65rem 1rem;
    border: 1px solid var(--ps-brand-700, #6f2da8);
    border-radius: var(--ps-radius, .625rem);
    background: var(--ps-surface, #fff);
    color: var(--ps-brand-700, #6f2da8);
    font-size: .9375rem;
    font-weight: 700;
    line-height: 1.4;
    cursor: pointer;
}
body.ps-stage1 .ps-page-help--external-toggle:not([open]) { display: none; }
body.ps-stage1 .ps-page-help--external-toggle > summary { display: none; }
body.ps-stage1 .ps-page-help--external-toggle { scroll-margin-top: 4rem; }
body.ps-stage1 .ps-page-help--footer { margin: .75rem 0 0; }
body.ps-stage1 .ps-page-help--footer > summary { margin-inline: auto; }
body.ps-stage1 button.ps-help-toggle {
    display: inline-flex;
    width: auto;
    min-height: 44px;
    margin: 0;
    padding: .5rem .75rem;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: .5rem;
    background: transparent;
    color: var(--ps-neutral-700, #514657);
    box-shadow: none;
    font: 700 .875rem/1.4 Arial, sans-serif;
    cursor: pointer;
}
body.ps-stage1 button.ps-help-toggle:hover { background: var(--ps-brand-050, #f7f3fa); color: var(--ps-brand-800, #4d216f); }
body.ps-help-header-controls > .ps-stage1-app-bar,
body.ps-help-header-controls .ps-candidate-journey-bar { position: static; }
body.ps-stage1 .kiosk-header:has(> .ps-help-toggle) {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    grid-template-areas: ". logo help" "site site site";
}
body.ps-stage1 .kiosk-header:has(> .ps-help-toggle) .kiosk-logo { grid-area: logo; }
body.ps-stage1 .kiosk-header:has(> .ps-help-toggle) .site { grid-area: site; }
body.ps-stage1 .kiosk-header .ps-help-toggle {
    grid-area: help;
    justify-self: end;
    min-width: 0;
    max-width: 100%;
    background: #fff;
}
@media (min-width: 48rem) and (max-width: 63.99rem) {
    body.ps-help-header-controls .ps-stage1-personal-navigation { top: 0; }
}
@media (max-width: 47.99rem) {
    body.ps-stage1 button.ps-help-toggle {
        padding: .5rem;
        font-size: .75rem;
        line-height: 1.2;
        white-space: normal;
    }
}
body.ps-stage1 .ps-page-help-panel {
    margin: .75rem 0 0;
    padding: clamp(1rem, 2vw, 1.5rem);
    border: 1px solid var(--ps-border, #ded8e8);
    border-radius: var(--ps-radius, .625rem);
    background: #fff;
    color: var(--ps-text, #21172b);
    font-size: 1rem;
    line-height: 1.6;
    overflow-wrap: anywhere;
    text-align: left;
}
body.ps-stage1 .ps-page-help-panel :where(p, li, h2, h3, h4, label) { text-align: left; color: inherit; }
body.ps-stage1 .ps-page-help-panel :where(p, ul) { max-width: 75ch; }
body.ps-stage1 .ps-page-help-panel ul { padding-left: 1.4rem; margin: .5rem 0 1rem; }
body.ps-stage1 .ps-page-help-panel li + li { margin-top: .5rem; }
body.ps-stage1 .ps-page-help-panel h2 { font-size: 1.25rem; margin: 0; }
body.ps-stage1 .ps-page-help-panel h3 { font-size: 1.125rem; margin: 1rem 0 .5rem; }
body.ps-stage1 .ps-page-help-panel h4 { font-size: 1rem; margin: 1rem 0 .25rem; }
body.ps-stage1 .ps-help-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .75rem; margin-bottom: .75rem; }
body.ps-stage1 .ps-page-help-panel button { width: auto; max-width: 100%; margin: 0; padding: .65rem .9rem; flex-shrink: 0; border: 1px solid var(--ps-brand-700, #6f2da8); border-radius: var(--ps-radius, .625rem); background: #fff; color: var(--ps-brand-700, #6f2da8); font: 700 .9375rem/1.4 Arial, sans-serif; cursor: pointer; }
body.ps-stage1 .ps-role-manual { margin-top: 1rem; border-top: 1px solid var(--ps-border, #ded8e8); padding-top: 1rem; }
body.ps-stage1 .ps-role-manual > summary { min-height: 44px; padding: .65rem .25rem; cursor: pointer; font-weight: 700; }
body.ps-stage1 .ps-help-topic { border-top: 1px solid var(--ps-border, #ded8e8); margin: 0; padding: .25rem 0; }
body.ps-stage1 .ps-help-group { margin-top: .75rem; border-top: 1px solid var(--ps-border, #ded8e8); }
body.ps-stage1 .ps-help-group > summary,
body.ps-stage1 .ps-help-note > summary { min-height: 44px; padding: .65rem .25rem; cursor: pointer; }
body.ps-stage1 .ps-help-group > summary h3,
body.ps-stage1 .ps-help-note > summary :is(h3, h4, h5) { display: inline; margin: 0; font-size: 1rem; line-height: 1.4; }
body.ps-stage1 .ps-help-group > .ps-help-topic:first-of-type { border-top: 0; }
body.ps-stage1 .ps-help-topic h4 { font-size: 1rem; }
body.ps-stage1 .ps-help-topic h5 { font-size: 1rem; }
body.ps-stage1 .ps-help-search { margin: 1rem 0; }
body.ps-stage1 .ps-help-search label { display: block; margin-bottom: .4rem; font-weight: 700; }
body.ps-stage1 .ps-help-search > div { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
body.ps-stage1 .ps-help-search input { flex: 1 1 15rem; width: auto; min-width: 0; margin: 0; }
body.ps-stage1 .ps-page-help [hidden], .ps-help-print-output { display: none !important; }
body.ps-stage1 .ps-help-context { width: 100%; margin: .5rem 0; text-align: left; }
body.ps-stage1 button.ps-help-context-toggle { background: #fff; color: var(--ps-brand-700, #6f2da8); border: 1px solid currentColor; width: auto; }
body.ps-stage1 .ps-help-context-content { padding: .75rem; border: 1px solid var(--ps-border, #ded8e8); border-radius: .5rem; background: #fff; color: var(--ps-text, #21172b); font-size: 1rem; line-height: 1.6; }
body.ps-stage1 .ps-help-context-content :where(p, li, h3, h4) { text-align: left; }
body.ps-stage1 .ps-help-context-content[hidden] { display: none !important; }
.ps-stage1--tablet.tablet-qr-page .page:has(> .ps-page-help) { flex-wrap: wrap; }
@media print {
    body.ps-stage1 .ps-page-help, body.ps-stage1 .ps-help-context, body.ps-stage1 .ps-help-toggle { display: none !important; }
    body.ps-help-printing > * { display: none !important; }
    body.ps-help-printing > .ps-help-print-output { display: block !important; }
    .ps-help-print-output { color: #000; background: #fff; font: 11pt/1.5 Arial, sans-serif; }
    body.ps-stage1 .ps-help-print-output :where(h1, h2, h3, h4, p, li, summary) { color: #000; }
    .ps-help-print-output summary { display: block; font-weight: bold; }
    .ps-help-print-output h3, .ps-help-print-output h4, .ps-help-print-output summary { break-after: avoid; }
    .ps-help-print-output .ps-help-topic { margin: 1rem 0; }
}
