/* DBIM inner pages (Digital Brand Identity Manual v3.0): page head with breadcrumb + H1, optional section menu, readable article.
   Loaded after the legacy stylesheets, so selectors are scoped under main[data-legacy] to win without !important. */

main[data-legacy] .dbim-inner-page { --i-text: #150202; --i-linen: #ebeaea; background: transparent; font-family: var(--dbim-font); color: var(--i-text); font-size: var(--dbim-fs-p1); line-height: var(--dbim-lh); padding: 0; float: none;
    /* full-bleed like the header/footer bands (escapes the legacy .container); scrollbar-aware via --vw */
    width: var(--vw, 100vw); margin: 0 0 0 calc(50% - var(--vw, 100vw) / 2); box-sizing: border-box; }
main[data-legacy] .dbim-wrap { max-width: 1440px; margin: 0 auto; padding: 0 24px; box-sizing: border-box; }

/* ---- page head: key colour band, breadcrumb above the H1 ---- */
main[data-legacy] .dbim-pagehead { background: var(--dbim-key); color: var(--dbim-white); padding: 20px 0 24px; }
main[data-legacy] .dbim-crumbs ol { list-style: none; margin: 0 0 8px; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 0; font-size: var(--dbim-fs-p2); }
main[data-legacy] .dbim-crumbs li { margin: 0; padding: 0; background: none; display: inline-flex; align-items: center; }
main[data-legacy] .dbim-crumbs li:not(:last-child)::after { content: "/"; margin: 0 8px; opacity: .6; }
main[data-legacy] .dbim-crumbs a { color: var(--dbim-white); text-decoration: underline; text-underline-offset: 2px; }
main[data-legacy] .dbim-crumbs a:hover { text-decoration-thickness: 2px; }
main[data-legacy] .dbim-crumbs [aria-current] span { font-weight: 600; }
main[data-legacy] .dbim-pagetitle { margin: 0; padding: 0; font-family: var(--dbim-font); font-size: var(--dbim-fs-h1); font-weight: 700; line-height: 1.25; color: var(--dbim-white); background: none; border: 0; text-transform: none; }

/* ---- layout ---- */
main[data-legacy] .dbim-inner { display: block; padding: 32px 0 56px; }
main[data-legacy] .dbim-inner.has-side { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 32px; align-items: start; }

/* ---- section menu ---- */
main[data-legacy] .dbim-side-box { border: 1px solid var(--i-linen); border-radius: 8px; background: transparent; overflow: hidden; }
main[data-legacy] .dbim-side-box summary { display: block; padding: 14px 16px; background: var(--dbim-key-tint); color: var(--dbim-key); font-size: var(--dbim-fs-p1); font-weight: 700; list-style: none; cursor: default; border-bottom: 1px solid var(--i-linen); }
main[data-legacy] .dbim-side-box summary::-webkit-details-marker { display: none; }
main[data-legacy] .dbim-side-box ul { list-style: none; margin: 0; padding: 4px 0; }
main[data-legacy] .dbim-side-box li { margin: 0; padding: 0; background: none; border: 0; }
main[data-legacy] .dbim-side-box li a { display: block; padding: 10px 16px; border-left: 4px solid transparent; color: var(--i-text); font-size: var(--dbim-fs-p2); text-decoration: none; }
main[data-legacy] .dbim-side-box li a:hover { background: var(--dbim-key-tint); color: var(--dbim-key); }
main[data-legacy] .dbim-side-box li.is-active a { border-left-color: var(--dbim-key); background: var(--dbim-key-tint); color: var(--dbim-key); font-weight: 700; }

