.btn {
            display:inline-block;
            border:1px solid var(--bs-primary, #1f2937);
            border-radius:8px;
            padding:8px 12px;
            text-decoration:none;
            color:var(--bs-primary, #1f2937);
            font-weight:600;
            background:#fff;
        }
        .home-card {
            border:1px solid color-mix(in srgb, var(--bs-primary, #1f2937) 22%, #d1d5db 78%);
            border-radius:12px;
            background:#fff;
            overflow:hidden;
        }
        .hero {
            padding:20px;
            background:linear-gradient(
                135deg,
                color-mix(in srgb, var(--app-page-bg, #f6f7f9) 75%, #ffffff 25%) 0%,
                color-mix(in srgb, var(--bs-primary, #1f2937) 14%, #ffffff 86%) 100%
            );
            border-bottom:1px solid color-mix(in srgb, var(--bs-primary, #1f2937) 20%, #d1d5db 80%);
        }
        .hero-kicker {
            margin:0 0 6px;
            text-transform:uppercase;
            letter-spacing:.06em;
            font-size:12px;
            color:var(--bs-primary, #1f2937);
            font-weight:700;
        }
        .hero h2 { margin:0 0 8px; }
        .hero-summary { margin:0; color:var(--bs-secondary, #475569); }
        .home-content { padding:18px; line-height:1.6; }
        .home-content img { max-width:100%; height:auto; border-radius:8px; }
        .home-content .vg-gallery { display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:12px; margin:14px 0; }
        .home-content figcaption { margin-top:4px; font-size:12px; color:var(--bs-secondary, #6b7280); }
        .home-content table { width:100%; border-collapse:collapse; margin:12px 0; }
        .home-content th, .home-content td {
            border:1px solid color-mix(in srgb, var(--bs-primary, #1f2937) 16%, #d1d5db 84%);
            padding:8px 10px;
            vertical-align:top;
        }
        .home-content th { background:color-mix(in srgb, var(--app-page-bg, #f6f7f9) 60%, #ffffff 40%); }
        .teaser-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:12px; margin-top:14px; }
        .teaser-card {
            border:1px solid color-mix(in srgb, var(--bs-primary, #1f2937) 18%, #d1d5db 82%);
            border-radius:10px;
            background:#fff;
            padding:14px;
        }
        .teaser-card h3 { margin-top:0; color:var(--bs-primary, #1f2937); }
        @media (max-width: 700px) {
            .hero { padding:14px; }
            .home-content { padding:12px; }
        }