/* ALMBM_LUXURY_BUSINESS_UI_V1
   Luxury Enterprise theme for the existing ALMBM hybrid frontend.
   Visual layer only: no API, authentication or business logic changes. */

:root {
    color-scheme: dark;
    --lux-bg: #09110d;
    --lux-sidebar: #0b1510;
    --lux-surface: #121e17;
    --lux-surface-raised: #18271e;
    --lux-surface-soft: rgba(255, 255, 255, .025);
    --lux-surface-hover: #1d2e24;
    --lux-text: #f0f5f1;
    --lux-text-soft: #c1cbc4;
    --lux-muted: #96a49b;
    --lux-muted-2: #6e7c73;
    --lux-gold: #c5a059;
    --lux-gold-hover: #d7b773;
    --lux-gold-soft: rgba(197, 160, 89, .10);
    --lux-gold-line: rgba(197, 160, 89, .25);
    --lux-line: rgba(190, 204, 195, .12);
    --lux-line-strong: rgba(190, 204, 195, .20);
    --lux-success: #9cb9a3;
    --lux-success-bg: rgba(73, 108, 82, .18);
    --lux-warning: #d4a96a;
    --lux-warning-bg: rgba(145, 91, 31, .18);
    --lux-danger: #d79a96;
    --lux-danger-bg: rgba(142, 63, 60, .18);
    --lux-info: #9eb5cc;
    --lux-info-bg: rgba(91, 119, 148, .13);
    --lux-radius-sm: 10px;
    --lux-radius-md: 14px;
    --lux-radius-lg: 18px;
    --lux-shadow: 0 1px 0 rgba(255, 255, 255, .025) inset,
                  0 18px 46px rgba(0, 0, 0, .22);
    --lux-shadow-soft: 0 10px 32px rgba(0, 0, 0, .15);
}

html[data-theme="light"],
body[data-theme="light"],
body.light,
body.light-theme,
.theme-light {
    color-scheme: light;
    --lux-bg: #f4f6f5;
    --lux-sidebar: #ffffff;
    --lux-surface: #ffffff;
    --lux-surface-raised: #eaefed;
    --lux-surface-soft: rgba(23, 33, 28, .025);
    --lux-surface-hover: #e4eae7;
    --lux-text: #17211c;
    --lux-text-soft: #34413a;
    --lux-muted: #68716d;
    --lux-muted-2: #89918d;
    --lux-gold: #315a88;
    --lux-gold-hover: #24486f;
    --lux-gold-soft: rgba(49, 90, 136, .09);
    --lux-gold-line: rgba(49, 90, 136, .24);
    --lux-line: rgba(31, 48, 40, .11);
    --lux-line-strong: rgba(31, 48, 40, .18);
    --lux-success: #52745b;
    --lux-success-bg: rgba(73, 108, 82, .11);
    --lux-warning: #8e6732;
    --lux-warning-bg: rgba(145, 91, 31, .10);
    --lux-danger: #92504c;
    --lux-danger-bg: rgba(142, 63, 60, .10);
    --lux-info: #315a88;
    --lux-info-bg: rgba(49, 90, 136, .09);
    --lux-shadow: 0 1px 0 rgba(255, 255, 255, .72) inset,
                  0 18px 44px rgba(24, 40, 31, .08);
    --lux-shadow-soft: 0 10px 30px rgba(24, 40, 31, .07);
}

html {
    background: var(--lux-bg) !important;
}

body,
button,
input,
select,
textarea {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text",
                 "Segoe UI", sans-serif !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body {
    color: var(--lux-text) !important;
    background:
        radial-gradient(circle at 12% -8%, rgba(197, 160, 89, .065), transparent 31rem),
        radial-gradient(circle at 94% 105%, rgba(87, 121, 98, .08), transparent 30rem),
        var(--lux-bg) !important;
}

::selection {
    color: #10160f;
    background: var(--lux-gold-hover);
}

* {
    scrollbar-color: var(--lux-gold-line) transparent;
    scrollbar-width: thin;
}

*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

*::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;
    background: var(--lux-gold-line);
    background-clip: padding-box;
}

