/* =========================================================================
   Legacy inner-page markup (old class names) restyled to DBIM.
   Loaded only for pages that still extend landingpage.layouts.master / masterpg.
   Lets existing views and controllers stay untouched.
   ========================================================================= */
.legacy-pad { display: contents; }
#container, .containWrap { display: block; }

/* banner: title left, icon right */
.innerBanner { background: var(--c-primary); color: var(--c-on-dark); }
.innerBanner .container { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: 16px; min-height: 96px; padding-block: 18px; }
.innerBanner .container img { width: 56px; height: 56px; object-fit: contain; flex: none; padding: 0 !important; }
.innerBanner .container span { font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.2rem); font-weight: 500; line-height: 1.25; color: var(--c-on-dark); }

/* two columns: content + sidebar */
.contentPart.innerContentPart > .container { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; padding-block: 24px 48px; align-items: start; }
.contentPart.innerContentPart > .container:has(.rightPart > *) { grid-template-columns: minmax(0, 1fr) 320px; }
.leftPartInner, .leftContOuter { min-width: 0; }
.leftPartInner > a#contentStart { display: block; height: 0; overflow: hidden; }

/* breadcrumb (get_breadcrumbs) */
.bdrAddOut { margin-bottom: 18px; font-size: .9rem; color: var(--c-text-muted); }
.bdrAddOut ul.breadcrumb, .bdrAddOut ul.breadcrumb li { display: inline; margin: 0; padding: 0; }
.bdrAddOut .bdrNoLink { display: inline; }
.bdrAddOut span { margin-right: .25em; }
.bdrAddOut span:last-child { color: var(--c-text); font-weight: 600; }
.bdrAddOut a { color: var(--c-accent); }
.bdrAddOut a:hover { text-decoration: underline; }

/* page title + CMS body */
#innerContent h2 { font-size: clamp(1.4rem, 1.1rem + 1vw, 1.9rem); margin-bottom: .8em; }
#innerContent .mcontent, #innerContent { overflow-wrap: anywhere; }
#innerContent img { max-width: 100%; height: auto; }
#innerContent ul { list-style: disc; padding-left: 1.4em; margin-bottom: 1em; }
#innerContent ol { list-style: decimal; padding-left: 1.4em; margin-bottom: 1em; }
#innerContent table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
#innerContent th, #innerContent td { border: 1px solid var(--c-border); padding: 8px 10px; text-align: left; vertical-align: top; }
#innerContent th { background: var(--c-surface-alt); }
#innerContent iframe { aspect-ratio: 16/9; height: auto; }
html[data-theme="dark"] #innerContent [style*="color"] { color: inherit !important; }
html[data-theme="dark"] #innerContent [style*="background"] { background: transparent !important; }

/* sidebar (getRightContent) */
.rightPartShadow { background: var(--c-surface-alt); border: 1px solid var(--c-border); border-radius: var(--radius); padding: 18px 20px; box-shadow: var(--shadow); }
.rightPartShadow:not(:has(.rightPart > *)) { display: none; }
.rightPart .leftMenu { display: block; }
.rightPart .menuTitle { display: block; font-size: 1.35rem; font-weight: 600; color: var(--c-primary); margin-bottom: .5em; }
html[data-theme="dark"] .rightPart .menuTitle { color: var(--c-text); }
.rightPart ul#menuLeft { margin: 0; padding: 0; }
.rightPart li { border-bottom: 1px solid var(--c-border); }
.rightPart li:last-child { border-bottom: 0; }
.rightPart li a { display: block; padding: 9px 4px 9px 18px; position: relative; color: var(--c-text); text-decoration: none; }
.rightPart li a::before { content: ""; position: absolute; left: 2px; top: 1.15em; width: 6px; height: 6px; border-right: 2px solid var(--c-accent); border-top: 2px solid var(--c-accent); transform: rotate(45deg); }
.rightPart li a:hover { color: var(--c-accent); text-decoration: underline; }

@media (max-width: 1023px) {
  .contentPart.innerContentPart > .container:has(.rightPart > *) { grid-template-columns: minmax(0, 1fr); }
}
@media print { .rightPartShadow { display: none; } .innerBanner { background: none; color: #000; } .innerBanner .container span { color: #000; } }