/* public_html/css/index.css - 2026-05-14 - version 15.2 - Defines the mediajour.nl index stylesheet. */
.index-page { background: #dde0dc; color: #151719; }
.index-shell { display: grid; gap: 16px; margin: 0 auto; max-width: 1040px; min-height: 100vh; min-width: 0; padding: 20px; width: 100%; }
.index-entry { background: #f1f2ef; border: 1px solid #c3c8c2; border-radius: 8px; box-shadow: none; display: grid; gap: 14px; min-width: 0; overflow: hidden; padding: 18px; }
.index-entry-copy { display: grid; gap: 12px; min-width: 0; }
.index-entry-wordmark { color: #2b323b; font-size: 1.06rem; font-weight: 800; letter-spacing: 0; line-height: 1.1; margin: 0; min-width: 0; }
.index-entry-heading { color: #151719; font-size: 2rem; font-weight: 800; letter-spacing: 0; line-height: 1.12; margin: 0; min-width: 0; }
.index-entry-summary { color: #4f5757; font-size: 1rem; line-height: 1.6; margin: 0; max-width: 880px; min-width: 0; }
.index-entry-actions { display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 0; }
.index-entry-action { background: #dde0dc; border: 1px solid #c3c8c2; border-radius: 8px; color: #151719; display: grid; gap: 4px; min-height: 58px; min-width: 0; padding: 10px 12px; text-decoration: none; }
.index-entry-action:hover { background: #f1f2ef; border-color: #2b323b; color: #151719; }
.index-entry-action:focus-visible { box-shadow: 0 0 0 3px rgba(24, 168, 255, 0.22); outline: 0; }
.index-entry-action-label { color: #2b323b; font-size: 1rem; font-weight: 800; line-height: 1.2; min-width: 0; overflow-wrap: anywhere; }
.index-entry-action-meta { color: #4f5757; font-size: 0.88rem; line-height: 1.4; min-width: 0; overflow-wrap: anywhere; }
.index-search { align-items: end; background: #f1f2ef; border: 1px solid #c3c8c2; border-radius: 8px; box-shadow: none; color: #151719; display: grid; gap: 14px; grid-template-columns: minmax(0, 0.85fr) minmax(280px, 1.15fr); min-width: 0; overflow: hidden; padding: 16px; }
.index-search-copy { display: grid; gap: 6px; min-width: 0; }
.index-search-heading { color: #151719; font-size: 1.12rem; font-weight: 800; letter-spacing: 0; line-height: 1.2; margin: 0; min-width: 0; }
.index-search-intro { color: #4f5757; font-size: 0.96rem; line-height: 1.5; margin: 0; min-width: 0; }
.index-search-form { display: grid; gap: 8px; min-width: 0; }
.index-search-label { color: #151719; font-size: 0.86rem; font-weight: 800; line-height: 1.2; min-width: 0; }
.index-search-row { display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr) auto; min-width: 0; }
.index-search-input { background: #f1f2ef; border: 1px solid #c3c8c2; border-radius: 8px; color: #151719; font: inherit; min-height: 2.9rem; min-width: 0; padding: 0 12px; width: 100%; }
.index-search-input:focus { border-color: #2b323b; box-shadow: 0 0 0 3px rgba(24, 168, 255, 0.16); outline: 0; }
.index-search-input:invalid:not(:placeholder-shown) { border-color: #c8324d; box-shadow: 0 0 0 3px rgba(200, 50, 77, 0.14); }
.index-search-submit { align-items: center; background: #2b323b; border: 1px solid #3b4552; border-radius: 8px; color: #f1f2ef; cursor: pointer; display: inline-flex; font: inherit; font-weight: 800; justify-content: center; line-height: 1.25; min-height: 2.9rem; min-width: 0; overflow-wrap: anywhere; padding: 0 1rem; text-align: center; white-space: normal; }
.index-search-submit:hover { background: #3b4552; }
.index-search-submit:focus-visible { box-shadow: 0 0 0 3px rgba(24, 168, 255, 0.22); outline: 0; }
.index-popular { background: #f1f2ef; border: 1px solid #c3c8c2; border-radius: 8px; box-shadow: none; color: #151719; display: grid; gap: 14px; min-width: 0; overflow: hidden; padding: 16px; }
.index-popular-head { display: grid; gap: 6px; min-width: 0; }
.index-popular-heading { color: #151719; font-size: 1.15rem; font-weight: 800; letter-spacing: 0; line-height: 1.2; margin: 0; min-width: 0; }
.index-popular-intro { color: #4f5757; font-size: 0.96rem; line-height: 1.55; margin: 0; min-width: 0; }
.index-popular-terms { align-items: center; display: flex; flex-wrap: wrap; gap: 0.58rem; min-width: 0; }
.index-popular-term-lead { align-items: center; background: #dde0dc; border: 1px solid #c3c8c2; border-radius: 8px; color: #151719; display: inline-flex; font-size: 1.05rem; font-weight: 800; gap: 0.48rem; line-height: 1.25; max-width: 100%; min-width: 0; overflow-wrap: anywhere; padding: 0.62rem 0.9rem; text-decoration: none; white-space: normal; }
.index-popular-term-lead:hover { background: #f1f2ef; border-color: #2b323b; color: #2b323b; }
.index-popular-term-lead:focus-visible { box-shadow: 0 0 0 3px rgba(24, 168, 255, 0.18); outline: 0; }
.index-popular-term-major { align-items: center; background: #dde0dc; border: 1px solid #c3c8c2; border-radius: 8px; color: #151719; display: inline-flex; font-size: 0.98rem; font-weight: 800; gap: 0.48rem; line-height: 1.25; max-width: 100%; min-width: 0; overflow-wrap: anywhere; padding: 0.56rem 0.84rem; text-decoration: none; white-space: normal; }
.index-popular-term-major:hover { background: #f1f2ef; border-color: #2b323b; color: #2b323b; }
.index-popular-term-major:focus-visible { box-shadow: 0 0 0 3px rgba(24, 168, 255, 0.18); outline: 0; }
.index-popular-term-regular { align-items: center; background: #dde0dc; border: 1px solid #c3c8c2; border-radius: 8px; color: #151719; display: inline-flex; font-size: 0.92rem; font-weight: 700; gap: 0.48rem; line-height: 1.25; max-width: 100%; min-width: 0; overflow-wrap: anywhere; padding: 0.5rem 0.78rem; text-decoration: none; white-space: normal; }
.index-popular-term-regular:hover { background: #f1f2ef; border-color: #2b323b; color: #2b323b; }
.index-popular-term-regular:focus-visible { box-shadow: 0 0 0 3px rgba(24, 168, 255, 0.18); outline: 0; }
.index-popular-term-quiet { align-items: center; background: #dde0dc; border: 1px solid #c3c8c2; border-radius: 8px; color: #151719; display: inline-flex; font-size: 0.88rem; font-weight: 700; gap: 0.48rem; line-height: 1.25; max-width: 100%; min-width: 0; overflow-wrap: anywhere; padding: 0.45rem 0.72rem; text-decoration: none; white-space: normal; }
.index-popular-term-quiet:hover { background: #f1f2ef; border-color: #2b323b; color: #2b323b; }
.index-popular-term-quiet:focus-visible { box-shadow: 0 0 0 3px rgba(24, 168, 255, 0.18); outline: 0; }
.index-popular-term-small { align-items: center; background: #dde0dc; border: 1px solid #c3c8c2; border-radius: 8px; color: #151719; display: inline-flex; font-size: 0.82rem; font-weight: 700; gap: 0.48rem; line-height: 1.25; max-width: 100%; min-width: 0; overflow-wrap: anywhere; padding: 0.4rem 0.68rem; text-decoration: none; white-space: normal; }
.index-popular-term-small:hover { background: #f1f2ef; border-color: #2b323b; color: #2b323b; }
.index-popular-term-small:focus-visible { box-shadow: 0 0 0 3px rgba(24, 168, 255, 0.18); outline: 0; }
.index-popular-term-fine { align-items: center; background: #dde0dc; border: 1px solid #c3c8c2; border-radius: 8px; color: #151719; display: inline-flex; font-size: 0.76rem; font-weight: 700; gap: 0.48rem; line-height: 1.25; max-width: 100%; min-width: 0; overflow-wrap: anywhere; padding: 0.36rem 0.62rem; text-decoration: none; white-space: normal; }
.index-popular-term-fine:hover { background: #f1f2ef; border-color: #2b323b; color: #2b323b; }
.index-popular-term-fine:focus-visible { box-shadow: 0 0 0 3px rgba(24, 168, 255, 0.18); outline: 0; }
.index-topic-groups { display: grid; gap: 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 0; }
.index-topic-group { border-top: 1px solid #c3c8c2; display: grid; gap: 10px; min-width: 0; padding-top: 14px; }
.index-topic-group-heading { color: #151719; font-size: 0.94rem; font-weight: 800; letter-spacing: 0; line-height: 1.25; margin: 0; min-width: 0; }
.index-topic-list { display: flex; flex-wrap: wrap; gap: 8px; min-width: 0; }
.index-topic-chip { align-items: center; background: #dde0dc; border: 1px solid #c3c8c2; border-radius: 8px; color: #151719; display: inline-flex; font-size: 0.9rem; font-weight: 700; line-height: 1.25; max-width: 100%; min-height: 2.45rem; min-width: 0; overflow-wrap: anywhere; padding: 0.5rem 0.74rem; text-decoration: none; white-space: normal; }
.index-topic-chip:hover { border-color: #2b323b; color: #2b323b; }
.index-topic-chip:focus-visible { box-shadow: 0 0 0 3px rgba(24, 168, 255, 0.18); outline: 0; }
.index-cookie { background: #f1f2ef; border: 1px solid #3b4552; border-radius: 8px; box-shadow: none; color: #151719; display: grid; gap: 14px; min-width: 0; overflow: hidden; padding: 16px; }
.index-cookie-heading { color: #151719; font-size: 1.15rem; font-weight: 800; letter-spacing: 0; line-height: 1.2; margin: 0; min-width: 0; }
.index-cookie-requirement { color: #4f5757; font-size: 1rem; line-height: 1.55; margin: 0; min-width: 0; }
.index-cookie-warning { background: rgba(200, 50, 77, 0.12); border: 1px solid rgba(200, 50, 77, 0.28); border-radius: 8px; color: #151719; display: grid; gap: 8px; line-height: 1.45; overflow-wrap: anywhere; padding: 12px 14px; }
.index-cookie-form { display: grid; gap: 12px; min-width: 0; }
.index-cookie-consent { display: grid; gap: 10px; grid-template-columns: 2fr 1fr; min-width: 0; }
.index-cookie-accept { align-items: center; background: #2b323b; border: 1px solid #3b4552; border-radius: 8px; color: #f1f2ef; cursor: pointer; display: inline-flex; font: inherit; font-size: 1rem; font-weight: 800; gap: 8px; justify-content: center; line-height: 1.25; min-height: 2.55rem; min-width: 0; overflow-wrap: anywhere; padding: 0.62rem 0.9rem; text-align: center; white-space: normal; }
.index-cookie-accept:hover { background: #3b4552; }
.index-cookie-accept:focus-visible { box-shadow: 0 0 0 3px rgba(24, 168, 255, 0.22); outline: 0; }
.index-cookie-decline { align-items: center; background: #f1f2ef; border: 1px solid #c3c8c2; border-radius: 8px; color: #151719; cursor: pointer; display: inline-flex; font: inherit; font-weight: 800; gap: 8px; justify-content: center; line-height: 1.25; min-height: 2.45rem; min-width: 0; overflow-wrap: anywhere; padding: 0.62rem 0.9rem; text-align: center; white-space: normal; }
.index-cookie-decline:hover { border-color: #2b323b; color: #2b323b; }
.index-cookie-decline:focus-visible { box-shadow: 0 0 0 3px rgba(24, 168, 255, 0.18); outline: 0; }
.index-age { background: #f1f2ef; border: 1px solid #c3c8c2; border-radius: 8px; box-shadow: none; color: #151719; display: grid; gap: 14px; min-width: 0; overflow: hidden; padding: 16px; }
.index-age-heading { color: #151719; font-size: 1.15rem; font-weight: 800; letter-spacing: 0; line-height: 1.2; margin: 0; min-width: 0; }
.index-age-explanation { color: #4f5757; font-size: 1rem; line-height: 1.55; margin: 0; min-width: 0; }
.index-age-warning { background: rgba(200, 50, 77, 0.12); border: 1px solid rgba(200, 50, 77, 0.28); border-radius: 8px; color: #151719; display: grid; gap: 8px; line-height: 1.45; overflow-wrap: anywhere; padding: 12px 14px; }
.index-age-profile { display: grid; gap: 14px; min-width: 0; }
.index-age-value { display: grid; gap: 8px; max-width: 260px; min-width: 0; }
.index-age-value-label { color: #151719; font-size: 0.92rem; font-weight: 800; line-height: 1.25; }
.index-age-value-input { background: #f1f2ef; border: 1px solid #c3c8c2; border-radius: 8px; color: #151719; font: inherit; min-height: 2.9rem; min-width: 0; padding: 0 12px; width: 100%; }
.index-age-value-input:focus { border-color: #2b323b; box-shadow: 0 0 0 3px rgba(24, 168, 255, 0.16); outline: 0; }
.index-age-value-input:invalid:not(:placeholder-shown) { border-color: #c8324d; box-shadow: 0 0 0 3px rgba(200, 50, 77, 0.14); }
.index-age-value-input.is-invalid { border-color: #c8324d; box-shadow: 0 0 0 3px rgba(200, 50, 77, 0.14); }
.index-age-filter { align-items: start; color: #4f5757; display: grid; gap: 10px; grid-template-columns: auto 1fr; line-height: 1.55; min-width: 0; }
.index-age-skip { align-items: start; color: #4f5757; display: grid; gap: 10px; grid-template-columns: auto 1fr; line-height: 1.55; min-width: 0; }
.index-age-save { align-items: center; background: #2b323b; border: 1px solid #3b4552; border-radius: 8px; color: #f1f2ef; cursor: pointer; display: inline-flex; font: inherit; font-weight: 800; gap: 8px; justify-content: center; justify-self: start; line-height: 1.25; min-height: 2.45rem; min-width: 0; overflow-wrap: anywhere; padding: 0.62rem 0.9rem; text-align: center; white-space: normal; }
.index-age-save:hover { background: #3b4552; }
.index-age-save:focus-visible { box-shadow: 0 0 0 3px rgba(24, 168, 255, 0.22); outline: 0; }
.index-restart { display: grid; justify-items: start; min-width: 0; }
.index-restart-button { align-items: center; background: #f1f2ef; border: 1px solid #c3c8c2; border-radius: 8px; color: #151719; cursor: pointer; display: inline-flex; font: inherit; font-weight: 800; gap: 8px; justify-content: center; line-height: 1.25; min-height: 2.45rem; min-width: 0; overflow-wrap: anywhere; padding: 0.62rem 0.9rem; text-align: center; white-space: normal; }
.index-restart-button:hover { border-color: #2b323b; color: #2b323b; }
.index-restart-button:focus-visible { box-shadow: 0 0 0 3px rgba(24, 168, 255, 0.18); outline: 0; }
.index-access-panel { background: #f1f2ef; border: 1px solid #c3c8c2; border-radius: 8px; box-shadow: none; color: #151719; display: grid; gap: 14px; min-width: 0; overflow: hidden; padding: 16px; }
.index-access-heading { color: #151719; font-size: 1.15rem; font-weight: 800; letter-spacing: 0; line-height: 1.2; margin: 0; min-width: 0; }
.index-access-explanation { color: #4f5757; font-size: 1rem; line-height: 1.55; margin: 0; min-width: 0; }
.index-access-warning { background: rgba(200, 50, 77, 0.12); border: 1px solid rgba(200, 50, 77, 0.28); border-radius: 8px; color: #151719; display: grid; gap: 8px; line-height: 1.45; overflow-wrap: anywhere; padding: 12px 14px; }
.index-access { display: grid; gap: 14px; min-width: 0; }
.index-access-choices { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; min-width: 0; }
.index-access-read { align-items: center; background: #2b323b; border: 1px solid #3b4552; border-radius: 8px; color: #f1f2ef; cursor: pointer; display: inline-flex; font: inherit; font-weight: 800; gap: 8px; justify-content: center; line-height: 1.25; min-height: 2.5rem; min-width: 0; overflow-wrap: anywhere; padding: 0.62rem 0.9rem; text-align: center; white-space: normal; }
.index-access-read:hover { background: #3b4552; }
.index-access-read:focus-visible { box-shadow: 0 0 0 3px rgba(24, 168, 255, 0.22); outline: 0; }
.index-access-register { align-items: center; background: #dde0dc; border: 1px solid #c3c8c2; border-radius: 8px; color: #151719; cursor: pointer; display: inline-flex; font: inherit; font-weight: 800; gap: 8px; justify-content: center; line-height: 1.25; min-height: 2.5rem; min-width: 0; overflow-wrap: anywhere; padding: 0.62rem 0.9rem; text-align: center; white-space: normal; }
.index-access-register:hover { background: #f1f2ef; border-color: #2b323b; color: #2b323b; }
.index-access-register:focus-visible { box-shadow: 0 0 0 3px rgba(24, 168, 255, 0.18); outline: 0; }
.index-access-login { align-items: center; background: #dde0dc; border: 1px solid #c3c8c2; border-radius: 8px; color: #151719; cursor: pointer; display: inline-flex; font: inherit; font-weight: 800; gap: 8px; justify-content: center; line-height: 1.25; min-height: 2.5rem; min-width: 0; overflow-wrap: anywhere; padding: 0.62rem 0.9rem; text-align: center; white-space: normal; }
.index-access-login:hover { background: #f1f2ef; border-color: #2b323b; color: #2b323b; }
.index-access-login:focus-visible { box-shadow: 0 0 0 3px rgba(24, 168, 255, 0.18); outline: 0; }
.index-access-temporary { align-items: center; background: #dde0dc; border: 1px solid #c3c8c2; border-radius: 8px; color: #151719; cursor: pointer; display: inline-flex; font: inherit; font-weight: 800; gap: 8px; justify-content: center; line-height: 1.25; min-height: 2.5rem; min-width: 0; overflow-wrap: anywhere; padding: 0.62rem 0.9rem; text-align: center; white-space: normal; }
.index-access-temporary:hover { background: #f1f2ef; border-color: #2b323b; color: #2b323b; }
.index-access-temporary:focus-visible { box-shadow: 0 0 0 3px rgba(24, 168, 255, 0.18); outline: 0; }
.index-guest-panel { background: #f1f2ef; border: 1px solid #c3c8c2; border-radius: 8px; box-shadow: none; color: #151719; display: grid; gap: 14px; min-width: 0; overflow: hidden; padding: 16px; }
.index-guest-heading { color: #151719; font-size: 1.15rem; font-weight: 800; letter-spacing: 0; line-height: 1.2; margin: 0; min-width: 0; }
.index-guest-explanation { color: #4f5757; font-size: 1rem; line-height: 1.55; margin: 0; min-width: 0; }
.index-guest-warning { background: rgba(200, 50, 77, 0.12); border: 1px solid rgba(200, 50, 77, 0.28); border-radius: 8px; color: #151719; display: grid; gap: 8px; line-height: 1.45; overflow-wrap: anywhere; padding: 12px 14px; }
.index-guest { display: grid; gap: 14px; min-width: 0; }
.index-guest-name { display: grid; gap: 8px; min-width: 0; }
.index-guest-name-label { color: #151719; font-size: 0.92rem; font-weight: 800; line-height: 1.25; }
.index-guest-name-input { background: #f1f2ef; border: 1px solid #c3c8c2; border-radius: 8px; color: #151719; font: inherit; min-height: 2.9rem; min-width: 0; padding: 0 12px; width: 100%; }
.index-guest-name-input:focus { border-color: #2b323b; box-shadow: 0 0 0 3px rgba(24, 168, 255, 0.16); outline: 0; }
.index-guest-name-input:invalid:not(:placeholder-shown) { border-color: #c8324d; box-shadow: 0 0 0 3px rgba(200, 50, 77, 0.14); }
.index-guest-continue { align-items: center; background: #2b323b; border: 1px solid #3b4552; border-radius: 8px; color: #f1f2ef; cursor: pointer; display: inline-flex; font: inherit; font-weight: 800; gap: 8px; justify-content: center; justify-self: start; line-height: 1.25; min-height: 2.45rem; min-width: 0; overflow-wrap: anywhere; padding: 0.62rem 0.9rem; text-align: center; white-space: normal; }
.index-guest-continue:hover { background: #3b4552; }
.index-guest-continue:focus-visible { box-shadow: 0 0 0 3px rgba(24, 168, 255, 0.22); outline: 0; }
.site-kicker { align-items: center; background: #f1f2ef; border: 1px solid #c3c8c2; border-radius: 8px; box-shadow: none; color: #4f5757; display: flex; flex-wrap: wrap; font-size: 0.95rem; gap: 10px; justify-content: space-between; line-height: 1.45; min-width: 0; overflow-wrap: anywhere; padding: 12px 16px; }
.site-kicker-link { color: #2b323b; font-weight: 800; text-decoration: none; }
.site-kicker-link:hover { color: #c8324d; }
.site-kicker-link:focus-visible { border-radius: 6px; box-shadow: 0 0 0 3px rgba(24, 168, 255, 0.18); outline: 0; }
.site-owner-footer { align-items: center; background: #f1f2ef; border: 1px solid #c3c8c2; border-radius: 8px; box-shadow: none; color: #4f5757; display: flex; flex-wrap: wrap; font-size: 0.92rem; gap: 8px; line-height: 1.45; min-width: 0; overflow-wrap: anywhere; padding: 14px 16px; }
.site-owner-link { color: #2b323b; font-weight: 800; text-decoration: none; }
.site-owner-link:hover { color: #c8324d; }
.site-owner-link:focus-visible { border-radius: 6px; box-shadow: 0 0 0 3px rgba(24, 168, 255, 0.18); outline: 0; }
.site-owner-separator { color: #687070; }
@media (max-width: 760px) {
.index-shell { padding: 14px; }
.index-entry { padding: 20px; }
.index-entry-heading { font-size: 1.72rem; }
.index-entry-actions { grid-template-columns: 1fr; }
.index-entry-action { min-height: 0; }
.index-search { align-items: stretch; grid-template-columns: 1fr; padding: 18px; }
.index-search-row { grid-template-columns: 1fr; }
.index-search-submit { width: 100%; }
.index-popular-terms { justify-content: center; }
.index-topic-groups { grid-template-columns: 1fr; }
.index-topic-list { align-items: stretch; flex-direction: column; }
.index-topic-chip { width: 100%; }
.index-popular-term-lead { width: 100%; }
.index-popular-term-major { width: 100%; }
.index-popular-term-regular { width: 100%; }
.index-popular-term-quiet { width: 100%; }
.index-popular-term-small { width: 100%; }
.index-popular-term-fine { width: 100%; }
.index-cookie-consent { grid-template-columns: 1fr; }
.index-cookie-accept { width: 100%; }
.index-cookie-decline { width: 100%; }
.index-age-value { max-width: none; }
.index-age-save { width: 100%; }
.index-restart-button { width: 100%; }
.index-access-choices { grid-template-columns: 1fr; }
.index-access-read { width: 100%; }
.index-access-register { width: 100%; }
.index-access-login { width: 100%; }
.index-access-temporary { width: 100%; }
.index-guest-continue { width: 100%; }
.site-kicker { align-items: flex-start; flex-direction: column; }
.site-owner-footer { align-items: flex-start; flex-direction: column; }
}

/* Contrast repair for dark action surfaces */
.index-access-read, .index-access-read * { color: #f7f9fb !important; fill: currentColor; }
.index-access-read:hover, .index-access-read:hover * { color: #f7f9fb !important; fill: currentColor; }
.index-age-save, .index-age-save * { color: #f7f9fb !important; fill: currentColor; }
.index-age-save:hover, .index-age-save:hover * { color: #f7f9fb !important; fill: currentColor; }
.index-cookie-accept, .index-cookie-accept * { color: #f7f9fb !important; fill: currentColor; }
.index-cookie-accept:hover, .index-cookie-accept:hover * { color: #f7f9fb !important; fill: currentColor; }
.index-guest-continue, .index-guest-continue * { color: #f7f9fb !important; fill: currentColor; }
.index-guest-continue:hover, .index-guest-continue:hover * { color: #f7f9fb !important; fill: currentColor; }
.index-search-submit, .index-search-submit * { color: #f7f9fb !important; fill: currentColor; }
.index-search-submit:hover, .index-search-submit:hover * { color: #f7f9fb !important; fill: currentColor; }
/* End contrast repair */