.support-page {
        --support-ease: cubic-bezier(0.22, 1, 0.36, 1);
        --support-duration: 0.28s;
        --support-green: var(--color-accent-green-dark, #3d6b1f);
        --support-green-deep: var(--color-accent-green, #2d5016);
        --support-green-soft: #eef5e8;
        --support-green-muted: rgba(61, 107, 31, 0.12);
        --support-gold: #bda364;
        --support-gold-soft: #faf6f2;
        --support-gold-muted: rgba(189, 163, 100, 0.22);
        --support-cream: var(--color-secondary-bg, #eee5cc);
        --support-text: var(--color-text-dark, #231f20);
        --support-text-muted: var(--color-text-gray, #887a6f);
        --support-border: var(--color-border-light, #e8e8e3);
        position: relative;
        padding: 0 0 72px;
        background: var(--color-primary-bg, #f6fbf7);
        overflow: hidden;
    }
    .support-page .container {
        position: relative;
        z-index: 1;
        max-width: 1280px;
    }
    .support-intro {
        position: relative;
        padding: 52px 0 44px;
        margin-bottom: 8px;
    }
    .support-intro-blob {
        position: absolute;
        pointer-events: none;
        z-index: 0;
        filter: blur(0.5px);
    }
    .support-intro-blob--left {
        width: 220px;
        height: 340px;
        left: -72px;
        top: 36px;
        background: radial-gradient(ellipse at 30% 40%, rgba(61, 107, 31, 0.14) 0%, rgba(238, 245, 232, 0.35) 45%, rgba(246, 251, 247, 0) 72%);
        border-radius: 58% 42% 62% 38% / 48% 52% 48% 52%;
    }
    .support-intro-blob--right {
        width: 200px;
        height: 320px;
        right: -64px;
        top: 48px;
        background: radial-gradient(ellipse at 70% 35%, rgba(189, 163, 100, 0.16) 0%, rgba(250, 246, 242, 0.28) 50%, rgba(246, 251, 247, 0) 72%);
        border-radius: 42% 58% 38% 62% / 52% 48% 52% 48%;
    }
    .support-intro > *:not(.support-intro-blob) {
        position: relative;
        z-index: 1;
    }
    .support-hero {
        text-align: center;
        margin-bottom: 34px;
    }
    .support-hero h1 {
        font-family: var(--font-heading, Merriweather, serif);
        font-size: clamp(34px, 4.2vw, 48px);
        font-weight: 700;
        color: var(--support-text);
        margin: 0 0 14px;
        line-height: 1.15;
        letter-spacing: -0.01em;
    }
    .support-hero p {
        margin: 0 auto;
        font-family: var(--font-main, 'Noto Sans', sans-serif);
        font-size: 18px;
        line-height: 1.55;
        color: var(--support-text-muted);
        max-width: 560px;
        font-weight: 400;
    }
    .support-quick-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
        margin-bottom: 40px;
    }
    .support-quick-card {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 20px 22px;
        border-radius: 50px;
        text-decoration: none;
        transition:
            transform var(--support-duration) var(--support-ease),
            box-shadow var(--support-duration) var(--support-ease),
            border-color var(--support-duration) var(--support-ease),
            background-color var(--support-duration) var(--support-ease);
        border: 1.5px solid transparent;
        box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
    }
    .support-quick-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
    }
    .support-quick-card--legal:hover {
        border-color: var(--support-green-muted);
        box-shadow: 0 12px 28px rgba(61, 107, 31, 0.14);
    }
    .support-quick-card--psych:hover {
        border-color: rgba(45, 80, 22, 0.22);
        box-shadow: 0 12px 28px rgba(45, 80, 22, 0.12);
    }
    .support-quick-card--consult:hover {
        border-color: var(--support-gold-muted);
        box-shadow: 0 12px 28px rgba(189, 163, 100, 0.18);
    }
    .support-quick-card--legal {
        background: #ffffff;
        border-color: rgba(61, 107, 31, 0.28);
        color: var(--support-green);
    }
    .support-quick-card--psych {
        background: #ffffff;
        border-color: rgba(45, 80, 22, 0.24);
        color: var(--support-green-deep);
    }
    .support-quick-card--consult {
        background: #ffffff;
        border-color: var(--support-gold-muted);
        color: #9a7f42;
    }
    .support-quick-card-icon {
        width: 44px;
        height: 44px;
        border-radius: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        transition: transform var(--support-duration) var(--support-ease);
    }
    .support-quick-card--legal .support-quick-card-icon {
        background: var(--support-green-soft);
    }
    .support-quick-card--psych .support-quick-card-icon {
        background: #e8f0e2;
    }
    .support-quick-card--consult .support-quick-card-icon {
        background: var(--support-gold-soft);
    }
    .support-quick-card:hover .support-quick-card-icon {
        transform: scale(1.12);
    }
    .support-quick-card-text {
        flex: 1;
        min-width: 0;
        font-family: var(--font-main, 'Noto Sans', sans-serif);
        font-size: 17px;
        font-weight: 600;
        line-height: 1.3;
        color: inherit;
    }
    .support-quick-card-arrow {
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        color: currentColor;
        opacity: 0.55;
        transition:
            transform var(--support-duration) var(--support-ease),
            opacity var(--support-duration) var(--support-ease);
    }
    .support-quick-card:hover .support-quick-card-arrow {
        transform: translateX(4px);
        opacity: 1;
    }
    .support-measures-title {
        margin: 0 0 24px;
        text-align: center;
        font-family: var(--font-heading, Merriweather, serif);
        font-size: 28px;
        font-weight: 700;
        color: var(--support-text);
        letter-spacing: -0.01em;
    }
    .support-section-tabs {
        display: flex;
        justify-content: center;
        margin-bottom: 8px;
    }
    .support-section-tabs-inner {
        display: inline-flex;
        padding: 3px;
        background: #ffffff;
        border: 1px solid var(--support-border);
        border-radius: 999px;
        box-shadow: 0 1px 3px rgba(35, 31, 32, 0.06);
        transition: box-shadow var(--support-duration) var(--support-ease);
    }
    .support-section-tabs-inner:hover {
        box-shadow: 0 6px 20px rgba(61, 107, 31, 0.1);
    }
    .support-section-tab {
        border: none;
        background: transparent;
        color: var(--support-text);
        font-family: var(--font-main, 'Noto Sans', sans-serif);
        font-size: 15px;
        font-weight: 500;
        min-width: 148px;
        padding: 11px 24px;
        border-radius: 999px;
        cursor: pointer;
        transition:
            background var(--support-duration) var(--support-ease),
            color var(--support-duration) var(--support-ease),
            transform var(--support-duration) var(--support-ease),
            box-shadow var(--support-duration) var(--support-ease);
    }
    .support-section-tab:hover:not(.is-active) {
        background: var(--support-green-soft);
        transform: translateY(-1px);
    }
    .support-section-tab.is-active {
        background: var(--support-green);
        color: #ffffff;
        box-shadow: 0 4px 14px rgba(61, 107, 31, 0.24);
    }
    .support-section-tab.is-active:hover {
        transform: translateY(-1px);
        box-shadow: 0 6px 18px rgba(61, 107, 31, 0.3);
    }
    .support-section {
        margin-bottom: 48px;
        scroll-margin-top: 112px;
        margin-top: 36px;
    }
    .support-section:last-child {
        margin-bottom: 0;
    }
    .support-section-head {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 18px;
        transition: gap var(--support-duration) var(--support-ease);
    }
    .support-section-head-icon {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        transition:
            transform var(--support-duration) var(--support-ease),
            box-shadow var(--support-duration) var(--support-ease);
    }
    .support-section:hover .support-section-head-icon {
        transform: scale(1.08);
    }
    .support-section:hover .support-section-head-icon--regional {
        box-shadow: 0 6px 16px rgba(61, 107, 31, 0.16);
    }
    .support-section:hover .support-section-head-icon--federal {
        box-shadow: 0 6px 16px rgba(189, 163, 100, 0.2);
    }
    .support-section-head-icon--regional {
        background: var(--support-green-soft);
        color: var(--support-green);
    }
    .support-section-head-icon--federal {
        background: var(--support-gold-soft);
        color: var(--support-gold);
    }
    .support-section-head h2 {
        margin: 0;
        flex-shrink: 0;
        font-family: var(--font-heading, Merriweather, serif);
        font-size: 24px;
        font-weight: 700;
        color: var(--support-text);
    }
    .support-section-head-line {
        flex: 1;
        height: 1px;
        background: var(--support-border);
        margin-left: 4px;
        min-width: 0;
        transition:
            background var(--support-duration) var(--support-ease),
            transform var(--support-duration) var(--support-ease);
        transform-origin: left center;
    }
    .support-section:hover .support-section-head-line {
        background: linear-gradient(90deg, var(--color-border-dark, #bdb5af) 0%, var(--support-border) 100%);
    }
    .support-resource-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }
    .support-resource-card {
        display: flex;
        gap: 16px;
        align-items: flex-start;
        background: #ffffff;
        border: 1px solid var(--support-border);
        border-radius: 12px;
        padding: 22px;
        box-shadow: 0 2px 8px rgba(35, 31, 32, 0.06);
        transition:
            transform var(--support-duration) var(--support-ease),
            box-shadow var(--support-duration) var(--support-ease),
            border-color var(--support-duration) var(--support-ease);
    }
    .support-resource-card:hover {
        transform: translateY(-5px);
        border-color: #dfe3ea;
        box-shadow: 0 16px 36px rgba(15, 23, 42, 0.1);
    }
    .support-resource-card--regional:hover {
        border-color: rgba(61, 107, 31, 0.22);
        box-shadow: 0 16px 36px rgba(61, 107, 31, 0.1);
    }
    .support-resource-card--federal:hover {
        border-color: var(--support-gold-muted);
        box-shadow: 0 16px 36px rgba(189, 163, 100, 0.12);
    }
    .support-resource-card-icon {
        width: 96px;
        height: 96px;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        transition:
            transform var(--support-duration) var(--support-ease),
            box-shadow var(--support-duration) var(--support-ease);
    }
    .support-resource-card:hover .support-resource-card-icon {
        transform: scale(1.05);
    }
    .support-resource-card--regional:hover .support-resource-card-icon {
        box-shadow: 0 8px 20px rgba(61, 107, 31, 0.12);
    }
    .support-resource-card--federal:hover .support-resource-card-icon {
        box-shadow: 0 8px 20px rgba(189, 163, 100, 0.16);
    }
    .support-resource-card-icon--regional {
        background: var(--support-green-soft);
        color: var(--support-green);
    }
    .support-resource-card-icon--federal {
        background: var(--support-gold-soft);
        color: var(--support-gold);
    }
    .support-resource-card-body {
        flex: 1;
        min-width: 0;
        display: flex;
        flex-direction: column;
        align-self: stretch;
        min-height: 96px;
    }
    .support-resource-card-content {
        flex: 1;
    }
    .support-resource-card-body h3 {
        margin: 0 0 6px;
        font-family: var(--font-heading, Merriweather, serif);
        font-size: 18px;
        line-height: 1.3;
        font-weight: 700;
        color: var(--support-text);
        transition: color var(--support-duration) var(--support-ease);
    }
    .support-resource-card--regional:hover h3 {
        color: var(--support-green);
    }
    .support-resource-card--federal:hover h3 {
        color: #9a7f42;
    }
    .support-resource-card-body p {
        margin: 0;
        font-family: var(--font-main, 'Noto Sans', sans-serif);
        font-size: 15px;
        line-height: 1.55;
        font-weight: 400;
        color: var(--support-text-muted);
    }
    .support-resource-card-footer {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        margin-top: auto;
        padding-top: 14px;
    }
    .support-resource-pdf {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 6px 12px;
        border: 1px solid var(--support-border);
        border-radius: 999px;
        background: #ffffff;
        font-family: var(--font-main, 'Noto Sans', sans-serif);
        font-size: 13px;
        font-weight: 700;
        line-height: 1;
        text-decoration: none;
        transition:
            background var(--support-duration) var(--support-ease),
            border-color var(--support-duration) var(--support-ease),
            transform var(--support-duration) var(--support-ease),
            box-shadow var(--support-duration) var(--support-ease);
    }
    .support-resource-pdf svg {
        transition: transform var(--support-duration) var(--support-ease);
    }
    .support-resource-pdf:hover svg {
        transform: translateY(-1px);
    }
    .support-resource-pdf--disabled {
        cursor: default;
        pointer-events: none;
    }
    .support-resource-card--regional .support-resource-pdf {
        color: var(--support-green);
        border-color: rgba(61, 107, 31, 0.18);
    }
    .support-resource-card--regional .support-resource-pdf:hover {
        background: var(--support-green-soft);
        border-color: rgba(61, 107, 31, 0.28);
        transform: translateY(-2px) scale(1.04);
        box-shadow: 0 6px 14px rgba(61, 107, 31, 0.12);
    }
    .support-resource-card--federal .support-resource-pdf {
        color: #9a7f42;
        border-color: var(--support-gold-muted);
    }
    .support-resource-card--federal .support-resource-pdf:hover {
        background: var(--support-gold-soft);
        border-color: rgba(189, 163, 100, 0.35);
        transform: translateY(-2px) scale(1.04);
        box-shadow: 0 6px 14px rgba(189, 163, 100, 0.14);
    }
    .support-empty {
        grid-column: 1 / -1;
        padding: 28px;
        text-align: center;
        color: var(--support-text-muted);
        background: #ffffff;
        border: 1px dashed var(--color-border-dark, #bdb5af);
        border-radius: 12px;
        font-size: 15px;
        transition:
            border-color var(--support-duration) var(--support-ease),
            background var(--support-duration) var(--support-ease);
    }
    .support-empty:hover {
        border-color: var(--support-text-muted);
        background: var(--support-gold-soft);
    }
    @media (prefers-reduced-motion: reduce) {
        .support-page *,
        .support-page *::before,
        .support-page *::after {
            animation: none !important;
            transition: none !important;
        }
    }
    @media (max-width: 1100px) {
        .support-resource-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    @media (max-width: 768px) {
        .support-page {
            padding-bottom: 56px;
        }
        .support-intro {
            padding: 36px 0 32px;
        }
        .support-intro-blob--left {
            width: 140px;
            left: -48px;
        }
        .support-intro-blob--right {
            width: 130px;
            right: -40px;
        }
        .support-quick-card {
            padding: 18px 20px;
        }
        .support-quick-card-text {
            font-size: 16px;
        }
        .support-measures-title {
            font-size: 22px;
            margin-bottom: 20px;
        }
        .support-quick-grid {
            grid-template-columns: 1fr;
        }
        .support-resource-grid {
            grid-template-columns: 1fr;
        }
        .support-resource-card {
            padding: 18px;
            gap: 14px;
        }
        .support-resource-card-icon {
            width: 84px;
            height: 84px;
        }
        .support-resource-card-body h3 {
            font-size: 17px;
        }
        .support-resource-card-body p {
            font-size: 14px;
        }
        .support-section {
            scroll-margin-top: 68px;
        }
        .support-section-tabs-inner {
            width: 100%;
            justify-content: stretch;
        }
        .support-section-tab {
            flex: 1;
            min-width: 0;
            text-align: center;
            padding-left: 12px;
            padding-right: 12px;
        }
    }