.help-page { max-width: 1050px; padding-bottom: clamp(48px, 8vw, 104px); }
.help-page [hidden] { display: none !important; }
.help-intro { padding: 36px 0 30px; }
.help-intro h1 { font-size: clamp(2.65rem, 7vw, 5rem); line-height: 1.05; margin: 12px 0 18px; }
.help-intro h1 em { color: var(--aqua-dark); font-style: normal; }
.help-intro > p:not(.eyebrow), .help-request > p { max-width: 65ch; color: var(--muted); }
.help-outage { margin-top: 12px; }
.help-scenarios, .help-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.help-scenarios { align-items: start; }
.help-scenarios details, .help-request { background: white; border: 1px solid var(--line); border-radius: 20px; padding: clamp(18px, 3vw, 32px); }
.help-scenarios summary { cursor: pointer; font-weight: 700; padding-block: 6px; }
.help-scenarios details p { color: var(--muted); margin: 8px 0 12px; }
.help-options { display: grid; gap: 8px; }
.help-options button { text-align: left; padding: 11px 14px; background: white; color: var(--ink); border: 1px solid var(--line); border-radius: 10px; cursor: pointer; min-height: 44px; }
.help-options button:hover, .help-options button[aria-pressed="true"] { background: var(--aqua-soft); border-color: var(--aqua-dark); }
.help-request { margin-top: 24px; }
.help-request h2 { font-size: clamp(1.55rem, 4vw, 2.4rem); line-height: 1.2; margin: 0 0 18px; }
.help-note { background: var(--aqua-soft); border-radius: 12px; padding: 14px 18px; margin: 12px 0; }
.help-note p { margin: 4px 0 0; }
#help-form { display: grid; gap: 14px; margin-top: 22px; }
#help-form label { display: grid; align-content: start; gap: 5px; font-weight: 700; min-width: 0; }
#help-form :is(input, textarea, select) { width: 100%; min-width: 0; min-height: 44px; border-radius: 10px; border: 1px solid #a5b6b3; background: #fff; color: var(--ink); font: inherit; font-weight: 500; padding: 8px 10px; }
#help-form textarea { resize: vertical; }
#help-form button { justify-self: start; }
.help-page :focus-visible { outline: 3px solid var(--aqua-dark); outline-offset: 3px; }
.help-muted { color: var(--muted); font-size: .92rem; margin: 0; }
.help-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
#help-status:empty { margin: 0; }
#help-status:not(:empty) { padding: 12px 16px; border-radius: 10px; background: var(--aqua-soft); }
#help-status[data-error="true"] { color: #862727; background: #fff0f0; }
.help-muted a { text-decoration: underline; text-underline-offset: 3px; }
.help-page .button { cursor: pointer; }
.help-page .button:disabled { cursor: wait; opacity: .7; }
@media (max-width: 650px) { .help-scenarios, .help-grid { grid-template-columns: 1fr; } .help-intro { padding-top: 20px; } }