button,
a,
input,
select,
textarea {
    -webkit-tap-highlight-color: transparent;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--lux-gold) !important;
    outline-offset: 3px !important;
}

/* Global application surfaces */

.dashboard,
.workspace,
.main,
.content,
.app-content {
    color: var(--lux-text) !important;
    background: transparent !important;
}

.sidebar {
    border-color: var(--lux-line) !important;
    color: var(--lux-text) !important;
    background: var(--lux-sidebar) !important;
    box-shadow: none !important;
}

.desktop-sidebar-brand .brand-mark,
.sidebar-account-avatar {
    border: 1px solid var(--lux-gold-line) !important;
    color: #111811 !important;
    background: linear-gradient(145deg, var(--lux-gold-hover), var(--lux-gold)) !important;
    box-shadow: 0 10px 28px rgba(197, 160, 89, .14) !important;
}

.desktop-sidebar-brand strong,
.sidebar-account strong {
    color: var(--lux-text) !important;
}

.desktop-sidebar-brand small,
.desktop-sidebar-label,
.sidebar-account small {
    color: var(--lux-muted) !important;
}

.desktop-navigation button {
    position: relative !important;
    border: 0 !important;
    border-radius: var(--lux-radius-sm) !important;
    color: var(--lux-muted) !important;
    background: transparent !important;
    box-shadow: none !important;
    transition: color 160ms ease, background-color 160ms ease !important;
}

.desktop-navigation button:hover {
    color: var(--lux-text) !important;
    background: var(--lux-surface-soft) !important;
    transform: none !important;
}

.desktop-navigation button.active {
    color: var(--lux-text) !important;
    background: var(--lux-gold-soft) !important;
    box-shadow: inset 2px 0 0 var(--lux-gold) !important;
}

.desktop-navigation button.active svg,
.desktop-navigation button:hover svg {
    color: var(--lux-gold-hover) !important;
    stroke: currentColor !important;
}

.sidebar-account,
.topbar {
    border-color: var(--lux-line) !important;
    background: transparent !important;
    box-shadow: none !important;
}

.topbar h1,
.topbar-identity > strong,
.desktop-page-heading h2,
.desktop-page-heading h3,
.desktop-overview-heading h2,
.desktop-overview-heading h3,
.section-head h2,
.section-head h3 {
    color: var(--lux-text) !important;
}

.desktop-page-heading h2,
.desktop-overview-heading h2,
.section-head > h2 {
    font-family: "Libre Baskerville", Georgia, serif !important;
    font-weight: 400 !important;
    letter-spacing: -.025em !important;
}

.desktop-page-heading p,
.desktop-overview-heading p,
.section-head p,
.topbar-identity .user-meta,
.eyebrow {
    color: var(--lux-muted) !important;
}

.eyebrow {
    letter-spacing: .11em !important;
}

/* Premium cards and overview metrics */

.metric,
.section,
.app-panel,
.panel,
.card,
.settings-card,
.permission-card,
.workflow-service-card,
.storage-card,
.storage-panel,
.workflow-config-box,
.email-settings-card,
.case-directory-shell {
    border: 1px solid var(--lux-line) !important;
    border-radius: var(--lux-radius-md) !important;
    color: var(--lux-text) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .018), transparent 46%),
        var(--lux-surface) !important;
    box-shadow: var(--lux-shadow) !important;
}

.metric {
    position: relative !important;
    min-height: 142px !important;
    overflow: hidden !important;
}

.metric::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 38%;
    height: 1px;
    background: linear-gradient(90deg, var(--lux-gold), transparent);
    opacity: .65;
}

.metric:hover,
.settings-card:hover,
.workflow-service-card:hover {
    border-color: var(--lux-gold-line) !important;
    background:
        linear-gradient(145deg, rgba(197, 160, 89, .025), transparent 48%),
        var(--lux-surface) !important;
    transform: translateY(-1px) !important;
}

.metric-label,
.metric small,
.metric p {
    color: var(--lux-muted) !important;
}

