/* Shared presentation only. Page-specific form and table migrations are separate. */
:root { --mur-scroll-thumb: color-mix(in srgb, var(--muted, #666) 58%, var(--surface, #fff)); scroll-padding-bottom: var(--mur-context-clearance, 0px); }
html, body, .content * { scrollbar-width: thin; scrollbar-color: var(--mur-scroll-thumb) transparent; }
@supports selector(::-webkit-scrollbar) {
    html, body, .content * { scrollbar-width: auto; scrollbar-color: auto; }
    html::-webkit-scrollbar, body::-webkit-scrollbar, .content *::-webkit-scrollbar { width: 8px; height: 8px; }
    html::-webkit-scrollbar-track, body::-webkit-scrollbar-track, .content *::-webkit-scrollbar-track { background: transparent; }
    html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, .content *::-webkit-scrollbar-thumb { min-height: 32px; border: 2px solid transparent; border-radius: 8px; background: var(--mur-scroll-thumb); background-clip: padding-box; }
    html::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:hover, .content *::-webkit-scrollbar-thumb:hover { background-color: var(--muted, #666); }
    html::-webkit-scrollbar-button, body::-webkit-scrollbar-button, .content *::-webkit-scrollbar-button { display: none; }
}

.content4, .content4 > tbody { display: block; width: 100%; }
.content4 > tbody > tr:first-child,
.content4 > tbody > tr:first-child > td { display: block; }
.content4 > tbody > tr:nth-child(2) { display: grid; grid-template-columns: minmax(0, 1fr) clamp(320px, 28vw, 380px); }
body.help-sidebar-collapsed .content4 > tbody > tr:nth-child(2) { grid-template-columns: minmax(0, 1fr) 48px; }
#main_content, #help_side_menu { display: block; box-sizing: border-box; width: 100%; min-width: 0; }
.content2b { width: 100%; min-width: 0; scroll-padding-bottom: var(--mur-context-clearance, 0px); }
.content2 { box-sizing: border-box; width: 100%; min-width: 0; padding: 24px; overflow-wrap: anywhere; }
.content2 :is(h1, h2, h3, h4) { line-height: 1.25; }
.header2 { width: 100%; max-width: 100%; }
.content2b, #help_side_menu .menu2b { height: calc(100vh - var(--mur-header-height, 92px)); height: calc(100dvh - var(--mur-header-height, 92px)); }
.proposal-overview-value { display: none; }

/* Preserve checkbox/radio, hidden fields, widget internals and validation states. */
.content2 input, .content2 select, .content2 textarea, .content2 button { box-sizing: border-box; max-width: 100%; }
.content2 input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not(.bk-input):not(.select2-search__field),
.content2 select:not([multiple]):not(.bk-input),
.content2 textarea:not(.bk-input),
.content2 button:not(.ui-button):not(.bk-btn) { min-height: 36px; padding: 7px 10px; font-family: inherit; font-size: inherit; line-height: 1.4; border-width: 1px; border-style: solid; box-shadow: none; }
.content2 button.context-help-button:not(.ui-button):not(.bk-btn) { width: 24px; min-height: 24px; height: 24px; padding: 0; border: 0; background: transparent; }
/* Keep legacy compact target identifiers readable with border-box sizing. */
.content2 input.small0 { width: 37px; padding-right: 3px; padding-left: 3px; }
.content2 input[type=button], .content2 input[type=submit], .content2 input[type=reset],
.content2 button:not(.ui-button):not(.bk-btn) { cursor: pointer; }
.content2 :is(input, select, textarea, button):focus-visible { outline: 2px solid var(--link, #1e2751); outline-offset: 2px; }

.help-resources { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; }
.help-resources-toggle { display: none; }
@media (min-width: 901px) and (max-width: 1050px) {
    .content4 > tbody > tr:nth-child(2) { grid-template-columns: minmax(0, 1fr) 290px; }
    .content2 { padding: 20px; }
}
@media (max-width: 900px) {
    .content4 > tbody > tr:nth-child(2) { display: flex; flex-direction: column; }
    #help_side_menu { width: 100% !important; max-width: 100%; }
    .content2b, #help_side_menu .menu2b { height: auto; overflow: visible; }
    .content2 { padding-bottom: calc(24px + var(--mur-context-clearance, 0px)); }
    .content2 :is(input, select, textarea, button) { scroll-margin-bottom: var(--mur-context-clearance, 0px); }
    #help_side_menu .menu2 { height: auto; min-height: 0; }
    .help-resources-toggle { display: flex; align-items: center; gap: 9px; box-sizing: border-box; width: 100%; min-height: 48px; padding: 12px 18px; border: 0; border-bottom: 1px solid var(--border, #ddd); background: var(--surface, #fff); color: var(--text, #000); font: inherit; font-size: 13px; font-weight: 600; text-align: left; cursor: pointer; }
    .help-resources-toggle:hover { background: var(--stripe, #eee); }
    .help-resources-toggle:focus-visible { outline: 2px solid var(--link, #1e2751); outline-offset: -3px; }
    .help-resources-toggle svg { width: 18px; height: 18px; flex: 0 0 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
    .help-resources-chevron { margin-left: auto; transition: transform .15s; }
    .help-resources-toggle[aria-expanded=false] .help-resources-chevron { transform: rotate(-90deg); }
    .help-resources { flex: none; max-height: min(60vh, 480px); max-height: min(60dvh, 480px); overflow-y: auto; overscroll-behavior: contain; }
    .help-resources .help-panel-heading { display: none; }
    .help-resources .help-panel-top { display: none; }
    .help-resources-has-account .help-panel-top { display: block; padding: 14px 18px; }
    .help-resources .help-account-panel { margin-top: 0; }
    .help-resources .help-navigation { overflow: visible; }
    .help-context-toggle,
    .help-context-close { width: 44px; height: 44px; flex-basis: 44px; }
}
@media (max-width: 680px) {
    .content2 { padding: 18px 14px calc(18px + var(--mur-context-clearance, 0px)); }
    .content2 input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not(.bk-input):not(.select2-search__field),
    .content2 select:not(.bk-input), .content2 textarea:not(.bk-input) { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) { .help-resources-chevron { transition: none; } }
@media (forced-colors: active) {
    html, body, .content * { scrollbar-color: auto; scrollbar-width: auto; }
    html::-webkit-scrollbar, body::-webkit-scrollbar, .content *::-webkit-scrollbar { width: auto; height: auto; }
    html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, .content *::-webkit-scrollbar-thumb { background: CanvasText; border: 0; }
}
@media print {
    .content4 > tbody > tr:nth-child(2) { display: block; }
    .content2b { height: auto; overflow: visible; }
    .help-resources-toggle { display: none !important; }
}