/* The Search/Help drawer, the /help page and guides in the printed-manifest look. This layer is linked before
   help.css on signed-in pages, so every rule carries html[data-shell="r2"] to win. */
html[data-shell="r2"] .help-panel { background: var(--color-page-bg); border-left: var(--rule) solid var(--color-text); }
html[data-shell="r2"] .help-panel.is-page { border: 0; border-top: var(--rule) solid var(--color-text); box-shadow: none; }
html[data-shell="r2"] .help-rail { background: var(--color-page-bg); border-left: 1px solid var(--color-text); color: var(--color-text); }
html[data-shell="r2"] .help-rail:hover, html[data-shell="r2"] .help-rail:focus-visible { background: var(--color-text); color: var(--color-page-bg); }
html[data-shell="r2"] .help-tuck { left: -21px; width: 18px; background: var(--color-text); color: var(--color-page-bg); border: 0; border-radius: 0; }
html[data-shell="r2"] .help-tuck:hover, html[data-shell="r2"] .help-tuck:focus-visible { background: var(--color-create-strong); color: var(--color-on-button); }

html[data-shell="r2"] .help-head { background: var(--color-page-bg); border-bottom: 1px solid var(--color-border-strong); }
html[data-shell="r2"] .help-title { font-size: var(--text-md); font-weight: 700; text-transform: uppercase; letter-spacing: var(--tracking-label); }
html[data-shell="r2"] .help-title .icon { color: var(--color-text); }
html[data-shell="r2"] .help-close { color: var(--color-text); border-radius: 0; }
html[data-shell="r2"] .help-close:hover { background: var(--color-text); color: var(--color-page-bg); }

html[data-shell="r2"] .help-composer { background: var(--color-page-bg); border-bottom: 1px solid var(--color-border-strong); }
html[data-shell="r2"] .help-composer :is(textarea, input[type="search"], input[type="text"]) { border: 2px solid var(--color-text); border-radius: 0; background: var(--color-surface); }
html[data-shell="r2"] .help-steps { border: 0; padding: 0; color: var(--color-text); border-radius: 0; }
html[data-shell="r2"] .help-steps:hover { background: none; text-decoration: underline; }
html[data-shell="r2"] .help-steps:has(> input:checked) { background: var(--color-primary); color: var(--rail-accent-ink); padding: 0 6px; }
html[data-shell="r2"] .help-about { background: none; border: 0; border-radius: 0; color: var(--color-text); padding-left: 0; }

html[data-shell="r2"] :is(.help-suggest, .help-body) { background: var(--color-page-bg); }
html[data-shell="r2"] .help-suggest-still { background: var(--color-primary); color: var(--rail-accent-ink); border-top: 0; }
html[data-shell="r2"] .help-chips-label { color: var(--color-text); font-weight: 700; }
html[data-shell="r2"] .help-chips { gap: 0; align-items: stretch; }
html[data-shell="r2"] .help-chips > li { border-bottom: 1px solid var(--color-border-strong); }
html[data-shell="r2"] .help-chip { width: 100%; padding: 8px 0; border: 0; border-radius: 0; background: none; font-weight: 600; }
html[data-shell="r2"] .help-chip:hover { background: none; text-decoration: underline; }
html[data-shell="r2"] .help-msg-q { background: none; border: 0; border-top: var(--rule) solid var(--color-text); border-radius: 0; padding: 8px 0 0; }
html[data-shell="r2"] .help-msg-a { border-bottom-color: var(--color-border-strong); }
html[data-shell="r2"] .help-answer code { border-radius: 0; }
html[data-shell="r2"] .help-error { background: none; border: 0; border-top: var(--rule) solid var(--color-error-ink); border-radius: 0; padding: 8px 0 0; font-weight: 600; }
html[data-shell="r2"] .help-act { border-radius: 0; }
html[data-shell="r2"] .help-act:hover { background: var(--color-text); color: var(--color-page-bg); }
html[data-shell="r2"] :is(.help-act[aria-pressed="true"], .help-down[open] > summary) { background: var(--color-primary); color: var(--rail-accent-ink); }
html[data-shell="r2"] .help-reasons { background: none; border: 0; border-top: 1px solid var(--color-text); border-radius: 0; padding: 12px 0 0; }
html[data-shell="r2"] .help-foot { background: var(--color-page-bg); border-top: 1px solid var(--color-border-strong); }
@media screen and (max-width: 760px) { html[data-shell="r2"] .help-panel:not(.is-page) { border-left: 0; } }