.metric-value,
.metric strong {
    color: var(--lux-text) !important;
    font-family: "Libre Baskerville", Georgia, serif !important;
    font-variant-numeric: tabular-nums;
    font-weight: 400 !important;
    letter-spacing: -.025em !important;
}

.metric button,
.small-button,
.settings-card button,
.storage-card-actions button,
.workspace button,
.esign-button {
    border: 1px solid var(--lux-line) !important;
    border-radius: var(--lux-radius-sm) !important;
    color: var(--lux-text) !important;
    background: var(--lux-surface-raised) !important;
    box-shadow: none !important;
    transition: transform 160ms ease, border-color 160ms ease,
                color 160ms ease, background-color 160ms ease !important;
}

.metric button:hover,
.small-button:hover,
.settings-card button:hover,
.storage-card-actions button:hover,
.workspace button:hover,
.esign-button:hover {
    border-color: var(--lux-gold-line) !important;
    color: var(--lux-gold-hover) !important;
    background: var(--lux-surface-hover) !important;
    transform: translateY(-1px) !important;
}

.primary,
button.primary,
.primary-button,
.button-primary,
#newCaseTrigger,
#workspaceSubmitButton,
.esign-button.primary,
.esign-button.sign {
    border-color: var(--lux-gold) !important;
    color: #10160f !important;
    background: var(--lux-gold) !important;
    box-shadow: 0 9px 24px rgba(197, 160, 89, .13) !important;
}

.primary:hover,
button.primary:hover,
.primary-button:hover,
.button-primary:hover,
#newCaseTrigger:hover,
#workspaceSubmitButton:hover,
.esign-button.primary:hover,
.esign-button.sign:hover {
    border-color: var(--lux-gold-hover) !important;
    color: #10160f !important;
    background: var(--lux-gold-hover) !important;
}

.danger,
button.danger,
.esign-button.danger {
    border-color: rgba(215, 154, 150, .30) !important;
    color: var(--lux-danger) !important;
    background: var(--lux-danger-bg) !important;
}

.desktop-quick-grid {
    border-color: var(--lux-line) !important;
    border-radius: var(--lux-radius-md) !important;
    background: var(--lux-surface) !important;
    box-shadow: var(--lux-shadow-soft) !important;
}

.desktop-quick-grid button {
    border-color: var(--lux-line) !important;
    color: var(--lux-text) !important;
    background: transparent !important;
}

.desktop-quick-grid button:hover {
    background: var(--lux-gold-soft) !important;
}

.desktop-quick-grid small {
    color: var(--lux-muted) !important;
}

.desktop-quick-grid strong {
    color: var(--lux-text) !important;
}

.desktop-quick-icon,
.settings-card-icon,
.esign-file-icon {
    border: 1px solid var(--lux-gold-line) !important;
    border-radius: var(--lux-radius-sm) !important;
    color: var(--lux-gold-hover) !important;
    background: var(--lux-gold-soft) !important;
    box-shadow: none !important;
}

/* Forms */

input,
select,
textarea,
.input,
.select {
    border: 1px solid var(--lux-line-strong) !important;
    border-radius: var(--lux-radius-sm) !important;
    color: var(--lux-text) !important;
    background: var(--lux-surface-raised) !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .018) inset !important;
}

input::placeholder,
textarea::placeholder {
    color: var(--lux-muted-2) !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--lux-gold) !important;
    box-shadow: 0 0 0 3px var(--lux-gold-soft) !important;
}

label,
.field-label,
.workflow-form > label,
.esign-form-grid label > span {
    color: var(--lux-text-soft) !important;
}

/* Cases: restrained directory and serious status treatment */

#casesSection #caseContent,
#casesSection .case-directory-shell,
#casesSection .case-directory-tools {
    color: var(--lux-text) !important;
    background: transparent !important;
}

#casesSection .case-directory-shell {
    overflow: hidden !important;
}

#casesSection .case-directory-tools,
#casesSection .case-directory-head,
#casesSection .case-directory-row {
    border-color: var(--lux-line) !important;
}

#casesSection .case-directory-head {
    color: var(--lux-muted) !important;
    background: rgba(255, 255, 255, .014) !important;
    letter-spacing: .07em !important;
    text-transform: uppercase;
}

