/* Wiki presentation follows the portal's My Ops / account screens.
   Loaded after the shared menu so its legacy styles cannot reset the layout. */
html body.help-body {
    --ink: #e7edf3;
    --ink-heading: #e7edf3;
    --text: #e7edf3;
    --article-text: #c4ced8;
    --muted: #a1adba;
    --border: #26323e;
    --line: #26323e;
    --surface: #0e1823;
    --panel: #0e1823;
    --surface-soft: #14212e;
    --field: #14212e;
    --topbar: #0e1823;
    --brand: #d6ae58;
    --brand-2: #d6ae58;
    --blue: #d6ae58;
    --navy: #14212e;
    --active-bg: #d6ae5815;
    background: #0b0f14 !important;
    color: var(--ink);
    font: 14px/1.6 var(--fl-font-sans);
}
body.help-body::before { display: none; }
body.help-body .main.help-main {
    --fl-text: #e7edf3;
    --fl-text-strong: #e7edf3;
    --fl-muted: #a1adba;
    --fl-surface-soft: #14212e;
    --fl-border: #26323e;
    --fl-accent: #d6ae58;
    --fl-accent-hover: #e5bf6c;
    --fl-focus: 0 0 0 3px #d6ae5833;
    --fl-radius: 6px;
    padding: 0;
    min-width: 0;
}
html .help-main :is(.guide-shell, .admin-shell-new, .article-shell) {
    max-width: 1440px;
    padding: 32px;
}
html .help-main .guide-shell.narrow { max-width: 1100px; }
html .help-main :is(.guide-topbar, .admin-topbar-new) {
    height: auto;
    min-height: 72px;
    padding: 16px 32px;
    gap: 24px;
    background: var(--surface);
    border-bottom: 1px solid var(--line);
    box-shadow: none;
    backdrop-filter: none;
}
html .help-main :is(.guide-logo, .help-brand) { color: var(--ink); }
html .help-main :is(.guide-logo span, .help-brand span) {
    background: #d6ae5815;
    color: var(--brand);
    border: 1px solid #d6ae5833;
    border-radius: 8px;
}
html .help-main :is(.guide-hero, .category-hero, .admin-panel, .wiki-empty-state, .admin-empty-card, .article-toc) {
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: none;
    color: var(--ink);
}
html .help-main .guide-hero { grid-template-columns: minmax(0, 1fr) 300px; padding: 32px; gap: 32px; }
html .help-main .guide-hero aside { background: var(--field); border: 1px solid var(--line); border-radius: 8px; padding: 22px; color: var(--ink); }
html .help-main .guide-hero aside b { font-size: 19px; line-height: 1.4; margin: 10px 0; }
html .help-main :is(.guide-hero h1, .category-hero h1, .search-hero h1, .modern-article h1, .admin-hero h1, .admin-panel h1) {
    font-size: clamp(27px, 2.5vw, 38px);
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -1px;
    margin: 9px 0 12px;
    color: var(--ink);
}
html .help-main :is(.guide-kicker, .guide-section header > div > span, .article-badge, .eyebrow, .guide-hero aside > span, .category-hero > div > p:first-child, .search-hero > p) {
    color: var(--brand) !important;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin: 0;
}
html .help-main .guide-hero > div > p:not(.guide-kicker),
html .help-main .guide-hero aside p,
html .help-main .category-hero > div > p:last-child,
html .help-main .modern-article > header > p { color: var(--muted); font-size: 14px; line-height: 1.7; letter-spacing: 0; text-transform: none; }
html .help-main :is(.guide-search, .hero-guide-search) { min-width: 0; gap: 8px; }
html .help-main :is(.guide-search input, .hero-guide-search input) {
    min-width: 0; min-height: 42px; padding: 10px 14px;
    border: 1px solid var(--line); border-radius: 6px;
    background: var(--field); color: var(--ink); font-size: 13px;
}
html .help-main :is(.guide-search button, .hero-guide-search button, .admin-button-main, .admin-form button:not(.danger-button)) {
    border: 1px solid var(--brand); border-radius: 6px;
    background: var(--brand); color: #111820;
    padding: 10px 16px; min-height: 42px; font-size: 13px; font-weight: 700; cursor: pointer;
}
html .help-main :is(.guide-search button, .hero-guide-search button, .admin-button-main):hover { background: #e5bf6c; text-decoration: none; }
html .help-main :is(.admin-link, .guide-footer a, .crumb a, .guide-hero aside a) { color: var(--brand); }
html .help-main :focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; box-shadow: none; }
html .help-main .guide-section { margin-top: 32px; }
html .help-main .guide-section header { gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
html .help-main :is(.guide-section header h2, .wiki-empty-state h2, .admin-empty-card h2, .article-body h2) { font-size: 22px; line-height: 1.4; letter-spacing: -.3px; color: var(--ink); }
html .help-main :is(.topic-grid > a, .guide-row) { border-radius: 8px; background: var(--surface); border-color: var(--line); gap: 12px; color: var(--ink); }
html .help-main .topic-grid > a { grid-template-columns: 40px minmax(0, 1fr) auto; }
html .help-main .guide-row { grid-template-columns: 40px minmax(0, 1fr) auto; }
html .help-main :is(.topic-grid > a, .guide-row):hover { border-color: var(--brand); background: var(--field); text-decoration: none; }
html .help-main :is(.topic-grid i, .guide-row-icon) { font: 600 12px var(--fl-font-mono); background: #d6ae5815; color: var(--brand); border-radius: 8px; }
html .help-main .topic-grid strong { font-size: 12px; color: var(--brand); }
html .help-main :is(.guide-row small, .topic-grid small) { font-size: 13px; }
html .help-main .category-hero { padding: 28px; gap: 20px; }
html .help-main .category-hero > span { font: 600 24px var(--fl-font-mono); color: var(--brand); }
html .help-main .crumb { flex-wrap: wrap; }
html .help-main .article-shell { grid-template-columns: minmax(0, 1fr) 240px; gap: 32px; align-items: start; }
html .help-main .modern-article { min-width: 0; }
html .help-main .modern-article > header { padding: 0 0 24px; }
html .help-main .article-body { color: var(--article-text); }
html .help-main .article-body p { color: inherit; }
html .help-main .article-body img { max-width: 100%; height: auto; }
html .help-main .article-body pre { overflow-x: auto; }
html .help-main .article-toc { padding: 20px; }
html .help-main .article-toc a:hover { color: var(--brand); }
html .help-main .article-callout { border-color: var(--brand); background: #d6ae5810; }
html .help-main :is(.feedback-card, .article-admin-card) { background: var(--surface); border-color: var(--line); border-radius: 8px; }
html .help-main .feedback-card > div:first-child { display: grid; gap: 2px; }
html .help-main .feedback-card span { color: var(--muted); }
html .help-main .guide-footer { background: transparent; padding: 24px 32px; flex-wrap: wrap; }
html .help-main :is(h1, h2, p, small, .guide-row, .topic-grid, .crumb) { overflow-wrap: anywhere; }
html .help-main .admin-hero { align-items: center; }
@media (max-width: 1100px) {
    html .help-main .guide-hero { grid-template-columns: minmax(0, 1fr); }
    html .help-main .admin-grid-new { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 900px) {
    html .help-main .article-shell { grid-template-columns: minmax(0, 1fr); }
    html .help-main .guide-topbar { flex-wrap: wrap; gap: 12px; }
    html .help-main .guide-search { display: flex; flex-basis: 100%; max-width: none; order: 3; }
    html .help-main .admin-link { margin-left: auto; }
}
@media (max-width: 600px) {
    html .help-main :is(.guide-shell, .admin-shell-new, .article-shell) { padding: 24px 16px; }
    html .help-main :is(.guide-topbar, .admin-topbar-new, .guide-footer) { padding: 16px; }
    html .help-main :is(.guide-hero, .category-hero, .wiki-empty-state, .admin-panel) { padding: 20px; }
    html .help-main .guide-hero aside { display: block; }
    html .help-main .guide-row { grid-template-columns: 40px minmax(0, 1fr); }
    html .help-main .guide-row em { display: block; grid-column: 2; }
    html .help-main .form-grid { grid-template-columns: minmax(0, 1fr); }
    html .help-main .admin-topbar-new { flex-wrap: wrap; }
}