/* ---- article ---- */
main[data-legacy] .dbim-article { min-width: 0; float: none; width: auto; padding: 0; margin: 0; background: none; border: 0; box-shadow: none; }
main[data-legacy] .dbim-article .mcontent { font-size: var(--dbim-fs-p1); line-height: var(--dbim-lh); color: var(--i-text); text-align: left; overflow-wrap: anywhere; }
main[data-legacy] .dbim-article .mcontent p { margin: 0 0 16px; font-size: inherit; line-height: inherit; text-align: left; }
main[data-legacy] .dbim-article h2 { font-size: var(--dbim-fs-h2); font-weight: 700; color: var(--dbim-key); margin: 32px 0 12px; line-height: 1.3; }
main[data-legacy] .dbim-article h3 { font-size: var(--dbim-fs-h3); font-weight: 600; color: var(--dbim-key); margin: 24px 0 8px; line-height: 1.3; }
main[data-legacy] .dbim-article h4, main[data-legacy] .dbim-article h5, main[data-legacy] .dbim-article h6 { font-size: var(--dbim-fs-p1); font-weight: 600; color: var(--i-text); margin: 16px 0 8px; }
main[data-legacy] .dbim-article .mcontent > :first-child { margin-top: 0; }
main[data-legacy] .dbim-article ul, main[data-legacy] .dbim-article ol { margin: 0 0 16px; padding-left: 24px; }
main[data-legacy] .dbim-article .mcontent li { margin: 0 0 6px; line-height: var(--dbim-lh); }
main[data-legacy] #innerContent .mcontent a { color: var(--dbim-link); text-decoration: underline; text-underline-offset: 2px; }
main[data-legacy] #innerContent .mcontent a:hover { color: var(--dbim-key-dark); }
main[data-legacy] .dbim-article img { max-width: 100%; height: auto; }
main[data-legacy] .dbim-article iframe { max-width: 100%; }
main[data-legacy] .dbim-article a:focus-visible, main[data-legacy] .dbim-side-box a:focus-visible, main[data-legacy] .dbim-crumbs a:focus-visible { outline: 3px solid var(--dbim-warning); outline-offset: 2px; }