#casesSection .case-directory-row {
    color: var(--lux-text) !important;
    background: transparent !important;
    transition: background-color 150ms ease, box-shadow 150ms ease !important;
}

#casesSection .case-directory-row:hover {
    background: var(--lux-gold-soft) !important;
    box-shadow: inset 2px 0 0 var(--lux-gold) !important;
}

#casesSection .case-directory-number,
#casesSection .case-directory-avatar {
    border-color: var(--lux-gold-line) !important;
    color: var(--lux-gold-hover) !important;
    background: var(--lux-gold-soft) !important;
    box-shadow: none !important;
}

#casesSection .case-directory-primary,
#casesSection .case-directory-client strong {
    color: var(--lux-text) !important;
}

#casesSection .case-directory-primary small,
#casesSection .case-directory-created,
#casesSection .case-directory-created small,
#casesSection .case-directory-result-count {
    color: var(--lux-muted) !important;
}

#casesSection .case-directory-status-pill,
.status,
.badge,
.pill {
    border: 1px solid var(--lux-gold-line) !important;
    border-radius: 999px !important;
    color: #d9be84 !important;
    background: var(--lux-gold-soft) !important;
    box-shadow: none !important;
}

#casesSection .case-directory-open {
    border-color: var(--lux-line-strong) !important;
    color: var(--lux-text) !important;
    background: transparent !important;
}

#casesSection .case-directory-open:hover {
    border-color: var(--lux-gold) !important;
    color: var(--lux-gold-hover) !important;
    background: var(--lux-gold-soft) !important;
}

/* Case workspace and workflow */

#caseWorkspace,
.case-workspace,
.workspace-modal,
.modal,
.dialog {
    color: var(--lux-text) !important;
}

#caseWorkspaceContent,
.case-workspace-content,
.modal-card,
.dialog-card,
.workspace-panel {
    border-color: var(--lux-line) !important;
    color: var(--lux-text) !important;
    background: var(--lux-surface) !important;
    box-shadow: 0 26px 80px rgba(0, 0, 0, .40) !important;
}

.workflow-intro,
.workflow-config-box,
.workflow-service-card,
.workspace-section,
.workspace-requirement,
.workspace-document,
.workspace-stage {
    border-color: var(--lux-line) !important;
    color: var(--lux-text) !important;
    background: var(--lux-surface) !important;
}

.workspace-stage.active,
.workflow-stage.active,
[aria-current="step"] {
    border-color: var(--lux-gold) !important;
    color: var(--lux-text) !important;
    background: var(--lux-gold-soft) !important;
    box-shadow: inset 0 -2px 0 var(--lux-gold) !important;
}

.workspace-stage.complete,
.workflow-stage.complete,
.stage-complete {
    color: var(--lux-success) !important;
}

.workspace-stage.pending,
.workflow-stage.pending {
    color: var(--lux-muted) !important;
}

/* Users and settings */

.settings-hub,
.settings-grid,
.settings-module,
.settings-hero,
.settings-account-summary {
    color: var(--lux-text) !important;
    background: transparent !important;
}

.settings-card {
    box-shadow: none !important;
}

.settings-card + .settings-card,
.settings-module + .settings-module {
    border-top-color: var(--lux-line) !important;
}

.settings-card-copy h4,
.settings-account-summary strong,
.email-settings-head h3,
.esign-settings-head h3 {
    color: var(--lux-text) !important;
}

.settings-card-copy p,
.settings-account-summary span,
.email-settings-head p,
.esign-settings-head p {
    color: var(--lux-muted) !important;
}

.settings-owner-pill,
.storage-default-pill {
    border-color: var(--lux-gold-line) !important;
    color: var(--lux-gold-hover) !important;
    background: var(--lux-gold-soft) !important;
}

.settings-pending-pill {
    border-color: rgba(212, 169, 106, .28) !important;
    color: var(--lux-warning) !important;
    background: var(--lux-warning-bg) !important;
}

/* Audit ledger */

