/* HR: Modul mijenja samo osobni prikaz, nikada spremljeni HTML dokumenta.
   EN: The module changes only personal presentation, never saved document HTML. */
/* HR: Licencije i izvori lokalnih fontova opisani su u docs/font-sources_*.md.
   EN: Local font licenses and sources are recorded in docs/font-sources_*.md. */
@font-face {
    font-family: "Hph Atkinson";
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url("accessibility/fonts/atkinson-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Hph Atkinson";
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url("accessibility/fonts/atkinson-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Hph Lexend";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("accessibility/fonts/lexend-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Hph Lexend";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("accessibility/fonts/lexend-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Hph Noto";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("accessibility/fonts/noto-cyrillic.woff2") format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: "Hph Noto";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("accessibility/fonts/noto-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Hph Noto";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("accessibility/fonts/noto-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Hph OpenDyslexic";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("accessibility/fonts/opendyslexic-regular.woff2") format("woff2");
}
@font-face {
    font-family: "Hph OpenDyslexic";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("accessibility/fonts/opendyslexic-bold.woff2") format("woff2");
}
@font-face {
    font-family: "Hph OpenDyslexic";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("accessibility/fonts/opendyslexic-italic.woff2") format("woff2");
}
@font-face {
    font-family: "Hph OpenDyslexic";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url("accessibility/fonts/opendyslexic-bolditalic.woff2") format("woff2");
}
/* HR: Zadani odabir ne mijenja font aplikacije. Posebni fontovi vrijede i za
   EN: The default leaves the host font untouched. Optional fonts also affect
   HR: tematski izbornik, kontrole obrazaca i sam panel, ali ne ikonice.
   EN: themed menus, form controls, and the panel without replacing icon fonts. */
html[data-hph-a11y-font="atkinson"] {
    --hph-a11y-selected-font: "Hph Atkinson", "Hph Noto", system-ui, sans-serif;
}
html[data-hph-a11y-font="lexend"] {
    --hph-a11y-selected-font: "Hph Lexend", "Hph Noto", system-ui, sans-serif;
}
html[data-hph-a11y-font="noto"] {
    --hph-a11y-selected-font: "Hph Noto", system-ui, sans-serif;
}
html[data-hph-a11y-font="opendyslexic"] {
    --hph-a11y-selected-font: "Hph OpenDyslexic", "Hph Noto", system-ui, sans-serif;
}
html[data-hph-a11y-font="atkinson"],
html[data-hph-a11y-font="lexend"],
html[data-hph-a11y-font="noto"],
html[data-hph-a11y-font="opendyslexic"] {
    --hph-font-family: var(--hph-a11y-selected-font);
    --hph-menu-font-family: var(--hph-a11y-selected-font);
    --bs-body-font-family: var(--hph-a11y-selected-font);
}
html[data-hph-a11y-font="atkinson"] :is(body, button, input, select, textarea, .hph-a11y__dialog),
html[data-hph-a11y-font="lexend"] :is(body, button, input, select, textarea, .hph-a11y__dialog),
html[data-hph-a11y-font="noto"] :is(body, button, input, select, textarea, .hph-a11y__dialog),
html[data-hph-a11y-font="opendyslexic"] :is(body, button, input, select, textarea, .hph-a11y__dialog) {
    font-family: var(--hph-a11y-selected-font);
}
.hph-a11y__launcher {
    position: fixed;
    inset-inline-end: max(1rem, env(safe-area-inset-right));
    inset-block-end: var(--hph-a11y-launcher-bottom, max(1rem, env(safe-area-inset-bottom)));
    z-index: 1030;
    display: grid;
    place-items: center;
    width: var(--hph-a11y-launcher-size, 3rem);
    height: var(--hph-a11y-launcher-size, 3rem);
    padding: .45rem;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #102e36;
    color: #fff;
    font: 600 1rem/1.35 system-ui, sans-serif;
    box-shadow: 0 2px 10px #0006;
}
.hph-a11y__launcher[hidden] { display: none; }
/* HR: Sve donje desne obavijesti ostaju iznad vidljivog gumba, uključujući
   EN: All lower-right toasts stay above the visible launcher, including
   HR: dinamičke poruke. Bez widgeta (ili prije inicijalizacije) položaj je nepromijenjen.
   EN: dynamic messages. Without the widget (or before initialization), positioning is unchanged. */
:root:has([data-hph-a11y-open]:not([hidden])) :is(
    .toast-container.bottom-0.end-0,
    .document-comment-toast-container,
    .editor-task-toast-container
) {
    /* HR: !important nadjačava Bootstrapovu bottom-0 pomoćnu klasu.
       EN: !important overrides Bootstrap's bottom-0 utility class. */
    bottom: calc(var(--hph-a11y-launcher-bottom, max(1rem, env(safe-area-inset-bottom)))
        + var(--hph-a11y-launcher-size, 3rem) + .75rem) !important;
}
/* HR: Povećani tekst ne smije izgurati poruku ili gumb zatvaranja izvan ekrana.
   EN: Enlarged text must not push messages or their dismiss buttons off screen. */
:root:has([data-hph-a11y-open]:not([hidden])) :is(.document-comment-toast, .editor-task-toast) {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}
:root:has([data-hph-a11y-open]:not([hidden])) .document-comment-toast > span {
    min-width: 0;
}
.hph-a11y__launcher:focus-visible,
.hph-a11y__dialog :focus-visible {
    outline: 3px solid #ffb642;
    outline-offset: 3px;
}
.hph-a11y,
.hph-a11y *,
.hph-a11y *::before,
.hph-a11y *::after {
    box-sizing: border-box;
}
.hph-a11y {
    --hph-a11y-panel-bg: #fff;
    --hph-a11y-panel-ink: #162b34;
    --hph-a11y-panel-muted: #465e68;
    --hph-a11y-panel-border: #667f89;
    --hph-a11y-panel-card: #f1f6f7;
    --hph-a11y-panel-active: #125e69;
    --hph-a11y-panel-active-ink: #fff;
}
html[data-hph-a11y-theme-mode="dark"] .hph-a11y {
    --hph-a11y-panel-bg: #102d35;
    --hph-a11y-panel-ink: #f5fafb;
    --hph-a11y-panel-muted: #c1d4da;
    --hph-a11y-panel-border: #91adb7;
    --hph-a11y-panel-card: #193e47;
    --hph-a11y-panel-active: #a2e0e6;
    --hph-a11y-panel-active-ink: #102d35;
}
.hph-a11y__dialog {
    position: fixed;
    inset: auto 0 0 auto;
    margin: 1rem;
    width: min(34rem, calc(100vw - 2rem));
    max-width: none;
    max-height: calc(100dvh - 2rem);
    overflow: auto;
    border: 1px solid var(--hph-a11y-panel-border);
    border-radius: 1rem;
    background: var(--hph-a11y-panel-bg);
    color: var(--hph-a11y-panel-ink);
    box-shadow: 0 8px 36px #0008;
    padding: 1.2rem;
    overflow-wrap: anywhere;
    font-family: system-ui, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.45;
}
.hph-a11y__dialog::backdrop { background: #0009; }
.hph-a11y__dialog p { margin-block: .75rem; }
.hph-a11y__header,
.hph-a11y__actions {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .6rem;
    flex-wrap: wrap;
}
.hph-a11y__header h2 { font-size: 1.35rem; margin: 0; min-width: 0; }
.hph-a11y__header { flex-wrap: nowrap; }
.hph-a11y__header-tools { display: flex; gap: .35rem; flex-shrink: 0; }
.hph-a11y__intro { color: var(--hph-a11y-panel-muted); font-size: .9em; }
.hph-a11y__summary { font-size: .9em; font-weight: 600; }
.hph-a11y__summary span {
    display: inline-grid;
    place-items: center;
    min-width: 1.6em;
    border: 1px solid var(--hph-a11y-panel-border);
    border-radius: 1em;
}
.hph-a11y__tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .35rem;
    margin-block: 1rem .35rem;
}
.hph-a11y__tabs button {
    min-width: 0;
    min-height: 2.75rem;
    padding: .4rem .65rem;
    border: 1px solid var(--hph-a11y-panel-border);
    border-radius: .55rem;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 600;
    line-height: 1.2;
}
.hph-a11y__tabs button[aria-selected="true"] {
    background: var(--hph-a11y-panel-active);
    color: var(--hph-a11y-panel-active-ink);
    text-decoration: underline;
    text-underline-offset: .2em;
}
.hph-a11y__dialog [role="tabpanel"][hidden] { display: none; }
.hph-a11y__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 .75rem; }
.hph-a11y__field:has([data-hph-a11y-setting="font"]),
.hph-a11y__field:has([data-hph-a11y-setting="palette"]) { grid-column: 1 / -1; }
.hph-a11y__field { display: grid; gap: .25rem; margin-block: .8rem; font-weight: 600; }
.hph-a11y__field select {
    width: 100%;
    min-height: 2.5rem;
    padding: .45rem .65rem;
    min-width: 0;
    border: 1px solid var(--hph-a11y-panel-border);
    border-radius: .35rem;
    background: var(--hph-a11y-panel-bg);
    color: var(--hph-a11y-panel-ink);
    font: inherit;
    font-weight: 400;
}
.hph-a11y__dialog [data-hph-a11y-status] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.hph-a11y__hint { margin-block: .75rem 0; font-size: .9rem; line-height: 1.45; color: var(--hph-a11y-panel-muted); }
.hph-a11y__actions button,
.hph-a11y__header button {
    min-height: 2.5rem;
    padding: .3rem .65rem;
    border: 1px solid currentColor;
    border-radius: .35rem;
    background: var(--hph-a11y-panel-bg);
    color: var(--hph-a11y-panel-ink);
    font: inherit;
}
.hph-a11y__header-tools button { display: grid; place-items: center; width: 2.6rem; }
.hph-a11y__header-tools button[data-hph-a11y-close] { font-size: 1.5em; line-height: 1; }
.hph-a11y__actions { margin-block-start: 1.2rem; padding-block-start: 1rem; border-top: 1px solid var(--hph-a11y-panel-border); }
.hph-a11y__size { padding: .8rem; margin-block-start: .9rem; background: var(--hph-a11y-panel-card); border-radius: .6rem; font-weight: 600; }
.hph-a11y__size > div { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-block-start: .5rem; }
.hph-a11y__size button { min-width: 2.75rem; min-height: 2.75rem; border: 1px solid var(--hph-a11y-panel-border); border-radius: 50%; font: inherit; font-size: 1.5em; background: var(--hph-a11y-panel-bg); color: inherit; }
.hph-a11y__size output { font-size: 1.4em; font-variant-numeric: tabular-nums; }
.hph-a11y__tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin-block-start: .85rem; }
.hph-a11y__tile { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .5rem; min-width: 0; min-height: 7rem; padding: .85rem .5rem; border: 1px solid var(--hph-a11y-panel-border); border-radius: .65rem; background: var(--hph-a11y-panel-card); color: inherit; font: inherit; line-height: 1.35; text-align: center; }
.hph-a11y__tile svg { width: 1.8em; height: 1.8em; flex-shrink: 0; }
.hph-a11y__tile small { font-size: .75em; font-weight: 600; }
.hph-a11y__tile[aria-pressed="true"] { background: var(--hph-a11y-panel-active); color: var(--hph-a11y-panel-active-ink); border: 2px solid currentColor; }
.hph-a11y__tile[aria-pressed="true"] small::before { content: "✓ "; }
.hph-a11y__dialog button { cursor: pointer; }
.hph-a11y__dialog button:disabled { cursor: not-allowed; opacity: .55; }
.hph-a11y__filter,
.hph-a11y__guide { position: fixed; pointer-events: none; margin: 0; }
.hph-a11y__filter { inset: 0; z-index: 2147483000; }
.hph-a11y__guide { inset-inline: 0; top: var(--hph-a11y-guide-y, 50vh); z-index: 2147483001; }
.hph-a11y__filter[hidden], .hph-a11y__guide[hidden] { display: none !important; }
.hph-a11y__launcher { z-index: 2147483002; }
html[data-hph-a11y-saturation="high"] .hph-a11y__filter { -webkit-backdrop-filter: saturate(1.8); backdrop-filter: saturate(1.8); }
html[data-hph-a11y-saturation="low"] .hph-a11y__filter { -webkit-backdrop-filter: saturate(.35); backdrop-filter: saturate(.35); }
html[data-hph-a11y-saturation="mono"] .hph-a11y__filter { -webkit-backdrop-filter: grayscale(1); backdrop-filter: grayscale(1); }
html[data-hph-a11y-guide="line"] .hph-a11y__guide { height: 5px; background: #fff; border: 2px solid #07171c; box-shadow: 0 0 0 1px #fff; }
html[data-hph-a11y-guide="mask"] .hph-a11y__guide { height: 5rem; transform: translateY(-50%); border-block: 2px solid #fff; box-shadow: 0 0 0 200vmax #0009; }
@media (max-width: 480px) {
    .hph-a11y__tabs { grid-template-columns: minmax(0, 1fr); }
    .hph-a11y__fields { grid-template-columns: minmax(0, 1fr); }
    .hph-a11y__tiles { grid-template-columns: minmax(0, 1fr); }
    .hph-a11y__header { flex-wrap: wrap; }
    .hph-a11y__header-tools { margin-inline-start: auto; }
    .hph-a11y__dialog { padding: .8rem; }
    .hph-a11y__size > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hph-a11y__size output { order: -1; grid-column: 1 / -1; text-align: center; }
    .hph-a11y__size button { min-width: 0; width: 2.75rem; max-width: 100%; justify-self: center; }
}
@media (max-width: 400px) {
    :root { --hph-a11y-launcher-bottom: max(.4rem, env(safe-area-inset-bottom)); }
    .hph-a11y__launcher { inset-inline-end: max(.4rem, env(safe-area-inset-right)); }
    .hph-a11y__dialog { margin: .4rem; width: calc(100vw - .8rem); max-height: calc(100dvh - .8rem); }
}
/* HR: Rem jedinice povećavaju tekst bez skaliranja cijelog platna.
   EN: Rem units enlarge text without scaling the entire canvas. */
html[data-hph-a11y-size="110"] { font-size: 110%; }
html[data-hph-a11y-size="125"] { font-size: 125%; }
html[data-hph-a11y-size="150"] { font-size: 150%; }
html[data-hph-a11y-size="175"] { font-size: 175%; }
html[data-hph-a11y-size="200"] { font-size: 200%; }
html[data-hph-a11y-spacing="wide"] :where(p, li, dd, dt, label, blockquote):not(.hph-a11y *) {
    letter-spacing: .12em !important;
    word-spacing: .16em !important;
}
/* HR: Neovisne prilagodbe ne mijenjaju tipografiju kontrolnog panela ni ikone.
   EN: Independent adjustments leave the control panel's typography and icons intact. */
html[data-hph-a11y-line-height="150"] { --hph-a11y-line-height: 1.5; }
html[data-hph-a11y-line-height="175"] { --hph-a11y-line-height: 1.75; }
html[data-hph-a11y-line-height="200"] { --hph-a11y-line-height: 2; }
html:not([data-hph-a11y-line-height="default"]) body :where(p, li, dd, dt, label, blockquote, td, th):not(.hph-a11y *) { line-height: var(--hph-a11y-line-height) !important; }
html[data-hph-a11y-paragraphs="wide"] body p:not(.hph-a11y *) { margin-block-end: 2em !important; }
html[data-hph-a11y-weight="medium"] { --hph-a11y-weight: 600; }
html[data-hph-a11y-weight="bold"] { --hph-a11y-weight: 700; }
html:not([data-hph-a11y-weight="default"]) body :where(p, li, dd, dt, label, blockquote, td, a, button, input, select, textarea):not(.hph-a11y *):not([class*="icon"]):not(.bi):not(.fa) { font-weight: var(--hph-a11y-weight) !important; }
html[data-hph-a11y-headings="on"] body :is(h1, h2, h3, h4, h5, h6):not(.hph-a11y *) { outline: 2px solid currentColor; outline-offset: .15em; border-radius: .1em; }
html[data-hph-a11y-cursor="large"] body,
html[data-hph-a11y-cursor="large"] body * { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 32 32'%3E%3Cpath d='M3 2v25l7-7 5 10 5-3-5-10h10z' fill='%2307171c' stroke='%23fff' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 4 3, auto !important; }
html[data-hph-a11y-cursor="large"] body :is(a, button, summary, [role="button"], input[type="checkbox"], input[type="radio"]):not(:disabled) { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 32 32'%3E%3Cpath d='M11 16V4a3 3 0 0 1 6 0v10l4-1 6 4v8l-5 5H12l-8-9a3 3 0 0 1 4-4z' fill='%2307171c' stroke='%23fff' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 17 2, pointer !important; }
/* HR: Korisnikov odabir nadjačava uklanjanje podcrtavanja u navigaciji teme.
   EN: The user's preference overrides theme navigation rules that remove underlines. */
html[data-hph-a11y-links="on"] body a:not([class*="btn"]) {
    text-decoration: underline solid currentColor 2px !important;
    text-underline-offset: .2em !important;
}
/* HR: Visoki kontrast je izričit osobni odabir; slike i SVG sadržaj ostaju
   EN: High contrast is an explicit personal choice; images and SVG content
   HR: netaknuti kako ne bi nestali podaci iz grafikona i ilustracija.
   EN: remain untouched so chart and illustration data is not discarded. */
html[data-hph-a11y-contrast="light"] {
    color-scheme: light;
    --hph-a11y-surface: #fff;
    --hph-a11y-ink: #111;
    --hph-a11y-border: #111;
    --hph-a11y-link: #003b82;
    --bs-body-bg: #fff;
    --bs-body-color: #111;
}
html[data-hph-a11y-contrast="dark"] {
    color-scheme: dark;
    --hph-a11y-surface: #07171c;
    --hph-a11y-ink: #fff;
    --hph-a11y-border: #fff;
    --hph-a11y-link: #8fd4ff;
    --bs-body-bg: #07171c;
    --bs-body-color: #fff;
}
html[data-hph-a11y-contrast="yellow"] {
    color-scheme: dark;
    --hph-a11y-surface: #000;
    --hph-a11y-ink: #fff36a;
    --hph-a11y-border: #fff36a;
    --hph-a11y-link: #fff;
    --bs-body-bg: #000;
    --bs-body-color: #fff36a;
}
/* HR: Plavo-narančasti način koristi paletu Okabe–Ito prilagođenu kontrastu
   EN: The blue-orange mode uses a contrast-adjusted Okabe–Ito palette
   HR: teksta i kontrola; ne oslanja se samo na razliku nijansi.
   EN: for text and controls; hue is never its sole information channel. */
html[data-hph-a11y-palette-active="on"][data-hph-a11y-palette="cud"][data-hph-a11y-theme-mode="light"] {
    --hph-a11y-surface: #fff;
    --hph-a11y-ink: #111;
    --hph-a11y-border: #111;
    --hph-a11y-link: #005a8d;
    --hph-a11y-primary: #005a8d;
    --hph-a11y-primary-ink: #fff;
    --hph-a11y-success: #006b4f;
    --hph-a11y-success-ink: #fff;
    --hph-a11y-danger: #9a3c00;
    --hph-a11y-danger-ink: #fff;
    --hph-a11y-warning: #e69f00;
    --hph-a11y-warning-ink: #111;
    --hph-a11y-warning-label: #754600;
    --hph-a11y-info: #56b4e9;
    --hph-a11y-info-ink: #111;
    --hph-a11y-info-label: #005a8d;
}
html[data-hph-a11y-palette-active="on"][data-hph-a11y-palette="cud"][data-hph-a11y-theme-mode="dark"] {
    --hph-a11y-surface: #07171c;
    --hph-a11y-ink: #fff;
    --hph-a11y-border: #fff;
    --hph-a11y-link: #8fd4ff;
    --hph-a11y-primary: #8fd4ff;
    --hph-a11y-primary-ink: #07171c;
    --hph-a11y-success: #4ed2a5;
    --hph-a11y-success-ink: #07171c;
    --hph-a11y-danger: #ffaa83;
    --hph-a11y-danger-ink: #07171c;
    --hph-a11y-warning: #f6c85f;
    --hph-a11y-warning-ink: #07171c;
    --hph-a11y-warning-label: #f6c85f;
    --hph-a11y-info: #8fd4ff;
    --hph-a11y-info-ink: #07171c;
    --hph-a11y-info-label: #8fd4ff;
}
/* HR: Dodatne palete nude različite parove nijansi, ali svaka zadržava
   EN: Additional palettes offer different hue pairings, while each retains
   HR: čitljiv tekst i neovisne tekstualne oznake stanja.
   EN: legible text and independent textual state labels. */
html[data-hph-a11y-palette-active="on"][data-hph-a11y-palette="violet"][data-hph-a11y-theme-mode="light"] {
    --hph-a11y-surface: #fff;
    --hph-a11y-ink: #111;
    --hph-a11y-border: #111;
    --hph-a11y-link: #552e8e;
    --hph-a11y-primary: #552e8e;
    --hph-a11y-primary-ink: #fff;
    --hph-a11y-success: #006b67;
    --hph-a11y-success-ink: #fff;
    --hph-a11y-danger: #932658;
    --hph-a11y-danger-ink: #fff;
    --hph-a11y-warning: #f2be00;
    --hph-a11y-warning-ink: #111;
    --hph-a11y-warning-label: #775800;
    --hph-a11y-info: #007798;
    --hph-a11y-info-ink: #fff;
    --hph-a11y-info-label: #007798;
}
html[data-hph-a11y-palette-active="on"][data-hph-a11y-palette="violet"][data-hph-a11y-theme-mode="dark"] {
    --hph-a11y-surface: #07171c;
    --hph-a11y-ink: #fff;
    --hph-a11y-border: #fff;
    --hph-a11y-link: #d6bbff;
    --hph-a11y-primary: #d6bbff;
    --hph-a11y-primary-ink: #07171c;
    --hph-a11y-success: #69ddd1;
    --hph-a11y-success-ink: #07171c;
    --hph-a11y-danger: #ff8db7;
    --hph-a11y-danger-ink: #07171c;
    --hph-a11y-warning: #ffe085;
    --hph-a11y-warning-ink: #07171c;
    --hph-a11y-warning-label: #ffe085;
    --hph-a11y-info: #83d7f3;
    --hph-a11y-info-ink: #07171c;
    --hph-a11y-info-label: #83d7f3;
}
html[data-hph-a11y-palette-active="on"][data-hph-a11y-palette="navy"][data-hph-a11y-theme-mode="light"] {
    --hph-a11y-surface: #fff;
    --hph-a11y-ink: #111;
    --hph-a11y-border: #111;
    --hph-a11y-link: #003b82;
    --hph-a11y-primary: #003b82;
    --hph-a11y-primary-ink: #fff;
    --hph-a11y-success: #345a13;
    --hph-a11y-success-ink: #fff;
    --hph-a11y-danger: #6e3f9e;
    --hph-a11y-danger-ink: #fff;
    --hph-a11y-warning: #f7d447;
    --hph-a11y-warning-ink: #111;
    --hph-a11y-warning-label: #645000;
    --hph-a11y-info: #00828b;
    --hph-a11y-info-ink: #fff;
    --hph-a11y-info-label: #00636b;
}
html[data-hph-a11y-palette-active="on"][data-hph-a11y-palette="navy"][data-hph-a11y-theme-mode="dark"] {
    --hph-a11y-surface: #07171c;
    --hph-a11y-ink: #fff;
    --hph-a11y-border: #fff;
    --hph-a11y-link: #a5caff;
    --hph-a11y-primary: #a5caff;
    --hph-a11y-primary-ink: #07171c;
    --hph-a11y-success: #c7e276;
    --hph-a11y-success-ink: #07171c;
    --hph-a11y-danger: #dbafff;
    --hph-a11y-danger-ink: #07171c;
    --hph-a11y-warning: #ffe174;
    --hph-a11y-warning-ink: #07171c;
    --hph-a11y-warning-label: #ffe174;
    --hph-a11y-info: #87e7ed;
    --hph-a11y-info-ink: #07171c;
    --hph-a11y-info-label: #87e7ed;
}
/* HR: Paleta zamjenjuje semantičke tokene teme, ne površine ni hero gradijent.
   EN: The palette replaces semantic theme tokens, not surfaces or the hero gradient. */
html[data-hph-a11y-palette="cud"] {
    --hph-a11y-nav-1: #003b6b;
    --hph-a11y-nav-2: #005a8d;
    --hph-a11y-nav-3: #006b76;
    --hph-a11y-nav-4: #006b4f;
    --hph-a11y-nav-5: #0b5155;
}
html[data-hph-a11y-palette="violet"] {
    --hph-a11y-nav-1: #3e216d;
    --hph-a11y-nav-2: #552e8e;
    --hph-a11y-nav-3: #5b3a85;
    --hph-a11y-nav-4: #006b67;
    --hph-a11y-nav-5: #005c62;
}
html[data-hph-a11y-palette="navy"] {
    --hph-a11y-nav-1: #00245b;
    --hph-a11y-nav-2: #003b82;
    --hph-a11y-nav-3: #1c487f;
    --hph-a11y-nav-4: #345a13;
    --hph-a11y-nav-5: #3b671b;
}
html[data-hph-a11y-palette-active="on"][data-hph-a11y-theme-mode="light"] {
    --hph-a11y-secondary: #4d5964;
    --hph-a11y-secondary-ink: #fff;
}
html[data-hph-a11y-palette-active="on"][data-hph-a11y-theme-mode="dark"] {
    --hph-a11y-secondary: #c8d3db;
    --hph-a11y-secondary-ink: #07171c;
}
html[data-hph-a11y-palette-active="on"] {
    /* HR: Opći ugovor za Bootstrap i aplikacije bez modula Tema.
       EN: Generic contract for Bootstrap and applications without Theme. */
    --bs-link-color: var(--hph-a11y-link);
    --bs-link-hover-color: var(--hph-a11y-link);
    --hph-link: var(--hph-a11y-link);
    --hph-primary: var(--hph-a11y-primary);
    --hph-primary-text: var(--hph-a11y-primary-ink);
    --hph-primary-outline-text: var(--hph-a11y-link);
    --hph-secondary: var(--hph-a11y-secondary);
    --hph-secondary-text: var(--hph-a11y-secondary-ink);
    --hph-secondary-outline-text: var(--hph-a11y-secondary);
    --hph-success: var(--hph-a11y-success);
    --hph-success-text: var(--hph-a11y-success-ink);
    --hph-success-outline-text: var(--hph-a11y-success);
    --hph-danger: var(--hph-a11y-danger);
    --hph-danger-text: var(--hph-a11y-danger-ink);
    --hph-danger-outline-text: var(--hph-a11y-danger);
    --hph-warning: var(--hph-a11y-warning);
    --hph-warning-text: var(--hph-a11y-warning-ink);
    --hph-warning-outline-text: var(--hph-a11y-warning-label);
    --hph-info: var(--hph-a11y-info);
    --hph-info-text: var(--hph-a11y-info-ink);
    --hph-info-outline-text: var(--hph-a11y-info-label);
    --hph-valid: var(--hph-a11y-success);
    --hph-invalid: var(--hph-a11y-danger);
    --hph-card-accent: var(--hph-a11y-primary);
    --hph-title-card-accent: var(--hph-a11y-primary);
    --hph-content-card-accent: var(--hph-a11y-info);
    --hph-sidebar-card-accent: var(--hph-a11y-warning);
    --hph-nav-active-accent: var(--hph-a11y-primary);
    --hph-nav-active-bg: var(--hph-a11y-primary);
    --hph-nav-active-text: var(--hph-a11y-primary-ink);
    --hph-left-menu-active-bg: var(--hph-a11y-primary);
    --hph-left-menu-active-text: var(--hph-a11y-primary-ink);
    --hph-pagination-active-bg: var(--hph-a11y-primary);
    --hph-pagination-active-text: var(--hph-a11y-primary-ink);
    --hph-editor-tab-active-accent: var(--hph-a11y-primary);
    --hph-document-action-bg: var(--hph-a11y-primary);
    --hph-document-action-text: var(--hph-a11y-primary-ink);
    --hph-document-action-border: var(--hph-a11y-primary);
    --hph-document-action-hover-bg: var(--hph-a11y-info);
    --hph-document-action-hover-text: var(--hph-a11y-info-ink);
    --hph-document-action-active-bg: var(--hph-a11y-secondary);
    --hph-document-action-active-text: var(--hph-a11y-secondary-ink);
    --hph-badge-bg: var(--hph-a11y-info);
    --hph-badge-text: var(--hph-a11y-info-ink);
    --hph-tag-bg: var(--hph-a11y-warning);
    --hph-tag-text: var(--hph-a11y-warning-ink);
    --hph-alert-primary-bg: var(--hph-a11y-primary);
    --hph-alert-primary-text: var(--hph-a11y-primary-ink);
    --hph-alert-primary-border: var(--hph-a11y-primary);
    --hph-alert-success-bg: var(--hph-a11y-success);
    --hph-alert-success-text: var(--hph-a11y-success-ink);
    --hph-alert-success-border: var(--hph-a11y-success);
    --hph-alert-warning-bg: var(--hph-a11y-warning);
    --hph-alert-warning-text: var(--hph-a11y-warning-ink);
    --hph-alert-warning-border: var(--hph-a11y-warning);
    --hph-alert-danger-bg: var(--hph-a11y-danger);
    --hph-alert-danger-text: var(--hph-a11y-danger-ink);
    --hph-alert-danger-border: var(--hph-a11y-danger);
    --hph-alert-info-bg: var(--hph-a11y-info);
    --hph-alert-info-text: var(--hph-a11y-info-ink);
    --hph-alert-info-border: var(--hph-a11y-info);
    --hph-navbar-gradient-1: var(--hph-a11y-nav-1);
    --hph-navbar-gradient-2: var(--hph-a11y-nav-2);
    --hph-navbar-gradient-3: var(--hph-a11y-nav-3);
    --hph-navbar-gradient-4: var(--hph-a11y-nav-4);
    --hph-navbar-gradient-5: var(--hph-a11y-nav-5);
    --hph-navbar-text: #fff;
    --hph-navbar-link: #fff;
    --hph-navbar-active: #fff;
    --hph-navbar-active-bg: #102e36;
    --bs-primary: var(--hph-a11y-primary);
    --bs-secondary: var(--hph-a11y-secondary);
    --bs-success: var(--hph-a11y-success);
    --bs-warning: var(--hph-a11y-warning);
    --bs-danger: var(--hph-a11y-danger);
    --bs-info: var(--hph-a11y-info);
}
/* HR: Ove kontrole rade i kada nijedna tematska varijabla ne postoji.
   EN: These controls work even when no theme variables exist. */
html[data-hph-a11y-palette-active="on"] body a:not(.btn):not(.nav-link):not(.navbar-brand):not(.dropdown-item) {
    color: var(--hph-a11y-link);
}
html[data-hph-a11y-palette-active="on"] body .navbar {
    --bs-navbar-color: #fff;
    --bs-navbar-hover-color: #fff;
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: #fff;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    background: linear-gradient(90deg, var(--hph-a11y-nav-1), var(--hph-a11y-nav-2), var(--hph-a11y-nav-3), var(--hph-a11y-nav-4), var(--hph-a11y-nav-5)) !important;
    color: #fff;
}
html[data-hph-a11y-palette-active="on"] body .navbar :is(.navbar-brand, .nav-link, .navbar-text) {
    color: #fff !important;
}
html[data-hph-a11y-palette-active="on"] body :is(.nav-pills .nav-link.active, .list-group-item.active, .page-item.active .page-link, .progress-bar, .form-check-input:checked) {
    background-color: var(--hph-a11y-primary) !important;
    border-color: var(--hph-a11y-primary) !important;
    color: var(--hph-a11y-primary-ink) !important;
}
html[data-hph-a11y-palette-active="on"] body :is(.form-control, .form-select):focus {
    border-color: var(--hph-a11y-primary) !important;
}
html[data-hph-a11y-palette-active="on"] body :is(.btn-outline-primary, .btn-outline-secondary, .btn-outline-success, .btn-outline-danger, .btn-outline-warning, .btn-outline-info) {
    --bs-btn-color: var(--hph-a11y-primary);
    --bs-btn-border-color: var(--hph-a11y-primary);
    --bs-btn-hover-bg: var(--hph-a11y-primary);
    --bs-btn-hover-border-color: var(--hph-a11y-primary);
    --bs-btn-hover-color: var(--hph-a11y-primary-ink);
}
html[data-hph-a11y-palette-active="on"] body .btn-outline-secondary {
    --bs-btn-color: var(--hph-a11y-secondary);
    --bs-btn-border-color: var(--hph-a11y-secondary);
    --bs-btn-hover-bg: var(--hph-a11y-secondary);
    --bs-btn-hover-border-color: var(--hph-a11y-secondary);
    --bs-btn-hover-color: var(--hph-a11y-secondary-ink);
}
html[data-hph-a11y-palette-active="on"] body .btn-outline-success {
    --bs-btn-color: var(--hph-a11y-success);
    --bs-btn-border-color: var(--hph-a11y-success);
    --bs-btn-hover-bg: var(--hph-a11y-success);
    --bs-btn-hover-border-color: var(--hph-a11y-success);
    --bs-btn-hover-color: var(--hph-a11y-success-ink);
}
html[data-hph-a11y-palette-active="on"] body .btn-outline-danger {
    --bs-btn-color: var(--hph-a11y-danger);
    --bs-btn-border-color: var(--hph-a11y-danger);
    --bs-btn-hover-bg: var(--hph-a11y-danger);
    --bs-btn-hover-border-color: var(--hph-a11y-danger);
    --bs-btn-hover-color: var(--hph-a11y-danger-ink);
}
html[data-hph-a11y-palette-active="on"] body .btn-outline-warning {
    --bs-btn-color: var(--hph-a11y-warning-label);
    --bs-btn-border-color: var(--hph-a11y-warning-label);
    --bs-btn-hover-bg: var(--hph-a11y-warning);
    --bs-btn-hover-border-color: var(--hph-a11y-warning);
    --bs-btn-hover-color: var(--hph-a11y-warning-ink);
}
html[data-hph-a11y-palette-active="on"] body .btn-outline-info {
    --bs-btn-color: var(--hph-a11y-info-label);
    --bs-btn-border-color: var(--hph-a11y-info-label);
    --bs-btn-hover-bg: var(--hph-a11y-info);
    --bs-btn-hover-border-color: var(--hph-a11y-info);
    --bs-btn-hover-color: var(--hph-a11y-info-ink);
}
html[data-hph-a11y-palette-active="on"] :is(.alert-primary, .alert-success, .alert-warning, .alert-danger, .alert-info) {
    border-inline-start-width: .4rem !important;
    border-inline-start-style: solid !important;
}
html[data-hph-a11y-contrast="light"] :is(body, main, nav, header, footer, .card, .card-body, .list-group-item, .dropdown-menu, .modal-content, .offcanvas, .alert, .hph-a11y__dialog),
html[data-hph-a11y-contrast="dark"] :is(body, main, nav, header, footer, .card, .card-body, .list-group-item, .dropdown-menu, .modal-content, .offcanvas, .alert, .hph-a11y__dialog),
html[data-hph-a11y-contrast="yellow"] :is(body, main, nav, header, footer, .card, .card-body, .list-group-item, .dropdown-menu, .modal-content, .offcanvas, .alert, .hph-a11y__dialog) {
    background: var(--hph-a11y-surface) !important;
    color: var(--hph-a11y-ink) !important;
    border-color: var(--hph-a11y-border) !important;
}
html[data-hph-a11y-contrast="light"] :is(button, input, select, textarea, .btn),
html[data-hph-a11y-contrast="dark"] :is(button, input, select, textarea, .btn),
html[data-hph-a11y-contrast="yellow"] :is(button, input, select, textarea, .btn) {
    background-color: var(--hph-a11y-surface) !important;
    color: var(--hph-a11y-ink) !important;
    border: 2px solid var(--hph-a11y-border) !important;
}
/* HR: Kontrastni sloj uklanja i pojedinačno podešene tematske gradijente i
   EN: The contrast layer also removes separately customized theme gradients
   HR: površine. Slike, video, canvas i SVG ostaju nedirnuti.
   EN: and surfaces. Images, video, canvas, and SVG remain untouched. */
html[data-hph-a11y-contrast="light"] body :where(:not(svg):not(svg *)),
html[data-hph-a11y-contrast="dark"] body :where(:not(svg):not(svg *)),
html[data-hph-a11y-contrast="yellow"] body :where(:not(svg):not(svg *)) {
    color: var(--hph-a11y-ink) !important;
    border-color: var(--hph-a11y-border) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
html[data-hph-a11y-contrast="light"] body :where(header, nav, main, aside, footer, section, article, div, form, fieldset, table, tr, th, td, details, summary, button, input, select, textarea),
html[data-hph-a11y-contrast="dark"] body :where(header, nav, main, aside, footer, section, article, div, form, fieldset, table, tr, th, td, details, summary, button, input, select, textarea),
html[data-hph-a11y-contrast="yellow"] body :where(header, nav, main, aside, footer, section, article, div, form, fieldset, table, tr, th, td, details, summary, button, input, select, textarea) {
    background: var(--hph-a11y-surface) !important;
}
html[data-hph-a11y-contrast="light"] body a,
html[data-hph-a11y-contrast="light"] body a :where(*),
html[data-hph-a11y-contrast="dark"] body a,
html[data-hph-a11y-contrast="dark"] body a :where(*),
html[data-hph-a11y-contrast="yellow"] body a,
html[data-hph-a11y-contrast="yellow"] body a :where(*) {
    color: var(--hph-a11y-link) !important;
    text-decoration: underline solid currentColor 2px;
    text-underline-offset: .2em;
}
html[data-hph-a11y-contrast="light"] .hph-a11y__tabs button[aria-selected="true"],
html[data-hph-a11y-contrast="dark"] .hph-a11y__tabs button[aria-selected="true"],
html[data-hph-a11y-contrast="yellow"] .hph-a11y__tabs button[aria-selected="true"],
html:not([data-hph-a11y-contrast="default"]) .hph-a11y__tile[aria-pressed="true"] {
    background: var(--hph-a11y-ink) !important;
    color: var(--hph-a11y-surface) !important;
}
html:not([data-hph-a11y-contrast="default"]) .hph-a11y__tile[aria-pressed="true"] :where(*) {
    color: var(--hph-a11y-surface) !important;
}
html[data-hph-a11y-contrast="light"] .hph-site-header__text,
html[data-hph-a11y-contrast="dark"] .hph-site-header__text,
html[data-hph-a11y-contrast="yellow"] .hph-site-header__text {
    color: var(--hph-a11y-ink) !important;
}
/* HR: Prozor maske ostaje proziran i u visokokontrastnom prikazu.
   EN: The mask's reading window remains transparent in high contrast. */
html[data-hph-a11y-guide="mask"] body .hph-a11y__guide {
    background: transparent !important;
    box-shadow: 0 0 0 200vmax #0009 !important;
}
html[data-hph-a11y-palette-active="on"] body :is(.btn-primary, .bg-primary, .text-bg-primary) {
    background: var(--hph-a11y-primary) !important;
    color: var(--hph-a11y-primary-ink) !important;
}
html[data-hph-a11y-palette-active="on"] body :is(.btn-secondary, .bg-secondary, .text-bg-secondary) {
    background: var(--hph-a11y-secondary) !important;
    color: var(--hph-a11y-secondary-ink) !important;
}
html[data-hph-a11y-palette-active="on"] body :is(.btn-success, .bg-success, .text-bg-success) {
    background: var(--hph-a11y-success) !important;
    color: var(--hph-a11y-success-ink) !important;
}
html[data-hph-a11y-palette-active="on"] body :is(.btn-danger, .bg-danger, .text-bg-danger) {
    background: var(--hph-a11y-danger) !important;
    color: var(--hph-a11y-danger-ink) !important;
}
html[data-hph-a11y-palette-active="on"] body :is(.btn-warning, .bg-warning, .text-bg-warning) {
    background: var(--hph-a11y-warning) !important;
    color: var(--hph-a11y-warning-ink) !important;
}
html[data-hph-a11y-palette-active="on"] body :is(.btn-info, .bg-info, .text-bg-info) {
    background: var(--hph-a11y-info) !important;
    color: var(--hph-a11y-info-ink) !important;
}
html[data-hph-a11y-palette-active="on"] body :is(.btn-primary, .bg-primary, .text-bg-primary, .btn-secondary, .bg-secondary, .text-bg-secondary, .btn-success, .bg-success, .text-bg-success, .btn-danger, .bg-danger, .text-bg-danger, .btn-warning, .bg-warning, .text-bg-warning, .btn-info, .bg-info, .text-bg-info, .alert-primary, .alert-success, .alert-warning, .alert-danger, .alert-info) :where(:not(svg):not(svg *)) {
    color: inherit !important;
}
html[data-hph-a11y-palette-active="on"] body .text-primary { color: var(--hph-a11y-primary) !important; }
html[data-hph-a11y-palette-active="on"] body .text-secondary { color: var(--hph-a11y-secondary) !important; }
html[data-hph-a11y-palette-active="on"] body .text-success { color: var(--hph-a11y-success) !important; }
html[data-hph-a11y-palette-active="on"] body .text-danger { color: var(--hph-a11y-danger) !important; }
html[data-hph-a11y-palette-active="on"] body .text-warning { color: var(--hph-a11y-warning-label) !important; }
html[data-hph-a11y-palette-active="on"] body .text-info { color: var(--hph-a11y-info-label) !important; }
html[data-hph-a11y-palette-active="on"] body .alert-primary {
    background: var(--hph-a11y-primary) !important;
    color: var(--hph-a11y-primary-ink) !important;
    border-inline-start-color: var(--hph-a11y-primary) !important;
}
html[data-hph-a11y-palette-active="on"] body .alert-success {
    background: var(--hph-a11y-success) !important;
    color: var(--hph-a11y-success-ink) !important;
    border-inline-start-color: var(--hph-a11y-success) !important;
}
html[data-hph-a11y-palette-active="on"] body .alert-danger {
    background: var(--hph-a11y-danger) !important;
    color: var(--hph-a11y-danger-ink) !important;
    border-inline-start-color: var(--hph-a11y-danger) !important;
}
html[data-hph-a11y-palette-active="on"] body .alert-warning {
    background: var(--hph-a11y-warning) !important;
    color: var(--hph-a11y-warning-ink) !important;
    border-inline-start-color: var(--hph-a11y-warning) !important;
}
html[data-hph-a11y-palette-active="on"] body .alert-info {
    background: var(--hph-a11y-info) !important;
    color: var(--hph-a11y-info-ink) !important;
    border-inline-start-color: var(--hph-a11y-info) !important;
}
/* HR: Način razlikovanja dodaje oblik i podcrtavanje, ne glumi vrstu daltonizma.
   EN: Distinction mode adds shape and underline rather than simulating color blindness. */
html[data-hph-a11y-cues="on"] :is(a, .nav-link, .dropdown-item) {
    text-decoration: underline solid currentColor 2px !important;
    text-underline-offset: .2em;
}
html[data-hph-a11y-cues="on"] :is(.badge, .alert, .btn, button) {
    border: 2px solid currentColor !important;
}
html[data-hph-a11y-focus="on"] :focus-visible {
    outline: 4px solid #ffb642 !important;
    outline-offset: 4px !important;
    box-shadow: 0 0 0 2px #102e36 !important;
}
html[data-hph-a11y-motion="reduce"] *,
html[data-hph-a11y-motion="reduce"] *::before,
html[data-hph-a11y-motion="reduce"] *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    animation-play-state: paused !important;
    transition-duration: .01ms !important;
}
@media (prefers-reduced-motion: reduce) {
    html[data-hph-a11y-motion="system"] *,
    html[data-hph-a11y-motion="system"] *::before,
    html[data-hph-a11y-motion="system"] *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        animation-play-state: paused !important;
        transition-duration: .01ms !important;
    }
    .hph-a11y__launcher,
    .hph-a11y__dialog { transition: none; animation: none; }
}
@media (forced-colors: active) {
    .hph-a11y__filter { display: none !important; }
    .hph-a11y__launcher,
    .hph-a11y__dialog { border-color: CanvasText; }
    .hph-a11y__tile[aria-pressed="true"],
    .hph-a11y__tabs button[aria-selected="true"] {
        background: Highlight !important;
        color: HighlightText !important;
        border-color: Highlight !important;
    }
}