/* ---- tables from CMS content: outlined, striped header, scroll on small screens ---- */
main[data-legacy] .dbim-article table { width: 100%; max-width: 100%; border-collapse: collapse; margin: 0 0 24px; font-size: var(--dbim-fs-p2); }
main[data-legacy] .dbim-article th { background: var(--dbim-key); color: var(--dbim-white); font-weight: 600; text-align: left; padding: 10px 12px; border: 1px solid var(--dbim-key); }
main[data-legacy] .dbim-article td { padding: 10px 12px; border: 1px solid var(--i-linen); vertical-align: top; }
main[data-legacy] .dbim-article tr:nth-child(even) td { background: #ebeaea; }

/* ---- listing pages (a menu page with no body: list of child pages) ---- */
main[data-legacy] .dbim-links { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
main[data-legacy] .dbim-links::before, main[data-legacy] .dbim-links::after { display: none; content: none; }
main[data-legacy] .dbim-links li { margin: 0; padding: 0; background: none; border: 1px solid var(--i-linen); border-radius: 8px; display: flex; align-items: center; gap: 8px; transition: border-color .15s, box-shadow .15s; }
main[data-legacy] .dbim-links li:hover { border-color: var(--dbim-key-mid); box-shadow: 0 4px 14px rgba(20, 34, 79, .12); }
main[data-legacy] #innerContent .dbim-links li a { flex: 1; display: block; padding: 16px; color: var(--dbim-key); font-weight: 600; font-size: var(--dbim-fs-p1); text-decoration: none; background: none; }
main[data-legacy] #innerContent .dbim-links li a:hover { text-decoration: underline; }
main[data-legacy] .dbim-links li img { width: 16px; height: auto; margin-right: 16px; flex: none; }

/* ---- responsive ---- */
@media (max-width: 991px) {
    main[data-legacy] .dbim-inner.has-side { grid-template-columns: minmax(0, 1fr); gap: 20px; }
    main[data-legacy] .dbim-side-box summary { cursor: pointer; position: relative; padding-right: 44px; }
    main[data-legacy] .dbim-side-box summary::after { content: ""; position: absolute; right: 18px; top: 50%; width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-70%) rotate(45deg); transition: transform .2s; }
    main[data-legacy] .dbim-side-box[open] summary::after { transform: translateY(-30%) rotate(225deg); }
}
@media (max-width: 767px) {
    main[data-legacy] .dbim-wrap { padding: 0 16px; }
    main[data-legacy] .dbim-pagehead { padding: 16px 0 20px; }
    main[data-legacy] .dbim-inner { padding: 24px 0 40px; }
    main[data-legacy] .dbim-article .mcontent table { display: block; overflow-x: auto; }
    main[data-legacy] .dbim-links { grid-template-columns: minmax(0, 1fr); }
}
@media print {
    main[data-legacy] .dbim-pagehead { background: none; color: #000; }
    main[data-legacy] .dbim-pagehead * { color: #000; }
    main[data-legacy] .dbim-side { display: none; }
}


/* ---- search: no-results guidance (DBIM section 9, empty queries) ---- */
main[data-legacy] .dbim-noresults { font-size: var(--dbim-fs-p1); line-height: var(--dbim-lh); color: var(--i-text); }
main[data-legacy] .dbim-noresults > ul:not(.dbim-links) { margin: 0 0 20px; padding-left: 24px; }
main[data-legacy] .dbim-noresults .dbim-links { margin-top: 12px; }

/* ---- CTA button (DBIM 'Other considerations': consistent padding, enabled / hover / focus / disabled states) ---- */
main[data-legacy] .dbim-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 24px; border: 2px solid var(--dbim-key); border-radius: 6px; background: var(--dbim-key); color: var(--dbim-white); font: inherit; font-size: var(--dbim-fs-p1); font-weight: 600; line-height: 1.25; cursor: pointer; transition: background .15s, color .15s, box-shadow .15s; }
main[data-legacy] .dbim-btn:hover { background: var(--dbim-key-mid); border-color: var(--dbim-key-mid); }
main[data-legacy] .dbim-btn:focus-visible { outline: 3px solid var(--dbim-warning); outline-offset: 2px; }
main[data-legacy] .dbim-btn:disabled { background: var(--dbim-linen); border-color: var(--dbim-linen); color: var(--dbim-grey-3); cursor: not-allowed; }

/* ---- Cookie Settings page (DBIM 7.6.1, Figure 41) ---- */
main[data-legacy] .dbim-article.dbim-cookiepage > p { font-size: var(--dbim-fs-p1); line-height: var(--dbim-lh); margin: 0 0 24px; max-width: 80ch; }
main[data-legacy] .dbim-article .dbim-ck-h { margin: 32px 0 12px; font-size: var(--dbim-fs-h3); font-weight: 700; color: var(--dbim-key) !important; text-transform: uppercase; letter-spacing: .04em; }
main[data-legacy] .dbim-article .dbim-ck-list { list-style: none; margin: 0; padding: 0; border: 1px solid var(--i-linen); border-radius: 8px; }
main[data-legacy] .dbim-ck-row { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 16px 20px; margin: 0; }
main[data-legacy] .dbim-ck-row + .dbim-ck-row { border-top: 1px solid var(--i-linen); }
main[data-legacy] .dbim-ck-copy { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
main[data-legacy] .dbim-ck-copy span { font-size: var(--dbim-fs-p2); color: var(--dbim-grey-3); }
main[data-legacy] .dbim-ck-switch { position: relative; display: inline-flex; align-items: center; gap: 10px; flex: none; }
main[data-legacy] .dbim-ck-switch input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; z-index: 1; }
main[data-legacy] .dbim-ck-switch label { position: relative; display: block; width: 48px; height: 26px; border-radius: 999px; background: var(--dbim-grey-2); transition: background .15s; cursor: pointer; }
main[data-legacy] .dbim-ck-switch label::after { content: ""; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: var(--dbim-white); transition: transform .15s; }
main[data-legacy] .dbim-ck-switch input:checked + label { background: var(--dbim-key-mid); }
main[data-legacy] .dbim-ck-switch input:checked + label::after { transform: translateX(22px); }
main[data-legacy] .dbim-ck-switch input:focus-visible + label { outline: 3px solid var(--dbim-warning); outline-offset: 2px; }
main[data-legacy] .dbim-ck-switch.is-locked label { opacity: .6; cursor: not-allowed; }
main[data-legacy] .dbim-ck-state { min-width: 56px; font-size: var(--dbim-fs-p2); font-weight: 600; color: var(--i-text); }
main[data-legacy] .dbim-ck-actions { margin-top: 28px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
main[data-legacy] .dbim-ck-actions .dbim-ck-saved { margin: 0; color: var(--dbim-success); font-weight: 600; }
@media (max-width: 767px) { main[data-legacy] .dbim-ck-row { flex-direction: column; align-items: flex-start; gap: 12px; } }

/* ---- dated listings (What's New, Press, E-Citizen / Tenders) ---- */
main[data-legacy] .dbim-article .dbim-listing { list-style: none; margin: 0 0 24px; padding: 0; border-top: 1px solid var(--i-linen); }
main[data-legacy] .dbim-listing li { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin: 0; padding: 16px 8px; width: auto; float: none; border: 0; border-bottom: 1px solid var(--i-linen); background: none; color: var(--i-text); transition: background .15s; }
main[data-legacy] .dbim-listing li:hover { background: var(--dbim-key-tint); }
main[data-legacy] .dbim-listing-main { min-width: 0; font-size: var(--dbim-fs-p1); line-height: var(--dbim-lh); }
main[data-legacy] #innerContent .dbim-listing-main a { color: var(--dbim-link); text-decoration: underline; text-underline-offset: 2px; font-weight: 500; }
main[data-legacy] #innerContent .dbim-listing-main a:hover { color: var(--dbim-key); text-decoration-thickness: 2px; }
main[data-legacy] #innerContent .dbim-listing-main a:focus-visible { outline: 3px solid var(--dbim-warning); outline-offset: 2px; }
main[data-legacy] .dbim-listing-main img { width: 16px; height: auto; margin-left: 6px; vertical-align: middle; }
main[data-legacy] .dbim-listing-date { flex: none; font-size: var(--dbim-fs-p2); line-height: var(--dbim-lh); color: var(--dbim-grey-3); white-space: nowrap; }
main[data-legacy] .dbim-article .dbim-new { display: inline-block; margin-left: 8px; padding: 0 6px; border-radius: 3px; background: var(--dbim-key); color: var(--dbim-white); font-style: normal; font-size: var(--dbim-fs-sm); font-weight: 700; line-height: 1.5; vertical-align: middle; }
main[data-legacy] .dbim-listing-more { margin: 0 0 16px; font-size: var(--dbim-fs-p1); }
main[data-legacy] #innerContent .dbim-listing-more a { color: var(--dbim-link); text-decoration: underline; text-underline-offset: 2px; font-weight: 600; }
main[data-legacy] .dbim-empty { padding: 24px; border: 1px solid var(--i-linen); border-radius: 8px; color: var(--dbim-grey-3); }
@media (max-width: 575px) { main[data-legacy] .dbim-listing li { flex-direction: column; gap: 4px; } }

/* ---- pagination ---- */
main[data-legacy] .dbim-article nav[role="navigation"] > div:first-child { display: none; }   /* Laravel's "Showing x to y" mobile duplicate */
main[data-legacy] .dbim-article ul.pagination, main[data-legacy] .dbim-article .pagination { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0 0 24px; padding: 0; float: none; }
main[data-legacy] .dbim-article .pagination li { margin: 0; padding: 0; border: 0; background: none; float: none; }
main[data-legacy] .dbim-article .pagination > li > a, main[data-legacy] .dbim-article .pagination > li > span { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 12px; border: 1px solid var(--dbim-key); border-radius: 6px; background: var(--dbim-white); color: var(--dbim-key); font-size: var(--dbim-fs-p2); font-weight: 600; text-decoration: none; }
main[data-legacy] .dbim-article .pagination a:hover { background: var(--dbim-key-tint); }
main[data-legacy] .dbim-article .pagination a:focus-visible { outline: 3px solid var(--dbim-warning); outline-offset: 2px; }
main[data-legacy] .dbim-article .pagination .active > span, main[data-legacy] .dbim-article .pagination .active > a { background: var(--dbim-key); color: var(--dbim-white); }
main[data-legacy] .dbim-article .pagination .disabled > span, main[data-legacy] .dbim-article .pagination .disabled > a { border-color: var(--i-linen); color: var(--dbim-grey-3); background: var(--i-linen); }

/* ---- forms (DBIM: labels above fields, visible focus, accessible errors) ---- */
main[data-legacy] .dbim-form-intro { margin: 0 0 24px; font-size: var(--dbim-fs-p1); line-height: var(--dbim-lh); }
main[data-legacy] .dbim-req { color: var(--dbim-error); font-weight: 700; }
main[data-legacy] .dbim-form { max-width: 680px; }
main[data-legacy] .dbim-field { margin: 0 0 20px; }
main[data-legacy] .dbim-field label:not(.error) { display: block; margin: 0 0 6px; font-size: var(--dbim-fs-p1); font-weight: 600; color: var(--i-text); float: none; width: auto; }
main[data-legacy] .dbim-field input[type="text"], main[data-legacy] .dbim-field input[type="tel"], main[data-legacy] .dbim-field input[type="email"], main[data-legacy] .dbim-field textarea { display: block; width: 100%; box-sizing: border-box; min-height: 44px; padding: 10px 12px; border: 1px solid var(--dbim-grey-2); border-radius: 6px; background: var(--dbim-white); color: var(--i-text); font: inherit; font-size: var(--dbim-fs-p1); line-height: 1.5; }
main[data-legacy] .dbim-field textarea { min-height: 140px; resize: vertical; }
main[data-legacy] .dbim-field input:hover, main[data-legacy] .dbim-field textarea:hover { border-color: var(--dbim-key); }
main[data-legacy] .dbim-field input:focus, main[data-legacy] .dbim-field textarea:focus { outline: 3px solid var(--dbim-warning); outline-offset: 1px; border-color: var(--dbim-key); }
main[data-legacy] .dbim-field input.error, main[data-legacy] .dbim-field textarea.error { border-color: var(--dbim-error); }
main[data-legacy] .dbim-field label.error { display: block; margin: 6px 0 0; font-size: var(--dbim-fs-p2); font-weight: 600; color: var(--dbim-error); }

/* ---- legacy form markup (.userForm/.fielsRow/.textBox) inside DBIM articles: same look as .dbim-form ---- */
main[data-legacy] .dbim-article .feedbackMainTd, main[data-legacy] .dbim-article .userForm { width: auto; max-width: 720px; float: none; padding: 0; margin: 0; background: none; border: 0; }
main[data-legacy] .dbim-article .fielsRow { display: block; width: auto; float: none; margin: 0 0 20px; padding: 0; overflow: visible; }
main[data-legacy] .dbim-article .fielsRow::before, main[data-legacy] .dbim-article .fielsRow::after { content: none; display: none; }
main[data-legacy] .dbim-article .fieldName, main[data-legacy] .dbim-article .fieldValues { display: block; float: none; width: auto; padding: 0; margin: 0; text-align: left; }
main[data-legacy] .dbim-article .fieldName { margin-bottom: 6px; }
main[data-legacy] .dbim-article .fieldName.fieldhide { display: none; }
main[data-legacy] .dbim-article .fLabel, main[data-legacy] .dbim-article .fieldName label { font-size: var(--dbim-fs-p1); font-weight: 600; color: var(--i-text); }
main[data-legacy] .dbim-article .red, main[data-legacy] .dbim-article .alet { color: var(--dbim-error); font-weight: 700; }
main[data-legacy] .dbim-article input.textBox, main[data-legacy] .dbim-article select.textBox, main[data-legacy] .dbim-article textarea.textBox, main[data-legacy] .dbim-article .fieldValues input[type="text"], main[data-legacy] .dbim-article .fieldValues input[type="email"], main[data-legacy] .dbim-article .fieldValues input[type="tel"], main[data-legacy] .dbim-article .fieldValues input[type="number"], main[data-legacy] .dbim-article .fieldValues input[type="date"], main[data-legacy] .dbim-article .fieldValues select, main[data-legacy] .dbim-article .fieldValues textarea { display: block; width: 100%; max-width: 100%; box-sizing: border-box; min-height: 44px; padding: 10px 12px; border: 1px solid var(--dbim-grey-2); border-radius: 6px; background: var(--dbim-white); color: var(--i-text); font: inherit; font-size: var(--dbim-fs-p1); line-height: 1.5; height: auto; }
main[data-legacy] .dbim-article textarea.textBox, main[data-legacy] .dbim-article .fieldValues textarea { min-height: 140px; resize: vertical; }
main[data-legacy] .dbim-article input.textBox:hover, main[data-legacy] .dbim-article select.textBox:hover, main[data-legacy] .dbim-article textarea.textBox:hover { border-color: var(--dbim-key); }
main[data-legacy] .dbim-article input.textBox:focus, main[data-legacy] .dbim-article select.textBox:focus, main[data-legacy] .dbim-article textarea.textBox:focus, main[data-legacy] .dbim-article .fieldValues input:focus, main[data-legacy] .dbim-article .fieldValues select:focus, main[data-legacy] .dbim-article .fieldValues textarea:focus { outline: 3px solid var(--dbim-warning); outline-offset: 1px; border-color: var(--dbim-key); }
main[data-legacy] .dbim-article .fieldValues input[type="radio"], main[data-legacy] .dbim-article .fieldValues input[type="checkbox"] { display: inline-block; width: 20px; height: 20px; min-height: 0; margin: 0 6px 0 0; vertical-align: middle; accent-color: var(--dbim-key-mid); }
main[data-legacy] .dbim-article input.submitButton, main[data-legacy] .dbim-article input[type="submit"], main[data-legacy] .dbim-article input[type="reset"], main[data-legacy] .dbim-article button.button { display: inline-flex; align-items: center; justify-content: center; width: auto; min-height: 44px; padding: 10px 24px; margin: 0 8px 8px 0; border: 2px solid var(--dbim-key); border-radius: 6px; background: var(--dbim-key); color: var(--dbim-white); font: inherit; font-size: var(--dbim-fs-p1); font-weight: 600; line-height: 1.25; cursor: pointer; transition: background .15s, color .15s; }
main[data-legacy] .dbim-article input[type="reset"] { background: var(--dbim-white); color: var(--dbim-key); }
main[data-legacy] .dbim-article input.submitButton:hover, main[data-legacy] .dbim-article input[type="submit"]:hover { background: var(--dbim-key-mid); border-color: var(--dbim-key-mid); }
main[data-legacy] .dbim-article input[type="reset"]:hover { background: var(--dbim-key-tint); }
main[data-legacy] .dbim-article input.submitButton:focus-visible, main[data-legacy] .dbim-article input[type="submit"]:focus-visible, main[data-legacy] .dbim-article input[type="reset"]:focus-visible { outline: 3px solid var(--dbim-warning); outline-offset: 2px; }
main[data-legacy] .dbim-article input.submitButton:disabled, main[data-legacy] .dbim-article input[type="submit"]:disabled { background: var(--i-linen); border-color: var(--i-linen); color: var(--dbim-grey-3); cursor: not-allowed; }
main[data-legacy] .dbim-article label.error, main[data-legacy] .dbim-article .error:not(input):not(textarea):not(select) { font-size: var(--dbim-fs-p2); font-weight: 600; color: var(--dbim-error); }

/* ---- legacy lists (.commonListing + .PLdate) and tables (.web) in converted pages ---- */
main[data-legacy] .dbim-article ul.commonListing:not(.dbim-links) { list-style: none; margin: 0 0 24px; padding: 0; border-top: 1px solid var(--i-linen); }
main[data-legacy] .dbim-article ul.commonListing:not(.dbim-links) li { float: none; width: auto; margin: 0; padding: 16px 8px; border: 0; border-bottom: 1px solid var(--i-linen); background: none; color: var(--i-text); font-size: var(--dbim-fs-p1); line-height: var(--dbim-lh); overflow: hidden; }
main[data-legacy] .dbim-article ul.commonListing:not(.dbim-links) li:hover { background: var(--dbim-key-tint); }
main[data-legacy] #innerContent ul.commonListing:not(.dbim-links) li a { color: var(--dbim-link); text-decoration: underline; text-underline-offset: 2px; font-weight: 500; }
main[data-legacy] #innerContent ul.commonListing:not(.dbim-links) li a:hover { color: var(--dbim-key); }
main[data-legacy] .dbim-article ul.commonListing li img { width: 16px; height: auto; margin-left: 6px; vertical-align: middle; }
main[data-legacy] .dbim-article .PLdate, main[data-legacy] .dbim-article .PLdate p { display: block; margin: 4px 0 0; font-size: var(--dbim-fs-p2); line-height: var(--dbim-lh); color: var(--dbim-grey-3); }
main[data-legacy] .dbim-article table.web { width: 100%; border-collapse: collapse; font-size: var(--dbim-fs-p2); }
main[data-legacy] .dbim-article table.web td, main[data-legacy] .dbim-article table.web th { border: 1px solid var(--i-linen); padding: 10px 12px; }
main[data-legacy] .dbim-article table.web tr:nth-child(even) { background: none !important; }
main[data-legacy] .dbim-article table.web tr:nth-child(even) td { background: #f8f9fc; }

/* ---- sitemap tree ---- */
main[data-legacy] .dbim-article table.web:has(.sitemapLinks) { border: 0; }
main[data-legacy] .dbim-article table.web:has(.sitemapLinks) td { border: 0; padding: 0; }
main[data-legacy] .dbim-article ul.sitemapLinks, main[data-legacy] .dbim-article ul.sitemapLinks ul { list-style: none; margin: 0; padding: 0; }
main[data-legacy] .dbim-article ul.sitemapLinks ul { margin: 4px 0 8px 24px; padding-left: 16px; border-left: 2px solid var(--dbim-key-tint); }
main[data-legacy] .dbim-article ul.sitemapLinks li { margin: 0; padding: 6px 0; line-height: var(--dbim-lh); }
main[data-legacy] #innerContent ul.sitemapLinks li > a, main[data-legacy] #innerContent ul.sitemapLinks li a { color: var(--dbim-link); font-size: var(--dbim-fs-p1); text-decoration: underline; text-underline-offset: 2px; }
main[data-legacy] #innerContent ul.sitemapLinks > li > a, main[data-legacy] #innerContent ul.sitemapLinks > li > a strong { color: var(--dbim-key); font-weight: 700; }
main[data-legacy] #innerContent ul.sitemapLinks li a:hover { color: var(--dbim-key); text-decoration-thickness: 2px; }
main[data-legacy] .dbim-article ul.sitemapLinks img[alt=""] { display: none; }
main[data-legacy] .dbim-article ul.sitemapLinks img:not([alt=""]) { width: 16px; height: auto; margin-left: 6px; vertical-align: middle; }

/* ---- DBIM type scale enforcement (Tables 3 and 4): beat legacy #innerContent sizes ---- */
main[data-legacy] #innerContent { font-size: var(--dbim-fs-p1); line-height: var(--dbim-lh); }
main[data-legacy] #innerContent h2, main[data-legacy] #innerContent h2.section-heading { font-size: var(--dbim-fs-h2); font-weight: 700; line-height: 1.3; color: var(--dbim-key); margin: 32px 0 12px; }
main[data-legacy] #innerContent h3 { font-size: var(--dbim-fs-h3); font-weight: 600; line-height: 1.3; color: var(--dbim-key); margin: 24px 0 8px; }
main[data-legacy] #innerContent .dbim-ck-h { font-size: var(--dbim-fs-h3); }
main[data-legacy] #innerContent sup, main[data-legacy] #innerContent sub { font-size: var(--dbim-fs-sm); line-height: 0; }
main[data-legacy] #innerContent .socialLabel, main[data-legacy] #innerContent .section-heading { font-family: var(--dbim-font); }

/* ---- pagination (custom DBIM view) ---- */
main[data-legacy] .dbim-pagination { margin: 0 0 24px; }
main[data-legacy] .dbim-pagination .pagination { margin-bottom: 12px; }
main[data-legacy] .dbim-pagination .pagination li { display: block; }
main[data-legacy] .dbim-pagination-info { margin: 0; font-size: var(--dbim-fs-p2); color: var(--dbim-grey-3); }