#auditSection #auditContent,
#auditSection .table-wrap,
#auditSection table {
    color: var(--lux-text) !important;
    background: transparent !important;
}

#auditSection .table-wrap {
    overflow: hidden !important;
    border: 1px solid var(--lux-line) !important;
    border-radius: var(--lux-radius-md) !important;
    background: var(--lux-surface) !important;
    box-shadow: var(--lux-shadow-soft) !important;
}

#auditSection table th {
    border-color: var(--lux-line-strong) !important;
    color: var(--lux-muted) !important;
    background: rgba(255, 255, 255, .014) !important;
    font-size: 10px !important;
    letter-spacing: .075em !important;
    text-transform: uppercase;
}

#auditSection table td {
    border-color: var(--lux-line) !important;
    color: var(--lux-text-soft) !important;
    font-variant-numeric: tabular-nums;
    background: transparent !important;
}

#auditSection table tbody tr:hover td {
    background: var(--lux-gold-soft) !important;
}

/* E-sign: remove prior blue/neon treatment */

.esign-section {
    border-color: var(--lux-line) !important;
}

.esign-section-head h3,
.esign-modal-head h3,
.esign-document-main strong,
.esign-document-signer strong,
.esign-history-row strong,
.esign-capability-row strong {
    color: var(--lux-text) !important;
}

.esign-section-head p,
.esign-modal-head p,
.esign-document-main small,
.esign-document-signer small,
.esign-document-status small,
.esign-history-row small,
.esign-summary,
.esign-legal-note {
    color: var(--lux-muted) !important;
}

.esign-document-list,
.esign-document-row,
.esign-history-row,
.esign-capability-row {
    border-color: var(--lux-line) !important;
}

.esign-document-row:hover {
    background: var(--lux-gold-soft) !important;
}

.esign-status-pill {
    border: 1px solid var(--lux-line-strong) !important;
    color: var(--lux-muted) !important;
    background: var(--lux-surface-raised) !important;
}

.esign-status-pill.pending {
    border-color: rgba(212, 169, 106, .28) !important;
    color: var(--lux-warning) !important;
    background: var(--lux-warning-bg) !important;
}

.esign-status-pill.approved {
    border-color: rgba(156, 185, 163, .28) !important;
    color: var(--lux-success) !important;
    background: var(--lux-success-bg) !important;
}

.esign-status-pill.document_changed {
    border-color: rgba(215, 154, 150, .28) !important;
    color: var(--lux-danger) !important;
    background: var(--lux-danger-bg) !important;
}

