/* Documentation uses the same workspace canvas as the signed-in app. This
   adapter leaves article content, admin editing and topic navigation intact. */
.cw3[data-cw-system].cw3-help {
    --cw3-bg: var(--cw-surface-canvas);
    --cw3-panel: var(--cw-surface-panel);
    --cw3-panel-2: var(--cw-surface-raised);
    --cw3-line: var(--cw-border-subtle);
    --cw3-line-2: var(--cw-border-control);
    --cw3-text: var(--cw-text-primary);
    --cw3-text-2: var(--cw-text-secondary);
    --cw3-text-3: var(--cw-text-secondary);
    --cw3-mech: var(--cw-text-link);
    --cw3-display: var(--cw-font-family);
    --cw3-mono: var(--cw-font-family);
    min-height: calc(100dvh - var(--cw-shell-topbar-height, 60px));
    padding-top: 0;
    background: var(--cw-surface-canvas);
    color: var(--cw-text-primary);
    font-family: var(--cw-font-family) !important;
}
.cw3[data-cw-system].cw3-help .cw3-help-shell { max-width: 1240px; box-sizing: border-box; }
.cw3[data-cw-system].cw3-help .montserrat-text,
.cw3[data-cw-system].cw3-help .montserrat-text *,
.cw3[data-cw-system].cw3-help .markdown-body { font-family: var(--cw-font-family) !important; }
.cw3[data-cw-system].cw3-help :is(.header-card, .mud-paper, .mud-card, .hover-card, .help-search-panel, .help-journey-step, .help-ref-card, .help-wise-panel) {
    background: var(--cw-surface-panel) !important;
    border-color: var(--cw-border-subtle) !important;
    border-radius: var(--cw-radius-panel) !important;
    box-shadow: none !important;
}
.cw3[data-cw-system].cw3-help .header-card::before { display: none; }
.cw3[data-cw-system].cw3-help .header-subtitle,
.cw3[data-cw-system].cw3-help :is(.help-kicker, .help-rail-label, .help-wise-eyebrow, .help-split-group, .help-article-step) {
    color: var(--cw-text-secondary);
    font: 600 12px/1.4 var(--cw-font-family);
    letter-spacing: 0;
    text-transform: none;
}
.cw3[data-cw-system].cw3-help .header-title {
    color: var(--cw-text-primary);
    font: 600 clamp(24px, 2.5vw, 28px)/1.25 var(--cw-font-family);
    letter-spacing: -.025em;
    overflow-wrap: normal;
}
.cw3[data-cw-system].cw3-help :is(.hover-card:hover, .help-journey-step:hover, .help-ref-card:hover) {
    transform: none;
    background: var(--cw-surface-raised) !important;
    border-color: var(--cw-border-control) !important;
    box-shadow: none !important;
}
.cw3[data-cw-system].cw3-help :is(.help-journey-num, .help-split-item.is-current, .help-article-toc a:hover, .help-journey-heading a) { color: var(--cw-text-link); }
.cw3[data-cw-system].cw3-help .help-split-item.is-current { background: var(--cw-selection-background); border-left-color: var(--cw-action-background); }
.cw3[data-cw-system].cw3-help .help-wise-panel { background: var(--cw-surface-panel) !important; }
.cw3[data-cw-system].cw3-help .training-hub { --training-cyan: var(--cw-text-link); background: var(--cw-surface-panel); border-color: var(--cw-border-subtle); border-radius: var(--cw-radius-panel); }
.cw3[data-cw-system].cw3-help .training-hub__eyebrow { color: var(--cw-text-secondary); font: 600 12px/1.4 var(--cw-font-family); letter-spacing: 0; text-transform: none; }
.cw3[data-cw-system].cw3-help .training-module__heading > span { background: var(--cw-action-background); color: var(--cw-action-text); font-family: var(--cw-font-family); }
.cw3[data-cw-system].cw3-help .training-card__number,
.cw3[data-cw-system].cw3-help .training-card__runtime { font-family: var(--cw-font-family); }
.cw3[data-cw-system].cw3-help .help-wise-mark { background: var(--cw-action-background); color: var(--cw-action-text); border-radius: var(--cw-radius-control); }
.cw3[data-cw-system].cw3-help :is(.help-search-ask, .help-wise-source) { background: var(--cw-selection-background); border-color: var(--cw-border-subtle); border-radius: var(--cw-radius-control); color: var(--cw-text-link); }
.cw3[data-cw-system].cw3-help .help-search-ask { min-height: 44px; padding-inline: 14px; }
.cw3[data-cw-system].cw3-help .mud-button-root.mud-button-filled.mud-button-filled-primary {
    min-height: 44px;
    background: var(--cw-action-background) !important;
    color: var(--cw-action-text) !important;
    border-radius: var(--cw-radius-control);
}
.cw3[data-cw-system].cw3-help .mud-button-root.mud-button-filled.mud-button-filled-primary:hover:not(:disabled) { background: var(--cw-action-hover) !important; }
.cw3[data-cw-system].cw3-help .mud-button-root.mud-button-outlined { min-height: 44px; border-color: var(--cw-border-control) !important; border-radius: var(--cw-radius-control); }
.cw3[data-cw-system].cw3-help .mud-paper .markdown-body { background: var(--cw-surface-raised) !important; }
.cw3[data-cw-system].cw3-help .markdown-body h2 { background: var(--cw-surface-panel) !important; border-left-color: var(--cw-action-background) !important; }
.cw3[data-cw-system].cw3-help :is(button, a, input, textarea, summary):focus-visible { outline: 2px solid var(--cw-focus-ring) !important; outline-offset: 2px; }
@media (max-width: 700px) {
    .cw3[data-cw-system].cw3-help .help-header { padding: 20px !important; }
    .cw3[data-cw-system].cw3-help .help-search-panel { padding: 20px !important; }
}
@media (prefers-reduced-motion: reduce) {
    .cw3[data-cw-system].cw3-help * { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}
