.help-toolbar { padding: 24px; display: grid; grid-template-columns: minmax(180px, 1fr) minmax(240px, 2fr); gap: 16px; margin-bottom: 24px; }
.help-toolbar label { display: grid; gap: 8px; font-weight: 600; }
.help-toolbar input, .help-toolbar select { width: 100%; min-width: 0; }
.help-toolbar .field-help { grid-column: 1 / -1; margin: 0; }
.help-layout { display: grid; grid-template-columns: minmax(200px, 270px) minmax(0, 1fr); gap: 24px; align-items: start; }
.help-index { padding: 24px; position: sticky; top: 24px; }
.help-index h2 { font-size: 1rem; margin: 0 0 16px; }
.help-index a { display: block; padding: 10px 0; color: #0066a8; line-height: 1.45; text-decoration: none; overflow-wrap: anywhere; }
.help-index a:hover { text-decoration: underline; }
.help-articles { display: grid; gap: 20px; min-width: 0; }
.help-results { margin: 0; color: #53657a; }
.help-topic { padding: clamp(20px, 3vw, 32px); scroll-margin-top: 100px; }
.help-topic h2 { font-size: 1.25rem; margin: 0 0 16px; line-height: 1.4; }
.help-topic p, .help-topic li { line-height: 1.75; overflow-wrap: anywhere; }
.help-topic p { margin: 0 0 14px; }
.help-topic p:last-child { margin-bottom: 0; }
.help-topic ol { margin: 20px 0 0; padding-left: 24px; }
.help-topic li { padding-left: 6px; margin-bottom: 12px; }
.help-topic h3, .help-topic h4 { margin: 24px 0 12px; line-height: 1.4; }
.help-topic ul { padding-left: 24px; }
.help-topic img { display: block; max-width: 100%; height: auto; margin: 16px 0; border: 1px solid #d8e2ec; border-radius: 8px; }
.help-topic code { overflow-wrap: anywhere; }
.help-layout [hidden] { display: none !important; }
.help-layout :focus-visible, .help-toolbar :focus-visible { outline: 3px solid #0071b9; outline-offset: 4px; }
@media (max-width: 900px) { .help-layout { grid-template-columns: 1fr; } .help-index { position: static; } }
@media (max-width: 600px) { .help-toolbar { grid-template-columns: minmax(0, 1fr); padding: 20px; } .help-layout { gap: 16px; } }