.esign-modal-backdrop {
    background: rgba(3, 8, 5, .75) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.esign-modal-card {
    border: 1px solid var(--lux-gold-line) !important;
    border-radius: var(--lux-radius-lg) !important;
    color: var(--lux-text) !important;
    background: rgba(18, 30, 23, .97) !important;
    box-shadow: 0 28px 90px rgba(0, 0, 0, .50) !important;
}

.esign-modal-close {
    border-color: var(--lux-line) !important;
    color: var(--lux-muted) !important;
    background: var(--lux-surface-raised) !important;
}

.esign-consent {
    border-color: var(--lux-gold-line) !important;
    background: var(--lux-gold-soft) !important;
}

/* Notifications and feedback */

.message,
.toast,
.notification {
    border: 1px solid var(--lux-line-strong) !important;
    border-radius: var(--lux-radius-sm) !important;
    color: var(--lux-text) !important;
    background: var(--lux-surface-raised) !important;
    box-shadow: var(--lux-shadow-soft) !important;
}

.message.error,
.toast.error,
.notification.error {
    border-color: rgba(215, 154, 150, .30) !important;
    color: var(--lux-danger) !important;
    background: var(--lux-danger-bg) !important;
}

.empty,
.empty-state {
    border-color: var(--lux-line) !important;
    color: var(--lux-muted) !important;
    background: transparent !important;
}

/* Desktop authority: stable sidebar and calm content width */

@media (min-width: 821px) {
    .dashboard {
        grid-template-columns: 256px minmax(0, 1fr) !important;
    }

    .sidebar {
        width: auto !important;
        padding: 22px 15px 18px !important;
    }

    .workspace {
        width: min(100%, 1540px) !important;
        margin-inline: auto !important;
        padding: 28px 34px 46px !important;
    }

    .desktop-navigation button {
        min-height: 46px !important;
        padding-inline: 14px !important;
    }

    .grid {
        gap: 18px !important;
    }

    #overviewSection > .grid:first-of-type {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

/* Mobile: separate product layout, safe-area aware */

@media (max-width: 820px) {
    body {
        padding-bottom: calc(82px + env(safe-area-inset-bottom)) !important;
        background:
            radial-gradient(circle at 50% -10%, rgba(197, 160, 89, .055), transparent 24rem),
            var(--lux-bg) !important;
    }

    .workspace,
    .content,
    .app-content {
        width: 100% !important;
        max-width: none !important;
        padding-inline: 14px !important;
    }

    .topbar {
        min-height: calc(60px + env(safe-area-inset-top)) !important;
        padding-top: env(safe-area-inset-top) !important;
        border-bottom: 1px solid var(--lux-line) !important;
        background: rgba(9, 17, 13, .92) !important;
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
    }

    .grid,
    #overviewSection > .grid:first-of-type {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .metric {
        min-height: 128px !important;
        padding: 16px !important;
        border-radius: 14px !important;
    }

    .metric-value,
    .metric strong {
        font-size: clamp(1.55rem, 7vw, 2.15rem) !important;
    }

    .mobile-navigation,
    .mobile-nav,
    .bottom-navigation,
    .bottom-nav,
    nav[aria-label="Glavna navigacija"] {
        position: fixed !important;
        z-index: 100 !important;
        right: 12px !important;
        bottom: calc(10px + env(safe-area-inset-bottom)) !important;
        left: 12px !important;
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        min-height: 66px !important;
        padding: 7px !important;
        border: 1px solid var(--lux-gold-line) !important;
        border-radius: 21px !important;
        background: rgba(15, 27, 20, .94) !important;
        box-shadow: 0 20px 55px rgba(0, 0, 0, .40) !important;
        backdrop-filter: blur(22px) saturate(120%);
        -webkit-backdrop-filter: blur(22px) saturate(120%);
    }

    .mobile-navigation button,
    .mobile-navigation a,
    .mobile-nav button,
    .mobile-nav a,
    .bottom-navigation button,
    .bottom-navigation a,
    .bottom-nav button,
    .bottom-nav a {
        min-width: 0 !important;
        min-height: 52px !important;
        border: 0 !important;
        border-radius: 14px !important;
        color: var(--lux-muted) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .mobile-navigation .active,
    .mobile-nav .active,
    .bottom-navigation .active,
    .bottom-nav .active {
        color: var(--lux-gold-hover) !important;
        background: var(--lux-gold-soft) !important;
    }

    #casesSection .case-directory-head {
        display: none !important;
    }

    #casesSection .case-directory-row {
        grid-template-columns: minmax(0, 1fr) auto !important;
        min-height: 82px !important;
        padding: 14px !important;
        gap: 8px 12px !important;
    }

    #casesSection .case-directory-created {
        display: none !important;
    }

    .esign-document-row {
        grid-template-columns: minmax(0, 1fr) auto !important;
        padding: 14px 0 !important;
    }

    .esign-document-signer,
    .esign-document-status {
        grid-column: 1 / -1;
    }

    .esign-document-actions {
        grid-column: 1 / -1;
        justify-content: flex-start !important;
    }

    .esign-modal-card,
    .modal-card,
    .dialog-card {
        width: calc(100vw - 20px) !important;
        max-height: calc(100dvh - 28px) !important;
        border-radius: 20px !important;
    }
}

@media (max-width: 430px) {
    .grid,
    #overviewSection > .grid:first-of-type {
        gap: 9px !important;
    }

    .metric {
        min-height: 122px !important;
        padding: 14px !important;
    }

    .metric-label,
    .metric small,
    .metric p {
        font-size: 10px !important;
    }

    .desktop-page-heading h2,
    .desktop-overview-heading h2,
    .section-head > h2 {
        font-size: 24px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}