/* _content/AutomatedCompliance.Web/Layout/Footer.razor.rz.scp.css */
.footer[b-239qc2a7dl] {
    background: var(--bg-secondary);
    border-top: 2px solid var(--border-default);
    padding: var(--space-2xl) 0 var(--space-xl);
    margin-top: var(--space-2xl);
}

.footer-container[b-239qc2a7dl] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 var(--space-lg);
}

.footer-main[b-239qc2a7dl] {
    display: grid;
    grid-template-columns: 2fr repeat(4, 1fr);
    gap: var(--space-2xl);
    padding-bottom: var(--space-2xl);
    margin-bottom: var(--space-2xl);
    border-bottom: 1px solid var(--border-default);
}

.footer-column[b-239qc2a7dl] {
    display: flex;
    flex-direction: column;
}
 
/* Brand Column */
.footer-brand[b-239qc2a7dl] { 
    padding-right: var(--space-xl);
}

.footer-logo h3[b-239qc2a7dl] {
    font-size: 1.5rem;
    font-weight: 700;
    background: var(--bg-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: var(--space-md);
}

.footer-tagline[b-239qc2a7dl] {
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--text-secondary);
    margin-bottom: var(--space-lg);
}

.footer-social[b-239qc2a7dl] {
    display: flex;
    gap: var(--space-sm);
}

    .footer-social a[b-239qc2a7dl] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.5rem;
        height: 2.5rem;
        background: var(--bg-primary);
        border: 2px solid var(--border-default);
        border-radius: 50%;
        color: var(--text-secondary);
        text-decoration: none;
        transition: all var(--transition-fast);
    }

        .footer-social a:hover[b-239qc2a7dl] {
            background: var(--brand-primary);
            border-color: var(--brand-primary);
            color: var(--text-inverse);
            transform: translateY(-2px);
        }

    .footer-social i[b-239qc2a7dl] {
        font-size: 1.125rem;
    }

/* Column Headings */
.footer-column h4[b-239qc2a7dl] {
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-primary);
    margin-bottom: var(--space-md);
}

/* Footer Links */
.footer-links[b-239qc2a7dl] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .footer-links li[b-239qc2a7dl] {
        margin-bottom: var(--space-xs);
    }

    .footer-links a[b-239qc2a7dl] {
        font-size: 0.95rem;
        color: var(--text-secondary);
        text-decoration: none;
        transition: color var(--transition-fast);
        display: inline-block;
    }

        .footer-links a:hover[b-239qc2a7dl] {
            color: var(--brand-primary);
            padding-left: 0.25rem;
        }

/* Footer Bottom */
.footer-bottom[b-239qc2a7dl] {
    padding-top: var(--space-lg);
}

.footer-bottom-content[b-239qc2a7dl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-md);
}

.footer-copyright[b-239qc2a7dl] {
    font-size: 0.875rem;
    color: var(--text-muted);
    margin: 0;
}

/* Certifications */
.footer-certifications[b-239qc2a7dl] {
    display: flex;
    gap: var(--space-md);
    flex-wrap: wrap;
}

.cert-badge[b-239qc2a7dl] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    background: var(--bg-primary);
    border: 1px solid var(--border-default);
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-secondary);
    white-space: nowrap;
    transition: all var(--transition-fast);
}

    .cert-badge:hover[b-239qc2a7dl] {
        border-color: var(--brand-primary);
        color: var(--brand-primary);
        transform: translateY(-2px);
    }

    .cert-badge i[b-239qc2a7dl] {
        font-size: 0.875rem;
        color: var(--brand-primary);
    }

/* Responsive Design */
@media (max-width: 1024px) {
    .footer-main[b-239qc2a7dl] {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-xl);
    }

    .footer-brand[b-239qc2a7dl] {
        grid-column: 1 / -1;
        padding-right: 0;
        margin-bottom: var(--space-lg);
    }
}

@media (max-width: 768px) {
    .footer[b-239qc2a7dl] {
        padding: var(--space-xl) 0 var(--space-lg);
    }

    .footer-main[b-239qc2a7dl] {
        grid-template-columns: 1fr;
        gap: var(--space-lg);
        padding-bottom: var(--space-xl);
        margin-bottom: var(--space-xl);
    }

    .footer-brand[b-239qc2a7dl] {
        margin-bottom: 0;
    }

    .footer-bottom-content[b-239qc2a7dl] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-md);
    }

    .footer-certifications[b-239qc2a7dl] {
        justify-content: flex-start;
        width: 100%;
    }

    .cert-badge[b-239qc2a7dl] {
        font-size: 0.7rem;
        padding: 0.25rem 0.625rem;
    }
}

@media (max-width: 480px) {
    .footer-social[b-239qc2a7dl] {
        flex-wrap: wrap;
    }

    .footer-certifications[b-239qc2a7dl] {
        flex-direction: column;
        align-items: flex-start;
    }

    .cert-badge[b-239qc2a7dl] {
        width: 100%;
        justify-content: center;
    }
}

/* _content/AutomatedCompliance.Web/Layout/MainLayout.razor.rz.scp.css */
.page[b-zh3u3cbwce] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-zh3u3cbwce] {
    flex: 1;
}

.sidebar[b-zh3u3cbwce] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-zh3u3cbwce] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-zh3u3cbwce]  a, .top-row[b-zh3u3cbwce]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-zh3u3cbwce]  a:hover, .top-row[b-zh3u3cbwce]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-zh3u3cbwce]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-zh3u3cbwce] {
        justify-content: space-between;
    }

    .top-row[b-zh3u3cbwce]  a, .top-row[b-zh3u3cbwce]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-zh3u3cbwce] {
        flex-direction: row;
    }

    .sidebar[b-zh3u3cbwce] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-zh3u3cbwce] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-zh3u3cbwce]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-zh3u3cbwce], article[b-zh3u3cbwce] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-zh3u3cbwce] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-zh3u3cbwce] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/AutomatedCompliance.Web/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-y1snjdtyid] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-y1snjdtyid] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-y1snjdtyid] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-y1snjdtyid] {
    font-size: 1.1rem;
}

.bi[b-y1snjdtyid] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-y1snjdtyid] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-y1snjdtyid] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-y1snjdtyid] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-y1snjdtyid] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-y1snjdtyid] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-y1snjdtyid] {
        padding-bottom: 1rem;
    }

    .nav-item[b-y1snjdtyid]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-y1snjdtyid]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-y1snjdtyid]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-y1snjdtyid] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-y1snjdtyid] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-y1snjdtyid] {
        display: none;
    }

    .nav-scrollable[b-y1snjdtyid] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/AutomatedCompliance.Web/Pages/About.razor.rz.scp.css */
.about-page[b-yvd5vduk9e] {
    padding: var(--space-xl) var(--space-lg);
}

.about-hero[b-yvd5vduk9e] {
    text-align: center;
    margin-bottom: var(--space-2xl);
    padding: var(--space-2xl) var(--space-lg);
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-lg);
}

    .about-hero h1[b-yvd5vduk9e] {
        font-size: 3rem;
        margin-bottom: var(--space-sm);
        background: var(--bg-gradient);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .about-hero .lead[b-yvd5vduk9e] {
        font-size: 1.25rem;
        color: var(--text-secondary);
        max-width: 700px;
        margin: 0 auto;
    }

/* Section Styling */
.about-section[b-yvd5vduk9e] {
    margin-bottom: var(--space-2xl);
}

.section-heading[b-yvd5vduk9e] {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: var(--space-xl);
    color: var(--text-primary);
}

.section-content[b-yvd5vduk9e] {
    max-width: 800px; 
    margin: 0 auto;
}

    .section-content h2[b-yvd5vduk9e] {
        font-size: 2.5rem;
        margin-bottom: var(--space-lg);
        text-align: center;
    }

    .section-content p[b-yvd5vduk9e] {
        font-size: 1.125rem;
        line-height: 1.8;
        color: var(--text-secondary);
        margin-bottom: var(--space-md);
    }

/* Mission Section */
.mission-section[b-yvd5vduk9e] {
    background: var(--bg-secondary);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
}

.mission-quote[b-yvd5vduk9e] {
    position: relative;
    text-align: center;
    padding: var(--space-xl) var(--space-lg);
    margin: var(--space-xl) 0;
    background: var(--bg-primary);
    border-radius: var(--border-radius-md);
    border-left: 4px solid var(--brand-primary);
}

.quote-icon[b-yvd5vduk9e] {
    font-size: 3rem;
    color: var(--brand-primary);
    opacity: 0.3;
}

.mission-quote p[b-yvd5vduk9e] {
    font-size: 1.5rem;
    font-weight: 500;
    font-style: italic;
    color: var(--text-primary);
    margin: var(--space-sm) 0;
}

/* Features Grid */
.features-grid[b-yvd5vduk9e] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--space-lg);
    margin-top: var(--space-xl);
}

.feature-card[b-yvd5vduk9e] {
    background: var(--bg-primary);
    padding: var(--space-lg);
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
    box-shadow: var(--shadow-sm);
    transition: all var(--transition-base);
}

    .feature-card:hover[b-yvd5vduk9e] {
        transform: translateY(-6px);
        box-shadow: var(--shadow-xl);
        border-color: var(--brand-primary);
    }

.feature-icon[b-yvd5vduk9e] {
    font-size: 3rem;
    margin-bottom: var(--space-sm);
}

.feature-card h3[b-yvd5vduk9e] {
    font-size: 1.5rem;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
}

.feature-card p[b-yvd5vduk9e] {
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0;
}

/* Principles Grid */
.principles-section[b-yvd5vduk9e] {
    background: var(--bg-gradient-light);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
}

.principles-grid[b-yvd5vduk9e] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--space-lg);
    margin-top: var(--space-xl);
}

.principle-card[b-yvd5vduk9e] {
    background: var(--bg-primary);
    padding: var(--space-lg);
    border-radius: var(--border-radius-md);
    text-align: center;
    border: 2px solid var(--border-default);
    transition: all var(--transition-base);
}

    .principle-card:hover[b-yvd5vduk9e] {
        transform: translateY(-4px);
        box-shadow: var(--shadow-lg);
        border-color: var(--brand-accent);
    }

.principle-icon[b-yvd5vduk9e] {
    font-size: 3rem;
    margin-bottom: var(--space-sm);
}

.principle-card h3[b-yvd5vduk9e] {
    font-size: 1.25rem;
    margin-bottom: var(--space-xs);
    color: var(--text-primary);
}

.principle-card p[b-yvd5vduk9e] {
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0;
}

/* Leadership Section */
.leadership-section[b-yvd5vduk9e] {
    max-width: 1000px;
    margin: var(--space-2xl) auto;
}

.leadership-intro[b-yvd5vduk9e] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--text-secondary);
    text-align: center;
    margin-bottom: var(--space-xl);
}

.leader-profile[b-yvd5vduk9e] {
    display: flex;
    gap: var(--space-xl);
    align-items: flex-start;
    background: var(--bg-secondary);
    padding: var(--space-xl);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--border-default);
}

.leader-avatar[b-yvd5vduk9e] {
    flex-shrink: 0;
}

.avatar-placeholder[b-yvd5vduk9e] {
    width: 180px;
    height: 180px;
    background: var(--bg-gradient);
    color: var(--text-inverse);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    font-weight: 700;
    box-shadow: var(--shadow-lg);
}

.leader-bio h3[b-yvd5vduk9e] {
    font-size: 2rem;
    margin-bottom: 0.25rem;
    color: var(--text-primary);
}

.leader-title[b-yvd5vduk9e] {
    display: block;
    font-size: 1.125rem;
    color: var(--brand-primary);
    font-weight: 500;
    margin-bottom: var(--space-md);
}

.leader-bio p[b-yvd5vduk9e] {
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-secondary);
    margin-bottom: var(--space-md);
}

.leader-links[b-yvd5vduk9e] {
    display: flex;
    gap: var(--space-sm);
}

.social-link[b-yvd5vduk9e] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: var(--bg-primary);
    border: 2px solid var(--border-default);
    border-radius: var(--border-radius-sm);
    color: var(--text-primary);
    text-decoration: none;
    transition: all var(--transition-fast);
}

    .social-link:hover[b-yvd5vduk9e] {
        border-color: var(--brand-primary);
        background: var(--brand-primary);
        color: var(--text-inverse);
    }

    .social-link .icon[b-yvd5vduk9e] {
        font-size: 1.25rem;
    }

/* Timeline Section */
.timeline-section[b-yvd5vduk9e] {
    max-width: 900px;
    margin: var(--space-2xl) auto;
}

.timeline[b-yvd5vduk9e] {
    position: relative;
    padding-left: 3rem;
    margin-top: var(--space-xl);
}

    .timeline[b-yvd5vduk9e]::before {
        content: '';
        position: absolute;
        left: 1.5rem;
        top: 0;
        bottom: 0;
        width: 3px;
        background: var(--bg-gradient);
    }

.timeline-item[b-yvd5vduk9e] {
    position: relative;
    margin-bottom: var(--space-xl);
}

.timeline-marker[b-yvd5vduk9e] {
    position: absolute;
    left: -3rem;
    top: 0;
}

.timeline-dot[b-yvd5vduk9e] {
    width: 3rem;
    height: 3rem;
    background: var(--brand-primary);
    border: 4px solid var(--bg-primary);
    border-radius: 50%;
    box-shadow: var(--shadow-md);
    transition: all var(--transition-base);
}

.timeline-item.highlight .timeline-dot[b-yvd5vduk9e] {
    width: 3.5rem;
    height: 3.5rem;
    background: var(--bg-gradient);
    box-shadow: var(--shadow-lg);
}

.timeline-content[b-yvd5vduk9e] {
    background: var(--bg-primary);
    padding: var(--space-lg);
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
    box-shadow: var(--shadow-sm);
    transition: all var(--transition-base);
}

.timeline-item:hover .timeline-content[b-yvd5vduk9e] {
    transform: translateX(4px);
    box-shadow: var(--shadow-lg);
    border-color: var(--brand-primary);
}

.timeline-date[b-yvd5vduk9e] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: var(--brand-primary);
    color: var(--text-inverse);
    border-radius: 999px;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: var(--space-sm);
}

.timeline-content h3[b-yvd5vduk9e] {
    font-size: 1.5rem;
    margin-bottom: var(--space-xs);
    color: var(--text-primary);
}

.timeline-content p[b-yvd5vduk9e] {
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0;
}

/* Stats Section */
.stats-section[b-yvd5vduk9e] {
    background: var(--bg-secondary);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
}

.stats-grid[b-yvd5vduk9e] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-lg);
}

.stat-card[b-yvd5vduk9e] {
    text-align: center;
    padding: var(--space-lg);
    background: var(--bg-primary);
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
    transition: all var(--transition-base);
}

    .stat-card:hover[b-yvd5vduk9e] {
        transform: translateY(-4px);
        box-shadow: var(--shadow-lg);
        border-color: var(--brand-accent);
    }

.stat-number[b-yvd5vduk9e] {
    font-size: 3rem;
    font-weight: 700;
    background: var(--bg-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: var(--space-xs);
}

.stat-label[b-yvd5vduk9e] {
    font-size: 1rem;
    color: var(--text-secondary);
    font-weight: 500;
}

/* CTA Section */
.about-cta[b-yvd5vduk9e] {
    background: var(--bg-gradient);
    color: var(--text-inverse);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
    text-align: center;
    margin-top: var(--space-2xl);
}

    .about-cta h2[b-yvd5vduk9e] {
        font-size: 2.5rem;
        color: var(--text-inverse);
        margin-bottom: var(--space-sm);
    }

    .about-cta p[b-yvd5vduk9e] {
        font-size: 1.125rem;
        color: rgba(255, 255, 255, 0.9);
        max-width: 700px;
        margin: 0 auto var(--space-xl);
    }

.cta-buttons[b-yvd5vduk9e] {
    display: flex;
    gap: var(--space-sm);
    justify-content: center;
    flex-wrap: wrap;
}

/* Responsive */
@media (max-width: 768px) {
    .about-hero h1[b-yvd5vduk9e] {
        font-size: 2rem;
    }

    .section-heading[b-yvd5vduk9e],
    .section-content h2[b-yvd5vduk9e] {
        font-size: 2rem;
    }

    .features-grid[b-yvd5vduk9e],
    .principles-grid[b-yvd5vduk9e],
    .stats-grid[b-yvd5vduk9e] {
        grid-template-columns: 1fr;
    }

    .leader-profile[b-yvd5vduk9e] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .timeline[b-yvd5vduk9e] {
        padding-left: 2rem;
    }

        .timeline[b-yvd5vduk9e]::before {
            left: 1rem;
        }

    .timeline-marker[b-yvd5vduk9e] {
        left: -2.5rem;
    }

    .timeline-dot[b-yvd5vduk9e] {
        width: 2rem;
        height: 2rem;
    }

    .timeline-item.highlight .timeline-dot[b-yvd5vduk9e] {
        width: 2.5rem;
        height: 2.5rem;
    }

    .cta-buttons[b-yvd5vduk9e] {
        flex-direction: column;
    }
}


/* _content/AutomatedCompliance.Web/Pages/AcceptableUse.razor.rz.scp.css */
.legal[b-xjshhwahsq] {
    padding: var(--space-2xl) var(--space-lg);
    max-width: 1000px;
    margin: 0 auto;
}

.legal h1[b-xjshhwahsq] {
    font-size: 2.5rem;
    margin-bottom: var(--space-md);
    color: var(--text-primary);
    text-align: center;
}

.updated[b-xjshhwahsq] {
    font-size: 0.875rem;
    color: var(--text-muted);
    font-style: italic;
    margin-bottom: var(--space-2xl);
    text-align: center;
}

.policy-intro[b-xjshhwahsq] {
    background: var(--bg-gradient-light);
    padding: var(--space-xl);
    border-radius: var(--border-radius-lg);
    border-left: 4px solid var(--brand-primary);
    margin-bottom: var(--space-2xl);
}

.policy-intro p[b-xjshhwahsq] {
    font-size: 1.125rem;
    line-height: 1.7;
    color: var(--text-secondary);
    margin: 0;
}

.legal h2[b-xjshhwahsq] {
    font-size: 1.75rem;
    margin-top: var(--space-2xl);
    margin-bottom: var(--space-lg);
    color: var(--text-primary);
    border-bottom: 2px solid var(--border-default);
    padding-bottom: var(--space-sm);
}

.legal h3[b-xjshhwahsq] {
    font-size: 1.25rem;
    margin-top: var(--space-lg);
    margin-bottom: var(--space-md);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.legal h3 i[b-xjshhwahsq] {
    color: var(--brand-danger);
    font-size: 1.125rem;
}

.legal h4[b-xjshhwahsq] {
    font-size: 1.125rem;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.legal p[b-xjshhwahsq] {
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-secondary);
    margin-bottom: var(--space-lg);
}

.legal a[b-xjshhwahsq] {
    color: var(--brand-primary);
    text-decoration: none;
    font-weight: 500;
    transition: color var(--transition-fast);
}

.legal a:hover[b-xjshhwahsq] {
    color: var(--brand-accent);
    text-decoration: underline;
}

/* Prohibited Sections */
.prohibited-section[b-xjshhwahsq] {
    background: var(--bg-secondary);
    padding: var(--space-lg);
    border-radius: var(--border-radius-md);
    border-left: 4px solid var(--brand-danger);
    margin-bottom: var(--space-lg);
}

.prohibited-section h3[b-xjshhwahsq] {
    margin-top: 0;
    margin-bottom: var(--space-md);
}

.prohibited-section ul[b-xjshhwahsq] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.prohibited-section li[b-xjshhwahsq] {
    padding: var(--space-sm) 0 var(--space-sm) var(--space-xl);
    color: var(--text-secondary);
    line-height: 1.6;
    position: relative;
}

.prohibited-section li[b-xjshhwahsq]::before {
    content: '\f00d';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    color: var(--brand-danger);
    position: absolute;
    left: 0;
}

/* Requirements List */
.requirements-list[b-xjshhwahsq] {
    margin-left: var(--space-xl);
    margin-bottom: var(--space-lg);
}

.requirements-list li[b-xjshhwahsq] {
    padding: var(--space-sm) 0;
    color: var(--text-secondary);
    line-height: 1.6;
}

.requirements-list li[b-xjshhwahsq]::marker {
    color: var(--brand-primary);
}

.requirements-list strong[b-xjshhwahsq] {
    color: var(--text-primary);
    font-weight: 600;
}

/* Enforcement List */
.enforcement-list[b-xjshhwahsq] {
    margin-left: var(--space-xl);
    margin-bottom: var(--space-lg);
}

.enforcement-list li[b-xjshhwahsq] {
    padding: var(--space-sm) 0;
    color: var(--text-secondary);
    line-height: 1.6;
}

.enforcement-list li[b-xjshhwahsq]::marker {
    color: var(--brand-warning);
}

/* Consequences List */
.consequences-list[b-xjshhwahsq] {
    margin-left: var(--space-xl);
    margin-bottom: var(--space-lg);
    counter-reset: item;
}

.consequences-list li[b-xjshhwahsq] {
    padding: var(--space-md) 0;
    color: var(--text-secondary);
    line-height: 1.6;
    display: flex;
    gap: var(--space-md);
}

.consequences-list strong[b-xjshhwahsq] {
    color: var(--text-primary);
    font-weight: 600;
}

/* Info Boxes */
.info-box[b-xjshhwahsq] {
    background: var(--bg-secondary);
    padding: var(--space-xl);
    border-radius: var(--border-radius-md);
    border-left: 4px solid var(--brand-primary);
    margin: var(--space-xl) 0;
}

.info-box h4[b-xjshhwahsq] {
    margin-bottom: var(--space-md);
    color: var(--text-primary);
}

.info-box h4 i[b-xjshhwahsq] {
    color: var(--brand-primary);
}

.info-box p[b-xjshhwahsq] {
    margin: 0;
    color: var(--text-secondary);
}

.info-box.warning[b-xjshhwahsq] {
    border-left-color: var(--brand-warning);
    background: rgba(255, 193, 7, 0.05);
}

.info-box.warning h4 i[b-xjshhwahsq] {
    color: var(--brand-warning);
}

/* Contact Box */
.contact-box[b-xjshhwahsq] {
    background: var(--bg-secondary);
    padding: var(--space-lg);
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
    margin: var(--space-lg) 0;
}

.contact-box p[b-xjshhwahsq] {
    margin: var(--space-sm) 0;
}

.contact-box strong[b-xjshhwahsq] {
    color: var(--text-primary);
    font-weight: 600;
}

/* Policy Footer */
.policy-footer[b-xjshhwahsq] {
    margin-top: var(--space-2xl);
    padding-top: var(--space-xl);
    border-top: 2px solid var(--border-default);
    text-align: center;
}

.policy-footer p[b-xjshhwahsq] {
    font-size: 0.95rem;
    color: var(--text-muted);
    margin: 0;
}

.policy-footer a[b-xjshhwahsq] {
    color: var(--brand-primary);
    text-decoration: none;
    font-weight: 500;
}

.policy-footer a:hover[b-xjshhwahsq] {
    text-decoration: underline;
}

/* Responsive Design */
@media (max-width: 768px) {
    .legal[b-xjshhwahsq] {
        padding: var(--space-xl) var(--space-md);
    }

    .legal h1[b-xjshhwahsq] {
        font-size: 2rem;
    }

    .legal h2[b-xjshhwahsq] {
        font-size: 1.5rem;
    }

    .legal h3[b-xjshhwahsq] {
        font-size: 1.125rem;
    }

    .prohibited-section[b-xjshhwahsq] {
        padding: var(--space-md);
    }

    .info-box[b-xjshhwahsq] {
        padding: var(--space-lg);
    }
}
/* _content/AutomatedCompliance.Web/Pages/Contact.razor.rz.scp.css */
.contact-page[b-9c5hoxlnor] {
    padding: var(--space-2xl) var(--space-lg);
    max-width: 1400px;
    margin: 0 auto;
}

.page-hero[b-9c5hoxlnor] {
    text-align: center;
    margin-bottom: var(--space-2xl);
    padding: var(--space-2xl) var(--space-lg);
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-lg);
}

.page-hero h1[b-9c5hoxlnor] {
    font-size: 3rem;
    margin-bottom: var(--space-sm);
    background: var(--bg-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.page-hero .lead[b-9c5hoxlnor] {
    font-size: 1.25rem;
    color: var(--text-secondary);
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.7;
}

/* Contact Grid Layout */
.contact-grid[b-9c5hoxlnor] {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: var(--space-2xl);
    margin-bottom: var(--space-2xl);
    align-items: start;
}

/* Form Section */
.contact-form-section[b-9c5hoxlnor] {
}

.form-card[b-9c5hoxlnor] {
    background: var(--bg-primary);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--border-default);
    box-shadow: var(--shadow-lg);
    overflow: hidden;
}

.form-card-header[b-9c5hoxlnor] {
    padding: var(--space-xl);
    background: var(--bg-gradient-light);
    border-bottom: 2px solid var(--border-default);
}

.form-card-header h2[b-9c5hoxlnor] {
    font-size: 1.75rem;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
}

.form-intro[b-9c5hoxlnor] {
    font-size: 1rem;
    color: var(--text-secondary);
    margin: 0;
    line-height: 1.6;
}

.form-wrapper[b-9c5hoxlnor] {
    padding: var(--space-xl);
}

.form-footer[b-9c5hoxlnor] {
    padding: var(--space-lg) var(--space-xl);
    background: var(--bg-secondary);
    border-top: 2px solid var(--border-default);
}

.security-badge[b-9c5hoxlnor] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.security-badge i[b-9c5hoxlnor] {
    font-size: 2rem;
    color: var(--brand-success);
    flex-shrink: 0;
}

.security-text[b-9c5hoxlnor] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.security-text strong[b-9c5hoxlnor] {
    font-size: 0.95rem;
    color: var(--text-primary);
    font-weight: 600;
}

.security-text span[b-9c5hoxlnor] {
    font-size: 0.875rem;
    color: var(--text-muted);
}

/* Contact Info Section */
.contact-info-section[b-9c5hoxlnor] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.info-card[b-9c5hoxlnor] {
    background: var(--bg-primary);
    padding: var(--space-xl);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--border-default);
    transition: all var(--transition-base);
}

.info-card:hover[b-9c5hoxlnor] {
    box-shadow: var(--shadow-md);
}

.info-card h3[b-9c5hoxlnor],
.info-card h4[b-9c5hoxlnor] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: var(--space-lg);
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.info-card h4 i[b-9c5hoxlnor] {
    color: var(--brand-primary);
}

.contact-methods[b-9c5hoxlnor] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.contact-method[b-9c5hoxlnor] {
    display: flex;
    gap: var(--space-md);
    padding: var(--space-md);
    background: var(--bg-secondary);
    border-radius: var(--border-radius-md);
    border: 2px solid transparent;
    transition: all var(--transition-fast);
}

.contact-method:hover[b-9c5hoxlnor] {
    border-color: var(--brand-primary);
    transform: translateX(4px);
}

.method-icon[b-9c5hoxlnor] {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-md);
    color: var(--brand-primary);
    flex-shrink: 0;
}

.method-icon i[b-9c5hoxlnor] {
    font-size: 1.5rem;
}

.method-icon.sales[b-9c5hoxlnor] {
    background: rgba(168, 85, 247, 0.1);
    color: #9333ea;
}

.method-icon.support[b-9c5hoxlnor] {
    background: rgba(34, 197, 94, 0.1);
    color: #16a34a;
}

.method-icon.legal[b-9c5hoxlnor] {
    background: rgba(251, 146, 60, 0.1);
    color: #ea580c;
}

.method-content[b-9c5hoxlnor] {
    flex-grow: 1;
}

.method-content h4[b-9c5hoxlnor] {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    color: var(--text-primary);
}

.method-content p[b-9c5hoxlnor] {
    font-size: 0.875rem;
    color: var(--text-muted);
    margin-bottom: 0.5rem;
}

.method-link[b-9c5hoxlnor] {
    font-size: 0.95rem;
    color: var(--brand-primary);
    text-decoration: none;
    font-weight: 500;
    transition: color var(--transition-fast);
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.method-link:hover[b-9c5hoxlnor] {
    color: var(--brand-accent);
    text-decoration: underline;
}

/* Social Links Card */
.social-card[b-9c5hoxlnor] {
    background: var(--bg-gradient-light);
}

.social-links[b-9c5hoxlnor] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.social-link[b-9c5hoxlnor] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-md);
    background: var(--bg-primary);
    border: 2px solid var(--border-default);
    border-radius: var(--border-radius-md);
    color: var(--text-primary);
    text-decoration: none;
    transition: all var(--transition-fast);
}

.social-link:hover[b-9c5hoxlnor] {
    border-color: var(--brand-primary);
    transform: translateX(4px);
    box-shadow: var(--shadow-sm);
}

.social-link > i:first-child[b-9c5hoxlnor] {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.social-link.linkedin > i:first-child[b-9c5hoxlnor] {
    color: #0077b5;
}

.social-link.twitter > i:first-child[b-9c5hoxlnor] {
    color: #1da1f2;
}

.social-link.github > i:first-child[b-9c5hoxlnor] {
    color: #333;
}

.social-link span[b-9c5hoxlnor] {
    font-weight: 500;
    flex-grow: 1;
}

.social-link > i:last-child[b-9c5hoxlnor] {
    font-size: 0.875rem;
    color: var(--text-muted);
}

/* Location Card */
.location-card[b-9c5hoxlnor] {
}

.location-content[b-9c5hoxlnor] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.location-city[b-9c5hoxlnor] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.location-tagline[b-9c5hoxlnor] {
    font-size: 0.95rem;
    color: var(--text-secondary);
    margin: 0;
}

/* Contact Resources Section */
.contact-resources[b-9c5hoxlnor] {
    margin-bottom: var(--space-2xl);
    padding: var(--space-2xl);
    background: var(--bg-secondary);
    border-radius: var(--border-radius-lg);
}

.resources-header[b-9c5hoxlnor] {
    text-align: center;
    margin-bottom: var(--space-xl);
}

.resources-header h3[b-9c5hoxlnor] {
    font-size: 1.75rem;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
}

.resources-header p[b-9c5hoxlnor] {
    font-size: 1rem;
    color: var(--text-secondary);
    margin: 0;
}

.resource-grid[b-9c5hoxlnor] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: var(--space-lg);
}

.resource-card[b-9c5hoxlnor] {
    display: flex;
    flex-direction: column;
    padding: var(--space-xl);
    background: var(--bg-primary);
    border: 2px solid var(--border-default);
    border-radius: var(--border-radius-md);
    text-decoration: none;
    color: var(--text-primary);
    transition: all var(--transition-base);
    position: relative;
}

.resource-card:hover[b-9c5hoxlnor] {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
    border-color: var(--brand-primary);
}

.resource-card.featured[b-9c5hoxlnor] {
    background: var(--bg-gradient-light);
    border-color: var(--brand-primary);
}

.resource-icon[b-9c5hoxlnor] {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-md);
    color: var(--brand-primary);
    margin-bottom: var(--space-md);
}

.resource-card.featured .resource-icon[b-9c5hoxlnor] {
    background: var(--bg-primary);
}

.resource-icon i[b-9c5hoxlnor] {
    font-size: 2rem;
}

.resource-card h4[b-9c5hoxlnor] {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: var(--space-sm);
}

.resource-card p[b-9c5hoxlnor] {
    font-size: 0.95rem;
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: var(--space-md);
    flex-grow: 1;
}

.resource-arrow[b-9c5hoxlnor] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    background: var(--bg-secondary);
    border-radius: 50%;
    color: var(--brand-primary);
    align-self: flex-start;
    transition: all var(--transition-fast);
}

.resource-card:hover .resource-arrow[b-9c5hoxlnor] {
    background: var(--brand-primary);
    color: var(--text-inverse);
    transform: translateX(4px);
}

/* Response Expectations */
.response-expectations[b-9c5hoxlnor] {
    max-width: 1000px;
    margin: 0 auto;
}

.expectations-card[b-9c5hoxlnor] {
    background: var(--bg-primary);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--border-default);
    box-shadow: var(--shadow-md);
}

.expectations-header[b-9c5hoxlnor] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    margin-bottom: var(--space-xl);
}

.expectations-header i[b-9c5hoxlnor] {
    font-size: 2rem;
    color: var(--brand-primary);
}

.expectations-header h4[b-9c5hoxlnor] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.expectations-grid[b-9c5hoxlnor] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--space-lg);
    margin-bottom: var(--space-xl);
}

.expectation-item[b-9c5hoxlnor] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: var(--space-lg);
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
}

.expectation-item strong[b-9c5hoxlnor] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
}

.expectation-item span[b-9c5hoxlnor] {
    font-size: 0.95rem;
    color: var(--text-secondary);
}

.business-hours[b-9c5hoxlnor] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
    padding: var(--space-md);
    background: var(--bg-secondary);
    border-radius: var(--border-radius-md);
    font-size: 0.95rem;
    color: var(--text-secondary);
    margin: 0;
}

.business-hours i[b-9c5hoxlnor] {
    color: var(--brand-primary);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .contact-grid[b-9c5hoxlnor] {
        grid-template-columns: 1fr;
        gap: var(--space-xl);
    }
}

@media (max-width: 768px) {
    .page-hero[b-9c5hoxlnor] {
        padding: var(--space-xl) var(--space-md);
    }

    .page-hero h1[b-9c5hoxlnor] {
        font-size: 2rem;
    }

    .page-hero .lead[b-9c5hoxlnor] {
        font-size: 1.05rem;
    }

    .form-card-header[b-9c5hoxlnor],
    .form-wrapper[b-9c5hoxlnor],
    .form-footer[b-9c5hoxlnor] {
        padding: var(--space-lg);
    }

    .contact-method[b-9c5hoxlnor] {
        flex-direction: column;
        text-align: center;
    }

    .method-icon[b-9c5hoxlnor] {
        margin: 0 auto;
    }

    .resource-grid[b-9c5hoxlnor] {
        grid-template-columns: 1fr;
    }

    .expectations-grid[b-9c5hoxlnor] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .contact-page[b-9c5hoxlnor] {
        padding: var(--space-xl) var(--space-md);
    }

    .page-hero[b-9c5hoxlnor] {
        padding: var(--space-lg) var(--space-sm);
    }

    .page-hero h1[b-9c5hoxlnor] {
        font-size: 1.75rem;
    }

    .form-card-header[b-9c5hoxlnor],
    .form-wrapper[b-9c5hoxlnor] {
        padding: var(--space-md);
    }

    .info-card[b-9c5hoxlnor] {
        padding: var(--space-lg);
    }

    .contact-resources[b-9c5hoxlnor] {
        padding: var(--space-xl) var(--space-md);
    }

    .expectations-card[b-9c5hoxlnor] {
        padding: var(--space-xl);
    }

    .expectations-header[b-9c5hoxlnor] {
        flex-direction: column;
        text-align: center;
    }
}
/* _content/AutomatedCompliance.Web/Pages/DemoChecklist.razor.rz.scp.css */
:root[b-c7l33s09h4] {
  --primary: #1E40AF; /* fintech blue */
  --accent:  #22C55E; /* fintech green */
  --text:    #111827;
  --muted:   #6B7280;
  --bg:      #F9FAFB;
  --card:    #FFFFFF;
  --border:  #E5E7EB;
  --warn:    #F59E0B;
  --space-2xl: 2rem;
  --space-xl: 1.5rem;
  --space-lg: 1rem;
  --space-md: .75rem;
  --space-sm: .5rem;
  --bg-gradient: linear-gradient(to right, #3B82F6, #22C55E);
  --bg-gradient-light: linear-gradient(to right, #60A5FA, #86EFAC);
  --text-primary: #111827;
  --text-secondary: #6B7280;
  --text-inverse: #FFFFFF;
  --bg-primary: #F3F4F6;
  --bg-secondary: #FFFFFF;
  --border-default: #E5E7EB;
  --border-radius-md: .375rem;
  --border-radius-lg: .5rem;
  --transition-base: .2s ease-in-out;
  --transition-fast: .1s ease-in-out;
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
}

*[b-c7l33s09h4] { box-sizing: border-box; }
.wrap[b-c7l33s09h4] { max-width: 1100px; margin: 2rem auto; padding: 0 1rem; color: var(--text); }
.hero h1[b-c7l33s09h4] { margin: 0; font-size: 1.8rem; }
.subtitle[b-c7l33s09h4] { color: var(--muted); margin: .25rem 0 0; }

.demo-checklist[b-c7l33s09h4] {
    padding: var(--space-2xl) var(--space-lg);
    max-width: 1400px;
    margin: 0 auto;
}

.page-hero[b-c7l33s09h4] {
    text-align: center;
    margin-bottom: var(--space-2xl);
    padding: var(--space-2xl) var(--space-lg);
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-lg);
}

.page-hero h1[b-c7l33s09h4] {
    font-size: 2.5rem;
    margin-bottom: var(--space-sm);
    background: var(--bg-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.subtitle[b-c7l33s09h4] {
    font-size: 1.125rem;
    color: var(--text-secondary);
    margin: 0;
}

/* KPI Cards */
.kpis[b-c7l33s09h4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-lg);
    margin-bottom: var(--space-2xl);
}

.card[b-c7l33s09h4] {
    background: var(--bg-primary);
    border: 2px solid var(--border-default);
    border-radius: var(--border-radius-md);
    padding: var(--space-lg);
    transition: all var(--transition-base);
}

.card:hover[b-c7l33s09h4] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.card.overall[b-c7l33s09h4] {
    grid-column: 1 / -1;
    border-color: var(--brand-primary);
    background: var(--bg-gradient-light);
}

.card-top[b-c7l33s09h4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-md);
}

.card h3[b-c7l33s09h4] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.pill[b-c7l33s09h4] {
    background: var(--bg-secondary);
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-secondary);
}

.pill.strong[b-c7l33s09h4] {
    background: var(--brand-primary);
    color: var(--text-inverse);
}

/* Progress Bar */
.progress[b-c7l33s09h4] {
    height: 0.5rem;
    background: var(--bg-secondary);
    border-radius: 999px;
    overflow: hidden;
    margin-bottom: var(--space-sm);
}

.progress.big[b-c7l33s09h4] {
    height: 0.75rem;
}

.bar[b-c7l33s09h4] {
    height: 100%;
    background: var(--bg-gradient);
    border-radius: 999px;
    transition: width var(--transition-base);
}

.pct[b-c7l33s09h4] {
    font-size: 0.875rem;
    color: var(--text-muted);
    text-align: right;
}

.pct.big[b-c7l33s09h4] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
}

/* Legend */
.legend[b-c7l33s09h4] {
    display: flex;
    justify-content: center;
    gap: var(--space-xl);
    margin-bottom: var(--space-2xl);
    padding: var(--space-lg);
    background: var(--bg-secondary);
    border-radius: var(--border-radius-md);
    flex-wrap: wrap;
}

.status[b-c7l33s09h4] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
    padding: 0.5rem 1rem;
    border-radius: 999px;
    font-size: 0.875rem;
    font-weight: 600;
    transition: all var(--transition-fast);
}

.status i[b-c7l33s09h4] {
    font-size: 0.875rem;
}

.s-complete[b-c7l33s09h4] {
    background: rgba(34, 197, 94, 0.15);
    color: #16a34a;
    border: 1px solid rgba(34, 197, 94, 0.3);
}

.s-progress[b-c7l33s09h4] {
    background: rgba(59, 130, 246, 0.15);
    color: #2563eb;
    border: 1px solid rgba(59, 130, 246, 0.3);
}

.s-pending[b-c7l33s09h4] {
    background: rgba(148, 163, 184, 0.15);
    color: #64748b;
    border: 1px solid rgba(148, 163, 184, 0.3);
}

/* Table Section */
.table-section[b-c7l33s09h4] {
    margin-top: var(--space-2xl);
}

.table-wrap[b-c7l33s09h4] {
    overflow-x: auto;
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
    background: var(--bg-primary);
}

table.grid[b-c7l33s09h4] {
    width: 100%;
    border-collapse: collapse;
}

table.grid thead[b-c7l33s09h4] {
    background: var(--bg-secondary);
}

table.grid th[b-c7l33s09h4] {
    padding: var(--space-md) var(--space-lg);
    text-align: left;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-primary);
    border-bottom: 2px solid var(--border-default);
}

table.grid td[b-c7l33s09h4] {
    padding: var(--space-md) var(--space-lg);
    border-bottom: 1px solid var(--border-default);
    font-size: 0.95rem;
    color: var(--text-secondary);
    vertical-align: middle;
}

table.grid tbody tr:last-child td[b-c7l33s09h4] {
    border-bottom: none;
}

table.grid tbody tr[b-c7l33s09h4] {
    transition: background-color var(--transition-fast);
}

table.grid tbody tr:hover[b-c7l33s09h4] {
    background: var(--bg-secondary);
}

/* Badge Styles */
.badge[b-c7l33s09h4] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
}

.badge.good[b-c7l33s09h4] {
    background: rgba(34, 197, 94, 0.15);
    color: #16a34a;
    border: 1px solid rgba(34, 197, 94, 0.3);
}

.badge.warn[b-c7l33s09h4] {
    background: rgba(59, 130, 246, 0.15);
    color: #2563eb;
    border: 1px solid rgba(59, 130, 246, 0.3);
}

.badge[b-c7l33s09h4] {
    background: rgba(148, 163, 184, 0.15);
    color: #64748b;
    border: 1px solid rgba(148, 163, 184, 0.3);
}

/* Responsive Design */
@media (max-width: 768px) {
    .demo-checklist[b-c7l33s09h4] {
        padding: var(--space-xl) var(--space-md);
    }

    .page-hero[b-c7l33s09h4] {
        padding: var(--space-xl) var(--space-md);
    }

    .page-hero h1[b-c7l33s09h4] {
        font-size: 2rem;
    }

    .kpis[b-c7l33s09h4] {
        grid-template-columns: 1fr;
    }

    .legend[b-c7l33s09h4] {
        flex-direction: column;
        align-items: stretch;
    }

    /* Mobile table view */
    .table-wrap[b-c7l33s09h4] {
        border: none;
    }

    table.grid thead[b-c7l33s09h4] {
        display: none;
    }

    table.grid[b-c7l33s09h4],
    table.grid tbody[b-c7l33s09h4],
    table.grid tr[b-c7l33s09h4],
    table.grid td[b-c7l33s09h4] {
        display: block;
    }

    table.grid tr[b-c7l33s09h4] {
        margin-bottom: var(--space-lg);
        border: 2px solid var(--border-default);
        border-radius: var(--border-radius-md);
        padding: var(--space-md);
        background: var(--bg-primary);
    }

    table.grid td[b-c7l33s09h4] {
        text-align: right;
        padding: var(--space-sm) 0;
        border-bottom: 1px solid var(--border-default);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    table.grid td:last-child[b-c7l33s09h4] {
        border-bottom: none;
    }

    table.grid td[b-c7l33s09h4]::before {
        content: attr(data-label);
        font-weight: 600;
        color: var(--text-primary);
        text-transform: uppercase;
        font-size: 0.75rem;
        letter-spacing: 0.05em;
    }
}
/* _content/AutomatedCompliance.Web/Pages/DPA.razor.rz.scp.css */
.legal[b-e1aa5c14yv] {
    padding: var(--space-2xl) var(--space-lg);
    max-width: 1000px;
    margin: 0 auto;
}

.legal h1[b-e1aa5c14yv] {
    font-size: 2.5rem;
    margin-bottom: var(--space-md);
    color: var(--text-primary);
    text-align: center;
}

.updated[b-e1aa5c14yv] {
    font-size: 0.875rem;
    color: var(--text-muted);
    font-style: italic;
    margin-bottom: var(--space-2xl);
    text-align: center;
}

.legal h2[b-e1aa5c14yv] {
    font-size: 1.75rem;
    margin-top: var(--space-2xl);
    margin-bottom: var(--space-lg);
    color: var(--text-primary);
    border-bottom: 2px solid var(--border-default);
    padding-bottom: var(--space-sm);
}

.legal h3[b-e1aa5c14yv] {
    font-size: 1.25rem;
    margin-top: var(--space-xl);
    margin-bottom: var(--space-md);
    color: var(--text-primary);
}

.legal p[b-e1aa5c14yv] {
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-secondary);
    margin-bottom: var(--space-lg);
}

.legal ul[b-e1aa5c14yv] {
    margin-left: var(--space-xl);
    margin-bottom: var(--space-lg);
}

.legal li[b-e1aa5c14yv] {
    padding: var(--space-xs) 0;
    color: var(--text-secondary);
    line-height: 1.7;
}

.legal strong[b-e1aa5c14yv] {
    color: var(--text-primary);
    font-weight: 600;
}

.legal em[b-e1aa5c14yv] {
    font-style: italic;
    color: var(--text-primary);
}

.legal a[b-e1aa5c14yv] {
    color: var(--brand-primary);
    text-decoration: none;
    font-weight: 500;
    transition: color var(--transition-fast);
}

.legal a:hover[b-e1aa5c14yv] {
    color: var(--brand-accent);
    text-decoration: underline;
}

/* Responsive Design */
@media (max-width: 768px) {
    .legal[b-e1aa5c14yv] {
        padding: var(--space-xl) var(--space-md);
    }

    .legal h1[b-e1aa5c14yv] {
        font-size: 2rem;
    }

    .legal h2[b-e1aa5c14yv] {
        font-size: 1.5rem;
    }

    .legal h3[b-e1aa5c14yv] {
        font-size: 1.125rem;
    }
}
/* _content/AutomatedCompliance.Web/Pages/FAQ.razor.rz.scp.css */
.faq-page[b-wq8v23gkqc] {
    padding: var(--space-xl) var(--space-lg);
}

.faq-hero[b-wq8v23gkqc] {
    text-align: center;
    margin-bottom: var(--space-2xl);
}

    .faq-hero h1[b-wq8v23gkqc] {
        font-size: 3rem;
        margin-bottom: var(--space-sm);
        background: var(--bg-gradient);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .faq-hero .lead[b-wq8v23gkqc] {
        font-size: 1.125rem;
        color: var(--text-secondary);
        max-width: 700px;
        margin: 0 auto;
    }

        .faq-hero .lead a[b-wq8v23gkqc] {
            color: var(--brand-primary);
            font-weight: 500;
        }

/* Search Box */
.faq-search-wrapper[b-wq8v23gkqc] {
    position: relative;
    max-width: 600px;
    margin: 0 auto var(--space-xl);
}

.search-icon[b-wq8v23gkqc] {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.25rem;
    pointer-events: none;
}

.faq-search[b-wq8v23gkqc] {
    width: 100%;
    padding: 1rem 3rem 1rem 3.5rem;
    font-size: 1rem;
    border: 2px solid var(--border-default);
    border-radius: var(--border-radius-sm);
    transition: all var(--transition-base);
}

    .faq-search:focus[b-wq8v23gkqc] {
        outline: none;
        border-color: var(--brand-primary);
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
    }

.clear-search[b-wq8v23gkqc] {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    background: var(--neutral-200);
    border: none;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--transition-fast);
}

    .clear-search:hover[b-wq8v23gkqc] {
        background: var(--neutral-300);
    }

/* Category Filter */
.faq-categories[b-wq8v23gkqc] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
    justify-content: center;
    margin-bottom: var(--space-2xl);
    padding-bottom: var(--space-lg);
    border-bottom: 2px solid var(--border-default);
}

.category-btn[b-wq8v23gkqc] {
    padding: 0.5rem 1rem;
    background: var(--bg-primary);
    border: 2px solid var(--border-default);
    border-radius: 999px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all var(--transition-fast);
    color: var(--text-secondary);
}

    .category-btn:hover[b-wq8v23gkqc] {
        border-color: var(--brand-primary);
        background: var(--bg-secondary);
    }

    .category-btn.active[b-wq8v23gkqc] {
        background: var(--brand-primary);
        border-color: var(--brand-primary);
        color: var(--text-inverse);
    }

/* FAQ Sections */
.faq-sections[b-wq8v23gkqc] {
    max-width: 900px;
    margin: 0 auto var(--space-2xl);
}

.faq-category-section[b-wq8v23gkqc] {
    margin-bottom: var(--space-2xl);
}

.category-heading[b-wq8v23gkqc] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: var(--space-lg);
    padding-bottom: var(--space-sm);
    border-bottom: 3px solid var(--border-default);
}

.faq-items[b-wq8v23gkqc] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

/* FAQ Item */
.faq-item[b-wq8v23gkqc] {
    background: var(--bg-primary);
    border: 2px solid var(--border-default);
    border-radius: var(--border-radius-md);
    overflow: hidden;
    transition: all var(--transition-base);
}

    .faq-item:hover[b-wq8v23gkqc] {
        border-color: var(--brand-primary);
        box-shadow: var(--shadow-md);
    }

    .faq-item.open[b-wq8v23gkqc] {
        border-color: var(--brand-primary);
        box-shadow: var(--shadow-lg);
    }

.faq-question[b-wq8v23gkqc] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-md) var(--space-lg);
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
    transition: background var(--transition-fast);
}

    .faq-question:hover[b-wq8v23gkqc] {
        background: var(--bg-secondary);
    }

.faq-item.open .faq-question[b-wq8v23gkqc] {
    background: var(--bg-secondary);
    border-bottom: 2px solid var(--border-default);
}

.question-text[b-wq8v23gkqc] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary);
    padding-right: var(--space-md);
}

.toggle-icon[b-wq8v23gkqc] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--brand-primary);
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--bg-secondary);
    transition: all var(--transition-base);
}

.faq-item.open .toggle-icon[b-wq8v23gkqc] {
    transform: rotate(180deg);
    background: var(--brand-primary);
    color: var(--text-inverse);
}

.faq-answer[b-wq8v23gkqc] {
    padding: var(--space-md) var(--space-lg);
    color: var(--text-secondary);
    line-height: 1.7;
    animation: slideDown-b-wq8v23gkqc 0.3s ease-in;
}

    .faq-answer p[b-wq8v23gkqc] {
        margin-bottom: var(--space-sm);
    }

        .faq-answer p:last-child[b-wq8v23gkqc] {
            margin-bottom: 0;
        }

    .faq-answer ul[b-wq8v23gkqc],
    .faq-answer ol[b-wq8v23gkqc] {
        margin: var(--space-sm) 0 var(--space-sm) var(--space-lg);
        padding-left: var(--space-md);
    }

    .faq-answer li[b-wq8v23gkqc] {
        margin-bottom: 0.5rem;
    }

    .faq-answer a[b-wq8v23gkqc] {
        color: var(--brand-primary);
        font-weight: 500;
    }

    .faq-answer strong[b-wq8v23gkqc] {
        color: var(--text-primary);
    }

@keyframes slideDown-b-wq8v23gkqc {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* No Results */
.no-results[b-wq8v23gkqc] {
    text-align: center;
    padding: var(--space-2xl);
    background: var(--bg-secondary);
    border-radius: var(--border-radius-lg);
    margin-bottom: var(--space-2xl);
}

.no-results-icon[b-wq8v23gkqc] {
    font-size: 4rem;
    margin-bottom: var(--space-sm);
}

.no-results h3[b-wq8v23gkqc] {
    font-size: 1.5rem;
    margin-bottom: var(--space-sm);
}

.no-results p[b-wq8v23gkqc] {
    color: var(--text-secondary);
    margin-bottom: var(--space-lg);
}

/* CTA Section */
.faq-cta[b-wq8v23gkqc] {
    background: var(--bg-gradient-light);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
    text-align: center;
}

    .faq-cta h2[b-wq8v23gkqc] {
        font-size: 2.5rem;
        margin-bottom: var(--space-sm);
    }

    .faq-cta p[b-wq8v23gkqc] {
        font-size: 1.125rem;
        color: var(--text-secondary);
        margin-bottom: var(--space-xl);
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }

.cta-buttons[b-wq8v23gkqc] {
    display: flex;
    gap: var(--space-sm);
    justify-content: center;
    flex-wrap: wrap;
}

/* Responsive */
@media (max-width: 768px) {
    .faq-hero h1[b-wq8v23gkqc] {
        font-size: 2rem;
    }

    .faq-categories[b-wq8v23gkqc] {
        justify-content: flex-start;
    }

    .category-heading[b-wq8v23gkqc] {
        font-size: 1.5rem;
    }

    .question-text[b-wq8v23gkqc] {
        font-size: 1rem;
    }

    .faq-cta h2[b-wq8v23gkqc] {
        font-size: 2rem;
    }

    .cta-buttons[b-wq8v23gkqc] {
        flex-direction: column;
    }
}
/* _content/AutomatedCompliance.Web/Pages/Features.razor.rz.scp.css */

.features-hero[b-avp4qmn4x9] {
    text-align: center;
    padding: 3rem 1rem;
    margin-bottom: 2rem;
}

.features-hero h1[b-avp4qmn4x9] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 1rem;
}

.features-hero .lead[b-avp4qmn4x9] {
    font-size: 1.25rem;
    color: #64748b;
    max-width: 800px;
    margin: 0 auto;
}

.features-nav[b-avp4qmn4x9] {
    margin-bottom: 3rem;
    border-bottom: 2px solid #e2e8f0;
}

.features-nav-buttons[b-avp4qmn4x9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding-bottom: 1rem;
    justify-content: center;
}

.feature-nav-btn[b-avp4qmn4x9] {
    padding: 0.75rem 1.5rem;
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 0.5rem;
    font-size: 1rem;
    font-weight: 500;
    color: #64748b;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

    .feature-nav-btn:hover[b-avp4qmn4x9] {
        background: #f8fafc;
        border-color: #cbd5e1;
    }

    .feature-nav-btn.active[b-avp4qmn4x9] {
        background: linear-gradient(135deg, #3b82f6, #1e40af);
        color: white;
        border-color: #3b82f6;
    }

.feature-detail[b-avp4qmn4x9] {
    margin-bottom: 4rem;
    animation: fadeIn-b-avp4qmn4x9 0.4s ease-in;
}

@keyframes fadeIn-b-avp4qmn4x9 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.feature-header[b-avp4qmn4x9] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 3px solid #e2e8f0;
}

.feature-icon[b-avp4qmn4x9] {
    font-size: 4rem;
    line-height: 1;
}

.feature-header h2[b-avp4qmn4x9] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 0.5rem 0;
}

.feature-tagline[b-avp4qmn4x9] {
    font-size: 1.25rem;
    color: #64748b;
    margin: 0;
}

.feature-grid[b-avp4qmn4x9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.feature-card[b-avp4qmn4x9] {
    background: white;
    padding: 2rem;
    border-radius: 0.75rem;
    border: 2px solid #e2e8f0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

    .feature-card:hover[b-avp4qmn4x9] {
        transform: translateY(-4px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
        border-color: #3b82f6;
    }

    .feature-card h3[b-avp4qmn4x9] {
        font-size: 1.25rem;
        font-weight: 600;
        color: #1e293b;
        margin-bottom: 0.75rem;
    }

    .feature-card p[b-avp4qmn4x9] {
        color: #64748b;
        line-height: 1.6;
        margin: 0;
    }

.feature-cta[b-avp4qmn4x9] {
    text-align: center;
    margin-top: 3rem;
}

.integrations-section[b-avp4qmn4x9] {
    margin: 4rem auto;
    padding: 3rem 1rem;
    background: linear-gradient(135deg, #f8fafc, #e0f2fe);
    border-radius: 1rem;
}

    .integrations-section h2[b-avp4qmn4x9] {
        text-align: center;
        font-size: 2.5rem;
        font-weight: 700;
        color: #1e293b;
        margin-bottom: 1rem;
    }

.section-description[b-avp4qmn4x9] {
    text-align: center;
    font-size: 1.125rem;
    color: #64748b;
    margin-bottom: 2rem;
}

.integrations-grid[b-avp4qmn4x9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
}

.integration-card[b-avp4qmn4x9] {
    background: white;
    padding: 2rem;
    border-radius: 0.75rem;
    text-align: center;
    border: 2px solid #e2e8f0;
    transition: all 0.3s ease;
}

    .integration-card:hover[b-avp4qmn4x9] {
        transform: translateY(-4px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
        border-color: #3b82f6;
    }

.integration-logo[b-avp4qmn4x9] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.integration-card h3[b-avp4qmn4x9] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 0.5rem;
}

.integration-card p[b-avp4qmn4x9] {
    color: #64748b;
    font-size: 0.875rem;
    margin: 0;
}

@media (max-width: 768px) {
    .features-hero h1[b-avp4qmn4x9] {
        font-size: 2rem;
    }

    .feature-header[b-avp4qmn4x9] {
        flex-direction: column;
        text-align: center;
    }

        .feature-header h2[b-avp4qmn4x9] {
            font-size: 2rem;
        }

    .feature-grid[b-avp4qmn4x9],
    .integrations-grid[b-avp4qmn4x9] {
        grid-template-columns: 1fr;
    }

    .features-nav-buttons[b-avp4qmn4x9] {
        justify-content: flex-start;
    }

    .feature-nav-btn[b-avp4qmn4x9] {
        padding: 0.625rem 1rem;
        font-size: 0.9rem;
    }
}

/* _content/AutomatedCompliance.Web/Pages/HowItWorks.razor.rz.scp.css */
.how-hero[b-51mfghdk3q] {
    text-align: center;
    padding: 3rem 1rem 2rem;
    margin-bottom: 3rem;
}

.how-hero h1[b-51mfghdk3q] {
    font-size: 3rem;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 1rem;
}

.how-hero .lead[b-51mfghdk3q] {
    font-size: 1.25rem;
    color: #64748b;
    max-width: 700px;
    margin: 0 auto;
}

.timeline-section[b-51mfghdk3q] {
    margin: 4rem auto;
}

.timeline[b-51mfghdk3q] {
    position: relative;
    padding-left: 3rem;
}

    .timeline[b-51mfghdk3q]::before {
        content: '';
        position: absolute;
        left: 2rem;
        top: 0;
        bottom: 0;
        width: 3px;
        background: linear-gradient(to bottom, #3b82f6, #1e40af);
    }

.timeline-item[b-51mfghdk3q] {
    position: relative;
    margin-bottom: 3rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .timeline-item:hover .timeline-content[b-51mfghdk3q] {
        background: #f8fafc;
    }

.timeline-marker[b-51mfghdk3q] {
    position: absolute;
    left: -3rem;
    top: 0;
}

.timeline-number[b-51mfghdk3q] {
    width: 4rem;
    height: 4rem;
    background: linear-gradient(135deg, #3b82f6, #1e40af);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    box-shadow: 0 4px 8px rgba(59, 130, 246, 0.3);
    transition: all 0.3s ease;
}

.timeline-item.active .timeline-number[b-51mfghdk3q] {
    transform: scale(1.15);
    box-shadow: 0 6px 12px rgba(59, 130, 246, 0.5);
}

.timeline-content[b-51mfghdk3q] {
    background: white;
    padding: 2rem;
    border-radius: 1rem;
    border: 2px solid #e2e8f0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.timeline-item.active .timeline-content[b-51mfghdk3q] {
    border-color: #3b82f6;
    box-shadow: 0 8px 20px rgba(59, 130, 246, 0.15);
}

.timeline-content h2[b-51mfghdk3q] {
    font-size: 2rem;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 0.5rem;
}

.timeline-subtitle[b-51mfghdk3q] {
    font-size: 1.125rem;
    color: #64748b;
    margin-bottom: 1rem;
}

.timeline-details[b-51mfghdk3q] {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 2px solid #e2e8f0;
    animation: slideDown 0.4s ease-in;
}

@@keyframes slideDown {
    from[b-51mfghdk3q] {
        opacity: 0;
        transform: translateY(-10px);
    }

    to[b-51mfghdk3q] {
        opacity: 1;
        transform: translateY(0);
    }
}

.detail-grid[b-51mfghdk3q] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
}

.detail-card[b-51mfghdk3q] {
    background: #f8fafc;
    padding: 1.5rem;
    border-radius: 0.75rem;
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
}

    .detail-card:hover[b-51mfghdk3q] {
        transform: translateY(-4px);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
        border-color: #3b82f6;
    }

.detail-icon[b-51mfghdk3q] {
    font-size: 2.5rem;
    margin-bottom: 0.75rem;
}

.detail-card h3[b-51mfghdk3q] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 0.5rem;
}

.detail-card p[b-51mfghdk3q] {
    color: #64748b;
    font-size: 0.875rem;
    line-height: 1.6;
    margin: 0;
}

.process-benefits[b-51mfghdk3q] {
    margin: 4rem auto;
    padding: 3rem 1rem;
    background: linear-gradient(135deg, #f8fafc, #e0f2fe);
    border-radius: 1rem;
}

    .process-benefits h2[b-51mfghdk3q] {
        text-align: center;
        font-size: 2.5rem;
        font-weight: 700;
        color: #1e293b;
        margin-bottom: 3rem;
    }

.benefits-grid[b-51mfghdk3q] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
}

.benefit-card[b-51mfghdk3q] {
    background: white;
    padding: 2rem;
    border-radius: 0.75rem;
    text-align: center;
    border: 2px solid #e2e8f0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

    .benefit-card:hover[b-51mfghdk3q] {
        transform: translateY(-6px);
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
        border-color: #22c55e;
    }

.benefit-icon[b-51mfghdk3q] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.benefit-card h3[b-51mfghdk3q] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 0.75rem;
}

.benefit-card p[b-51mfghdk3q] {
    color: #64748b;
    line-height: 1.6;
    margin: 0;
}

.integration-callout[b-51mfghdk3q] {
    margin: 4rem auto;
    padding: 3rem;
    background: linear-gradient(135deg, #1e3a8a, #3b82f6);
    border-radius: 1rem;
    text-align: center;
    color: white;
}

.callout-content h2[b-51mfghdk3q] {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: white;
}

.callout-content p[b-51mfghdk3q] {
    font-size: 1.125rem;
    margin-bottom: 2rem;
    color: #e0f2fe;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

@@media (max-width: 768px) {
    .how-hero h1[b-51mfghdk3q] {
        font-size: 2rem;
    }

    .timeline[b-51mfghdk3q] {
        padding-left: 2rem;
    }

        .timeline[b-51mfghdk3q]::before {
            left: 1.5rem;
        }

    .timeline-marker[b-51mfghdk3q] {
        left: -2.5rem;
    }

    .timeline-number[b-51mfghdk3q] {
        width: 3rem;
        height: 3rem;
        font-size: 1.25rem;
    }

    .timeline-content h2[b-51mfghdk3q] {
        font-size: 1.5rem;
    }

    .detail-grid[b-51mfghdk3q],
    .benefits-grid[b-51mfghdk3q] {
        grid-template-columns: 1fr;
    }
}
/* _content/AutomatedCompliance.Web/Pages/Index.razor.rz.scp.css */
.frameworks-banner[b-2a9t3eeppy] {
    text-align: center;
    padding: 2rem 1rem;
    background: linear-gradient(135deg, #f8fafc, #e0f2fe);
    border-radius: 0.75rem;
    margin: 2rem auto;
}

.frameworks-text[b-2a9t3eeppy] {
    font-size: 1.25rem;
    color: #1e40af;
    margin: 0;
}

.why-section[b-2a9t3eeppy],
.how-it-works-section[b-2a9t3eeppy],
.platform-features-section[b-2a9t3eeppy],
.who-uses-section[b-2a9t3eeppy],
.final-cta-section[b-2a9t3eeppy] {
    margin: 4rem auto;
}

    .why-section h2[b-2a9t3eeppy],
    .how-it-works-section h2[b-2a9t3eeppy],
    .platform-features-section h2[b-2a9t3eeppy],
    .who-uses-section h2[b-2a9t3eeppy],
    .final-cta-section h2[b-2a9t3eeppy] {
        text-align: center;
        font-size: 2.5rem;
        font-weight: 700;
        color: #1e293b;
        margin-bottom: 3rem;
    }

.steps-grid[b-2a9t3eeppy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    margin-top: 2rem;
}

.step-card[b-2a9t3eeppy] {
    background: white;
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border: 2px solid #e2e8f0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .step-card:hover[b-2a9t3eeppy] {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    }

.step-number[b-2a9t3eeppy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    background: linear-gradient(135deg, #3b82f6, #1e40af);
    color: white;
    font-size: 1.5rem;
    font-weight: bold;
    border-radius: 50%;
    margin-bottom: 1rem;
}

.step-card h3[b-2a9t3eeppy] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 1rem;
}

.step-card p[b-2a9t3eeppy] {
    color: #64748b;
    line-height: 1.6;
}

.step-list[b-2a9t3eeppy] {
    list-style: none;
    padding: 0;
    color: #64748b;
}

    .step-list li[b-2a9t3eeppy] {
        padding-left: 1.5rem;
        position: relative;
        margin-bottom: 0.5rem;
    }

        .step-list li[b-2a9t3eeppy]::before {
            content: "✓";
            position: absolute;
            left: 0;
            color: #22c55e;
            font-weight: bold;
        }

.personas-grid[b-2a9t3eeppy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2rem;
    margin-top: 2rem;
}

.persona-card[b-2a9t3eeppy] {
    background: white;
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    border: 2px solid #e2e8f0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .persona-card:hover[b-2a9t3eeppy] {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
        border-color: #3b82f6;
    }

    .persona-card h3[b-2a9t3eeppy] {
        font-size: 1.75rem;
        margin-bottom: 0.5rem;
    }

    .persona-card p[b-2a9t3eeppy] {
        color: #64748b;
        font-size: 1rem;
    }

.final-cta-section[b-2a9t3eeppy] {
    text-align: center;
    padding: 4rem 2rem;
    background: linear-gradient(135deg, #1e3a8a, #3b82f6);
    border-radius: 1rem;
    color: white;
}

    .final-cta-section h2[b-2a9t3eeppy] {
        color: white;
        margin-bottom: 1rem;
    }

    .final-cta-section p[b-2a9t3eeppy] {
        font-size: 1.25rem;
        margin-bottom: 2rem;
        color: #e0f2fe;
    }

.cta-buttons[b-2a9t3eeppy] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-lg[b-2a9t3eeppy] {
    padding: 1rem 2rem;
    font-size: 1.125rem;
}

@media (max-width: 768px) {
    .steps-grid[b-2a9t3eeppy],
    .personas-grid[b-2a9t3eeppy] {
        grid-template-columns: 1fr;
    }

    .why-section h2[b-2a9t3eeppy],
    .how-it-works-section h2[b-2a9t3eeppy],
    .platform-features-section h2[b-2a9t3eeppy],
    .who-uses-section h2[b-2a9t3eeppy] {
        font-size: 2rem;
    }
}
/* _content/AutomatedCompliance.Web/Pages/Knowledge/Audit-checklist.razor.rz.scp.css */
.download-section[b-okyv6nq9en] {
    margin: var(--space-2xl) 0;
}

.download-card[b-okyv6nq9en] {
    display: flex;
    align-items: center;
    gap: var(--space-xl);
    padding: var(--space-2xl);
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--brand-primary);
    box-shadow: var(--shadow-lg);
}

.download-icon[b-okyv6nq9en] {
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-gradient);
    border-radius: var(--border-radius-md);
    color: var(--text-inverse);
    flex-shrink: 0;
}

    .download-icon i[b-okyv6nq9en] {
        font-size: 2.5rem;
    }

.download-content[b-okyv6nq9en] {
    flex-grow: 1;
}

    .download-content h3[b-okyv6nq9en] {
        font-size: 1.5rem;
        font-weight: 700;
        margin-bottom: var(--space-sm);
        color: var(--text-primary);
    }

    .download-content p[b-okyv6nq9en] {
        font-size: 1rem;
        color: var(--text-secondary);
        margin-bottom: var(--space-lg);
        line-height: 1.6;
    }

.download-meta[b-okyv6nq9en] {
    margin-top: var(--space-md);
    font-size: 0.875rem;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

    .download-meta i[b-okyv6nq9en] {
        color: var(--brand-success);
    }

.checklist-preview[b-okyv6nq9en] {
    background: var(--bg-secondary);
    padding: var(--space-xl);
    border-radius: var(--border-radius-md);
    margin: var(--space-lg) 0;
}

.phase-group[b-okyv6nq9en] {
    margin-bottom: var(--space-xl);
}

    .phase-group:last-child[b-okyv6nq9en] {
        margin-bottom: 0;
    }

    .phase-group h4[b-okyv6nq9en] {
        font-size: 1.125rem;
        font-weight: 700;
        color: var(--text-primary);
        margin-bottom: var(--space-md);
        display: flex;
        align-items: center;
        gap: var(--space-sm);
    }

        .phase-group h4 i[b-okyv6nq9en] {
            width: 1.5rem;
            height: 1.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            background: var(--brand-primary);
            color: var(--text-inverse);
            border-radius: 50%;
            font-size: 0.875rem;
        }

    .phase-group ul[b-okyv6nq9en] {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .phase-group li[b-okyv6nq9en] {
        padding: var(--space-xs) 0 var(--space-xs) var(--space-lg);
        position: relative;
        color: var(--text-secondary);
        line-height: 1.6;
    }

        .phase-group li[b-okyv6nq9en]:before {
            content: "✓";
            position: absolute;
            left: 0;
            color: var(--brand-success);
            font-weight: 700;
        }

.timeline-example[b-okyv6nq9en] {
    margin: var(--space-xl) 0;
    padding: var(--space-xl);
    background: var(--bg-secondary);
    border-radius: var(--border-radius-md);
}

.timeline-item[b-okyv6nq9en] {
    display: flex;
    gap: var(--space-lg);
    margin-bottom: var(--space-xl);
    position: relative;
}

    .timeline-item:last-child[b-okyv6nq9en] {
        margin-bottom: 0;
    }

    .timeline-item:not(:last-child)[b-okyv6nq9en]::after {
        content: "";
        position: absolute;
        left: 1.5rem;
        top: 3rem;
        bottom: -2rem;
        width: 2px;
        background: var(--border-default);
    }

.timeline-marker[b-okyv6nq9en] {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: var(--bg-gradient);
    border: 3px solid var(--bg-secondary);
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}

.timeline-content h4[b-okyv6nq9en] {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
}

.timeline-content p[b-okyv6nq9en] {
    font-size: 0.95rem;
    color: var(--text-secondary);
    margin: 0;
    line-height: 1.6;
}

.tools-grid[b-okyv6nq9en] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--space-lg);
    margin: var(--space-xl) 0;
}

.tool-card[b-okyv6nq9en] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: var(--space-xl);
    background: var(--bg-secondary);
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
    text-decoration: none;
    transition: all var(--transition-base);
}

    .tool-card:hover[b-okyv6nq9en] {
        border-color: var(--brand-primary);
        transform: translateY(-4px);
        box-shadow: var(--shadow-lg);
    }

.tool-icon[b-okyv6nq9en] {
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-gradient-light);
    border-radius: 50%;
    margin-bottom: var(--space-md);
}

    .tool-icon i[b-okyv6nq9en] {
        font-size: 1.75rem;
        color: var(--brand-primary);
    }

.tool-card h4[b-okyv6nq9en] {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
}

.tool-card p[b-okyv6nq9en] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    margin: 0;
    line-height: 1.5;
}

.faq-item[b-okyv6nq9en] {
    margin-bottom: var(--space-xl);
    padding: var(--space-lg);
    background: var(--bg-secondary);
    border-radius: var(--border-radius-md);
    border-left: 4px solid var(--brand-primary);
}

    .faq-item h4[b-okyv6nq9en] {
        font-size: 1.125rem;
        font-weight: 700;
        margin-bottom: var(--space-md);
        color: var(--text-primary);
    }

    .faq-item p[b-okyv6nq9en] {
        font-size: 0.95rem;
        color: var(--text-secondary);
        line-height: 1.7;
        margin-bottom: var(--space-sm);
    }

        .faq-item p:last-child[b-okyv6nq9en] {
            margin-bottom: 0;
        }

    .faq-item ul[b-okyv6nq9en] {
        margin: var(--space-md) 0;
        padding-left: var(--space-xl);
    }

    .faq-item li[b-okyv6nq9en] {
        color: var(--text-secondary);
        line-height: 1.7;
        margin-bottom: var(--space-xs);
    }

@media (max-width: 768px) {
    .download-card[b-okyv6nq9en] {
        flex-direction: column;
        text-align: center;
    }

    .download-content[b-okyv6nq9en] {
        width: 100%;
    }

    .tools-grid[b-okyv6nq9en] {
        grid-template-columns: 1fr;
    }

    .timeline-item[b-okyv6nq9en] {
        flex-direction: column;
        gap: var(--space-md);
    }

        .timeline-item[b-okyv6nq9en]::after {
            display: none;
        }
}
/* _content/AutomatedCompliance.Web/Pages/Knowledge/Index.razor.rz.scp.css */
.knowledge-page[b-moi6djsv9z] {
    padding: var(--space-xl) var(--space-lg);
}

.knowledge-hero[b-moi6djsv9z] {
    text-align: center;
    margin-bottom: var(--space-2xl);
}

    .knowledge-hero h1[b-moi6djsv9z] {
        font-size: 3rem;
        margin-bottom: var(--space-sm);
        background: var(--bg-gradient);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .knowledge-hero .lead[b-moi6djsv9z] {
        max-width: 800px;
        margin: 0 auto;
    }

/* Search and Filter Controls */
.knowledge-controls[b-moi6djsv9z] {
    max-width: 900px;
    margin: 0 auto var(--space-xl);
}

.search-wrapper[b-moi6djsv9z] {
    position: relative;
    margin-bottom: var(--space-md);
}

.search-icon[b-moi6djsv9z] {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.25rem;
    pointer-events: none;
}

.knowledge-search[b-moi6djsv9z] {
    width: 100%;
    padding: 1rem 3rem 1rem 3.5rem;
    font-size: 1rem;
    border: 2px solid var(--border-default);
    border-radius: var(--border-radius-sm);
    transition: all var(--transition-base);
}

    .knowledge-search:focus[b-moi6djsv9z] {
        outline: none;
        border-color: var(--brand-primary);
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
    }

.clear-search[b-moi6djsv9z] {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    background: var(--neutral-200);
    border: none;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--transition-fast);
}

    .clear-search:hover[b-moi6djsv9z] {
        background: var(--neutral-300);
    }

.filter-tags[b-moi6djsv9z] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
    align-items: center;
    justify-content: center;
}

.filter-label[b-moi6djsv9z] {
    font-weight: 500;
    color: var(--text-secondary);
    margin-right: var(--space-xs);
}

.filter-tag[b-moi6djsv9z] {
    padding: 0.5rem 1rem;
    background: var(--bg-primary);
    border: 2px solid var(--border-default);
    border-radius: 999px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all var(--transition-fast);
    color: var(--text-secondary);
}

    .filter-tag:hover[b-moi6djsv9z] {
        border-color: var(--brand-primary);
        background: var(--bg-secondary);
    }

    .filter-tag.active[b-moi6djsv9z] {
        background: var(--brand-primary);
        border-color: var(--brand-primary);
        color: var(--text-inverse);
    }

    .filter-tag.clear[b-moi6djsv9z] {
        background: var(--neutral-200);
        color: var(--text-primary);
    }

        .filter-tag.clear:hover[b-moi6djsv9z] {
            background: var(--neutral-300);
        }

/* Status */
.knowledge-status[b-moi6djsv9z] {
    text-align: center;
    margin-bottom: var(--space-lg);
}

.results-count[b-moi6djsv9z] {
    color: var(--text-secondary);
    font-size: 1rem;
}

/* Articles Grid */
.knowledge-grid[b-moi6djsv9z] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: var(--space-lg);
    margin-bottom: var(--space-2xl);
}

.knowledge-card[b-moi6djsv9z] {
    background: var(--bg-primary);
    border: 2px solid var(--border-default);
    border-radius: var(--border-radius-md);
    overflow: hidden;
    transition: all var(--transition-base);
    height: 100%;
}

    .knowledge-card:hover[b-moi6djsv9z] {
        transform: translateY(-6px);
        box-shadow: var(--shadow-xl);
        border-color: var(--brand-primary);
    }

.knowledge-card-link[b-moi6djsv9z] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: var(--space-lg);
    text-decoration: none;
    color: inherit;
}

.card-header[b-moi6djsv9z] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--space-sm);
}

.article-tags[b-moi6djsv9z] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.article-tag[b-moi6djsv9z] {
    padding: 0.25rem 0.75rem;
    background: var(--bg-secondary);
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--brand-primary);
}

.read-time[b-moi6djsv9z] {
    padding: 0.25rem 0.75rem;
    background: var(--neutral-100);
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--text-secondary);
    white-space: nowrap;
}

.article-title[b-moi6djsv9z] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-sm);
    line-height: 1.4;
}

.article-excerpt[b-moi6djsv9z] {
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: var(--space-sm);
    flex: 1;
}

.card-footer[b-moi6djsv9z] {
    margin-top: auto;
}

.read-more[b-moi6djsv9z] {
    color: var(--brand-primary);
    font-weight: 500;
    font-size: 0.875rem;
}

.knowledge-card:hover .read-more[b-moi6djsv9z] {
    text-decoration: underline;
}

/* No Results */
.no-results[b-moi6djsv9z] {
    text-align: center;
    padding: var(--space-2xl);
    background: var(--bg-secondary);
    border-radius: var(--border-radius-lg);
    margin-bottom: var(--space-2xl);
}

.no-results-icon[b-moi6djsv9z] {
    font-size: 4rem;
    margin-bottom: var(--space-sm);
}

.no-results h3[b-moi6djsv9z] {
    font-size: 1.5rem;
    margin-bottom: var(--space-sm);
}

.no-results p[b-moi6djsv9z] {
    color: var(--text-secondary);
    margin-bottom: var(--space-lg);
}

/* Categories Section */
.knowledge-categories[b-moi6djsv9z] {
    margin: var(--space-2xl) 0;
    padding: var(--space-2xl) 0;
    border-top: 2px solid var(--border-default);
}

    .knowledge-categories h2[b-moi6djsv9z] {
        text-align: center;
        font-size: 2.5rem;
        margin-bottom: var(--space-xl);
    }

.categories-grid[b-moi6djsv9z] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--space-lg);
}

.category-card[b-moi6djsv9z] {
    background: var(--bg-secondary);
    padding: var(--space-lg);
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
    cursor: pointer;
    transition: all var(--transition-base);
    text-align: center;
}

    .category-card:hover[b-moi6djsv9z] {
        transform: translateY(-4px);
        box-shadow: var(--shadow-lg);
        border-color: var(--brand-primary);
    }

.category-icon[b-moi6djsv9z] {
    font-size: 3rem;
    margin-bottom: var(--space-sm);
}

.category-card h3[b-moi6djsv9z] {
    font-size: 1.25rem;
    margin-bottom: var(--space-xs);
}

.category-card p[b-moi6djsv9z] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    margin-bottom: var(--space-sm);
}

.category-count[b-moi6djsv9z] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: var(--bg-primary);
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--brand-primary);
}

/* Getting Started CTA */
.knowledge-cta[b-moi6djsv9z] {
    background: var(--bg-gradient-light);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
    text-align: center;
}

    .knowledge-cta h2[b-moi6djsv9z] {
        font-size: 2.5rem;
        margin-bottom: var(--space-sm);
    }

    .knowledge-cta > p[b-moi6djsv9z] {
        font-size: 1.125rem;
        color: var(--text-secondary);
        margin-bottom: var(--space-xl);
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }

.starter-guides[b-moi6djsv9z] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-md);
    margin-bottom: var(--space-xl);
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.starter-card[b-moi6djsv9z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-lg);
    background: var(--bg-primary);
    border: 2px solid var(--border-default);
    border-radius: var(--border-radius-md);
    text-decoration: none;
    transition: all var(--transition-base);
}

    .starter-card:hover[b-moi6djsv9z] {
        transform: translateY(-4px);
        box-shadow: var(--shadow-lg);
        border-color: var(--brand-primary);
    }

.starter-icon[b-moi6djsv9z] {
    font-size: 2.5rem;
}

.starter-title[b-moi6djsv9z] {
    font-weight: 600;
    color: var(--text-primary);
    text-align: center;
}

.cta-buttons[b-moi6djsv9z] {
    display: flex;
    gap: var(--space-sm);
    justify-content: center;
    flex-wrap: wrap;
}

/* Responsive */
@media (max-width: 768px) {
    .knowledge-hero h1[b-moi6djsv9z] {
        font-size: 2rem;
    }

    .knowledge-grid[b-moi6djsv9z] {
        grid-template-columns: 1fr;
    }

    .categories-grid[b-moi6djsv9z] {
        grid-template-columns: 1fr;
    }

    .starter-guides[b-moi6djsv9z] {
        grid-template-columns: 1fr;
    }

    .filter-tags[b-moi6djsv9z] {
        justify-content: flex-start;
    }

    .cta-buttons[b-moi6djsv9z] {
        flex-direction: column;
    }
}

/* _content/AutomatedCompliance.Web/Pages/Knowledge/Mapping-frameworks.razor.rz.scp.css */
/* Knowledge Article Base Styles */
.kb-article[b-aujvb5efwi] {
    padding: var(--space-2xl) var(--space-lg);
    max-width: 1200px;
    margin: 0 auto;
}

.article-header[b-aujvb5efwi] {
    text-align: center;
    margin-bottom: var(--space-2xl);
    padding: var(--space-2xl) var(--space-lg);
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-lg);
}

    .article-header h1[b-aujvb5efwi] {
        font-size: 3rem;
        margin-bottom: var(--space-sm);
        background: var(--bg-gradient);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .article-header .meta[b-aujvb5efwi] {
        font-size: 0.95rem;
        color: var(--text-muted);
        margin-bottom: var(--space-sm);
    }

    .article-header .lead[b-aujvb5efwi] {
        font-size: 1.25rem;
        color: var(--text-secondary);
        max-width: 900px;
        margin: 0 auto;
        line-height: 1.6;
    }

/* Article Sections */
.article-section[b-aujvb5efwi] {
    margin-bottom: var(--space-2xl);
}

    .article-section h2[b-aujvb5efwi] {
        font-size: 2rem;
        margin-bottom: var(--space-lg);
        margin-top: var(--space-2xl);
        padding-bottom: var(--space-sm);
        border-bottom: 3px solid var(--border-default);
    }

    .article-section h3[b-aujvb5efwi] {
        font-size: 1.5rem;
        margin-top: var(--space-xl);
        margin-bottom: var(--space-md);
        color: var(--brand-primary);
    }

    .article-section h4[b-aujvb5efwi] {
        font-size: 1.25rem;
        margin-top: var(--space-lg);
        margin-bottom: var(--space-sm);
    }

    .article-section p[b-aujvb5efwi] {
        line-height: 1.8;
        margin-bottom: var(--space-md);
    }

    .article-section ul[b-aujvb5efwi],
    .article-section ol[b-aujvb5efwi] {
        margin-left: var(--space-lg);
        margin-bottom: var(--space-md);
        line-height: 1.8;
    }

    .article-section li[b-aujvb5efwi] {
        margin-bottom: var(--space-sm);
    }

/* Download Section */
.download-section[b-aujvb5efwi] {
    margin: var(--space-2xl) 0;
}

.download-card[b-aujvb5efwi] {
    background: var(--bg-primary);
    border: 2px solid var(--brand-primary);
    border-radius: var(--border-radius-lg);
    padding: var(--space-xl);
    box-shadow: var(--shadow-lg);
    display: flex;
    gap: var(--space-lg);
    align-items: center;
}

.download-icon[b-aujvb5efwi] {
    font-size: 4rem;
    color: var(--brand-primary);
    flex-shrink: 0;
}

.download-content[b-aujvb5efwi] {
    flex: 1;
}

    .download-content h3[b-aujvb5efwi] {
        margin: 0 0 var(--space-sm);
        color: var(--text-primary);
    }

    .download-content p[b-aujvb5efwi] {
        margin-bottom: var(--space-md);
    }

    .download-content .btn[b-aujvb5efwi] {
        margin-bottom: var(--space-sm);
    }

.download-meta[b-aujvb5efwi] {
    font-size: 0.875rem;
    color: var(--text-muted);
    margin: 0;
}

    .download-meta i[b-aujvb5efwi] {
        color: var(--brand-success);
    }

/* Info Boxes */
.info-box[b-aujvb5efwi] {
    background: var(--bg-secondary);
    border-left: 4px solid var(--brand-primary);
    border-radius: var(--border-radius-sm);
    padding: var(--space-lg);
    margin: var(--space-xl) 0;
}

    .info-box.warning[b-aujvb5efwi] {
        background: rgba(245, 158, 11, 0.05);
        border-left-color: var(--warning);
    }

    .info-box.success[b-aujvb5efwi] {
        background: rgba(34, 197, 94, 0.05);
        border-left-color: var(--success);
    }

    .info-box h4[b-aujvb5efwi] {
        margin: 0 0 var(--space-sm);
        color: var(--text-primary);
        font-size: 1.125rem;
    }

    .info-box p[b-aujvb5efwi] {
        margin-bottom: var(--space-sm);
    }

    .info-box ul[b-aujvb5efwi] {
        margin: var(--space-sm) 0 0 var(--space-lg);
    }

    .info-box li[b-aujvb5efwi] {
        margin-bottom: var(--space-xs);
    }

/* Framework Overview */
.framework-overview[b-aujvb5efwi] {
    background: var(--bg-secondary);
    border-radius: var(--border-radius-md);
    padding: var(--space-lg);
    margin: var(--space-lg) 0;
    border: 2px solid var(--border-default);
}

.framework-details p[b-aujvb5efwi] {
    margin-bottom: var(--space-sm);
    line-height: 1.6;
}

/* Mapping Examples */
.mapping-example[b-aujvb5efwi] {
    background: var(--bg-secondary);
    border-radius: var(--border-radius-lg);
    padding: var(--space-xl);
    margin: var(--space-xl) 0;
    border: 2px solid var(--border-default);
}

.control-implementation[b-aujvb5efwi] {
    margin-bottom: var(--space-xl);
    padding-bottom: var(--space-xl);
    border-bottom: 2px solid var(--border-default);
}

    .control-implementation h4[b-aujvb5efwi] {
        display: flex;
        align-items: center;
        gap: var(--space-sm);
        color: var(--brand-primary);
        margin-bottom: var(--space-md);
    }

        .control-implementation h4 i[b-aujvb5efwi] {
            font-size: 1.5rem;
        }

.framework-mappings[b-aujvb5efwi] {
    display: grid;
    gap: var(--space-lg);
}

    .framework-mappings > h4[b-aujvb5efwi] {
        font-size: 1.25rem;
        margin-bottom: var(--space-md);
    }

.mapping-item[b-aujvb5efwi] {
    background: var(--bg-primary);
    border-radius: var(--border-radius-md);
    padding: var(--space-lg);
    border: 2px solid var(--border-default);
    transition: all var(--transition-base);
}

    .mapping-item:hover[b-aujvb5efwi] {
        border-color: var(--brand-primary);
        box-shadow: var(--shadow-md);
    }

.mapping-header[b-aujvb5efwi] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-md);
    padding-bottom: var(--space-sm);
    border-bottom: 2px solid var(--border-default);
}

    .mapping-header i[b-aujvb5efwi] {
        font-size: 1.5rem;
        color: var(--brand-primary);
    }

    .mapping-header strong[b-aujvb5efwi] {
        font-size: 1.125rem;
        color: var(--text-primary);
    }

.mapping-item ul[b-aujvb5efwi] {
    margin: var(--space-sm) 0 var(--space-md) var(--space-lg);
}

.mapping-item li[b-aujvb5efwi] {
    margin-bottom: var(--space-xs);
    line-height: 1.6;
}

.mapping-note[b-aujvb5efwi] {
    background: var(--bg-tertiary);
    padding: var(--space-sm) var(--space-md);
    border-radius: var(--border-radius-sm);
    font-size: 0.95rem;
    margin: 0;
}

/* Mapping Table */
.mapping-table[b-aujvb5efwi] {
    margin: var(--space-lg) 0;
    overflow-x: auto;
}

    .mapping-table table[b-aujvb5efwi] {
        width: 100%;
        border-collapse: collapse;
        background: var(--bg-primary);
        border-radius: var(--border-radius-md);
        overflow: hidden;
        box-shadow: var(--shadow-sm);
    }

    .mapping-table thead[b-aujvb5efwi] {
        background: var(--bg-gradient);
    }

    .mapping-table th[b-aujvb5efwi] {
        padding: var(--space-md);
        text-align: left;
        font-weight: 600;
        color: var(--text-inverse);
        font-size: 0.95rem;
    }

    .mapping-table td[b-aujvb5efwi] {
        padding: var(--space-md);
        border-bottom: 1px solid var(--border-default);
        color: var(--text-secondary);
        font-size: 0.95rem;
    }

    .mapping-table tbody tr:hover[b-aujvb5efwi] {
        background: var(--bg-secondary);
    }

    .mapping-table tbody tr:last-child td[b-aujvb5efwi] {
        border-bottom: none;
    }

/* Pitfall Examples */
.pitfall-example[b-aujvb5efwi] {
    background: var(--bg-secondary);
    border-radius: var(--border-radius-md);
    padding: var(--space-lg);
    margin: var(--space-lg) 0;
    border-left: 4px solid var(--warning);
}

    .pitfall-example p[b-aujvb5efwi] {
        margin-bottom: var(--space-sm);
    }

    .pitfall-example ul[b-aujvb5efwi] {
        margin: var(--space-sm) 0 0 var(--space-lg);
    }

/* Tools Grid */
.tools-grid[b-aujvb5efwi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--space-lg);
    margin: var(--space-xl) 0;
}

.tool-card[b-aujvb5efwi] {
    background: var(--bg-primary);
    border: 2px solid var(--border-default);
    border-radius: var(--border-radius-md);
    padding: var(--space-lg);
    text-align: center;
    transition: all var(--transition-base);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .tool-card:hover[b-aujvb5efwi] {
        transform: translateY(-4px);
        box-shadow: var(--shadow-lg);
        border-color: var(--brand-primary);
    }

.tool-icon[b-aujvb5efwi] {
    font-size: 3rem;
    color: var(--brand-primary);
    margin-bottom: var(--space-md);
}

.tool-card h4[b-aujvb5efwi] {
    font-size: 1.125rem;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
}

.tool-card p[b-aujvb5efwi] {
    color: var(--text-secondary);
    font-size: 0.95rem;
    margin: 0;
}

/* CTA Footer */
.kb-cta[b-aujvb5efwi] {
    background: var(--bg-gradient);
    color: var(--text-inverse);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
    text-align: center;
    margin-top: var(--space-2xl);
}

.cta-content h3[b-aujvb5efwi] {
    color: var(--text-inverse);
    font-size: 2rem;
    margin-bottom: var(--space-md);
}

.cta-content p[b-aujvb5efwi] {
    font-size: 1.125rem;
    color: rgba(255, 255, 255, 0.95);
    max-width: 800px;
    margin: 0 auto var(--space-lg);
}

.cta-buttons[b-aujvb5efwi] {
    display: flex;
    gap: var(--space-md);
    justify-content: center;
    flex-wrap: wrap;
}

    .cta-buttons .btn-secondary[b-aujvb5efwi] {
        background: var(--bg-primary);
        color: var(--brand-primary);
        border-color: var(--bg-primary);
    }

        .cta-buttons .btn-secondary:hover[b-aujvb5efwi] {
            background: var(--bg-secondary);
            transform: translateY(-2px);
        }

/* Spinner for download button */
.spinner-border[b-aujvb5efwi] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border 0.75s linear infinite;
}

.spinner-border-sm[b-aujvb5efwi] {
    width: 0.875rem;
    height: 0.875rem;
    border-width: 2px;
}

@@keyframes spinner-border {
    to[b-aujvb5efwi] {
        transform: rotate(360deg);
    }
}

/* Responsive Design */
@@media (max-width: 768px) {
    .kb-article[b-aujvb5efwi] {
        padding: var(--space-lg) var(--space-sm);
    }

    .article-header[b-aujvb5efwi] {
        padding: var(--space-lg) var(--space-md);
    }

        .article-header h1[b-aujvb5efwi] {
            font-size: 2rem;
        }

        .article-header .lead[b-aujvb5efwi] {
            font-size: 1.125rem;
        }

    .article-section h2[b-aujvb5efwi] {
        font-size: 1.75rem;
    }

    .article-section h3[b-aujvb5efwi] {
        font-size: 1.25rem;
    }

    .download-card[b-aujvb5efwi] {
        flex-direction: column;
        text-align: center;
        padding: var(--space-lg);
    }

    .download-icon[b-aujvb5efwi] {
        font-size: 3rem;
    }

    .download-content .btn[b-aujvb5efwi] {
        width: 100%;
    }

    .mapping-example[b-aujvb5efwi] {
        padding: var(--space-md);
    }

    .mapping-item[b-aujvb5efwi] {
        padding: var(--space-md);
    }

    .mapping-table[b-aujvb5efwi] {
        font-size: 0.875rem;
    }

        .mapping-table th[b-aujvb5efwi],
        .mapping-table td[b-aujvb5efwi] {
            padding: var(--space-sm);
        }

    .tools-grid[b-aujvb5efwi] {
        grid-template-columns: 1fr;
    }

    .cta-buttons[b-aujvb5efwi] {
        flex-direction: column;
    }

        .cta-buttons .btn[b-aujvb5efwi] {
            width: 100%;
        }
}

@@media (max-width: 480px) {
    .article-header h1[b-aujvb5efwi] {
        font-size: 1.75rem;
    }

    .download-icon[b-aujvb5efwi] {
        font-size: 2.5rem;
    }
}
/* _content/AutomatedCompliance.Web/Pages/Knowledge/What-to-expect-soc2.razor.rz.scp.css */
.kb-article[b-qe07zz4tow] {
    max-width: 900px;
    margin: 0 auto;
    padding: var(--space-2xl) var(--space-lg);
}

.article-header[b-qe07zz4tow] {
    text-align: center;
    margin-bottom: var(--space-2xl);
    padding-bottom: var(--space-xl);
    border-bottom: 2px solid var(--border-default);
}

    .article-header h1[b-qe07zz4tow] {
        font-size: 2.5rem;
        margin-bottom: var(--space-sm);
        color: var(--text-primary);
    }

    .article-header .meta[b-qe07zz4tow] {
        font-size: 0.875rem;
        color: var(--text-secondary);
        margin-bottom: var(--space-md);
    }

    .article-header .lead[b-qe07zz4tow] {
        font-size: 1.25rem;
        line-height: 1.6;
        color: var(--text-secondary);
        max-width: 700px;
        margin: 0 auto;
    }

.article-section[b-qe07zz4tow] {
    margin-bottom: var(--space-2xl);
}

    .article-section h2[b-qe07zz4tow] {
        font-size: 2rem;
        margin-bottom: var(--space-lg);
        color: var(--text-primary);
    }

    .article-section h3[b-qe07zz4tow] {
        font-size: 1.5rem;
        margin: var(--space-lg) 0 var(--space-md);
        color: var(--text-primary);
    }

    .article-section h4[b-qe07zz4tow] {
        font-size: 1.25rem;
        margin-bottom: var(--space-sm);
        color: var(--text-primary);
    }

    .article-section p[b-qe07zz4tow] {
        font-size: 1.125rem;
        line-height: 1.8;
        color: var(--text-secondary);
        margin-bottom: var(--space-md);
    }

/* Timeline Visual */
.timeline-visual[b-qe07zz4tow] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--space-md);
    margin: var(--space-xl) 0;
}

.phase-card[b-qe07zz4tow] {
    background: var(--bg-secondary);
    padding: var(--space-lg);
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
    position: relative;
}

.phase-number[b-qe07zz4tow] {
    position: absolute;
    top: -1rem;
    left: var(--space-md);
    width: 2rem;
    height: 2rem;
    background: var(--brand-primary);
    color: var(--text-inverse);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.phase-card h3[b-qe07zz4tow] {
    font-size: 1.25rem;
    margin-bottom: var(--space-xs);
}

.phase-card p[b-qe07zz4tow] {
    font-size: 0.875rem;
    color: var(--text-muted);
    margin-bottom: var(--space-sm);
}

.phase-card ul[b-qe07zz4tow] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .phase-card ul li[b-qe07zz4tow] {
        font-size: 0.95rem;
        color: var(--text-secondary);
        padding: 0.25rem 0;
    }

        .phase-card ul li[b-qe07zz4tow]::before {
            content: "→";
            margin-right: 0.5rem;
            color: var(--brand-primary);
        }

/* Info Box */
.info-box[b-qe07zz4tow] {
    background: var(--bg-secondary);
    padding: var(--space-lg);
    border-radius: var(--border-radius-md);
    border-left: 4px solid var(--brand-primary);
    margin: var(--space-lg) 0;
}

    .info-box.warning[b-qe07zz4tow] {
        border-left-color: var(--brand-warning);
        background: rgba(255, 193, 7, 0.1);
    }

    .info-box h4[b-qe07zz4tow] {
        margin-top: 0;
        margin-bottom: var(--space-sm);
    }

    .info-box ul[b-qe07zz4tow] {
        margin: 0;
        padding-left: var(--space-lg);
    }

        .info-box ul li[b-qe07zz4tow] {
            margin-bottom: 0.5rem;
            color: var(--text-secondary);
        }

/* Testing Grid */
.testing-grid[b-qe07zz4tow] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--space-md);
    margin: var(--space-lg) 0;
}

.test-card[b-qe07zz4tow] {
    background: var(--bg-primary);
    padding: var(--space-lg);
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
    text-align: center;
    transition: all var(--transition-base);
}

    .test-card:hover[b-qe07zz4tow] {
        transform: translateY(-4px);
        box-shadow: var(--shadow-lg);
        border-color: var(--brand-primary);
    }

    .test-card i[b-qe07zz4tow] {
        font-size: 2.5rem;
        color: var(--brand-primary);
        margin-bottom: var(--space-sm);
    }

    .test-card h4[b-qe07zz4tow] {
        font-size: 1.125rem;
        margin-bottom: var(--space-xs);
    }

    .test-card p[b-qe07zz4tow] {
        font-size: 0.95rem;
        color: var(--text-secondary);
        margin: 0;
    }

/* Prep List */
.prep-list[b-qe07zz4tow] {
    list-style: none;
    padding: 0;
    margin: var(--space-lg) 0;
}

    .prep-list li[b-qe07zz4tow] {
        font-size: 1.125rem;
        color: var(--text-secondary);
        padding: var(--space-sm) 0;
        display: flex;
        align-items: center;
        gap: var(--space-sm);
    }

    .prep-list i[b-qe07zz4tow] {
        color: var(--brand-success);
    }

/* Exception Types */
.exception-types[b-qe07zz4tow] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--space-md);
    margin: var(--space-lg) 0;
}

.exception-card[b-qe07zz4tow] {
    background: var(--bg-primary);
    padding: var(--space-lg);
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
}

.severity[b-qe07zz4tow] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--space-sm);
}

    .severity.high[b-qe07zz4tow] {
        background: rgba(220, 53, 69, 0.2);
        color: #dc3545;
    }

    .severity.medium[b-qe07zz4tow] {
        background: rgba(255, 193, 7, 0.2);
        color: #ffc107;
    }

    .severity.low[b-qe07zz4tow] {
        background: rgba(40, 167, 69, 0.2);
        color: #28a745;
    }

/* Feature Highlight */
.feature-highlight[b-qe07zz4tow] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--space-lg);
    margin: var(--space-xl) 0;
    padding: var(--space-xl);
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-lg);
}

.highlight-item[b-qe07zz4tow] {
    text-align: center;
}

    .highlight-item i[b-qe07zz4tow] {
        font-size: 3rem;
        color: var(--brand-primary);
        margin-bottom: var(--space-sm);
    }

    .highlight-item h4[b-qe07zz4tow] {
        font-size: 1.25rem;
        margin-bottom: var(--space-xs);
    }

    .highlight-item p[b-qe07zz4tow] {
        font-size: 1rem;
        color: var(--text-secondary);
        margin: 0;
    }

/* CTA Section */
.kb-cta[b-qe07zz4tow] {
    background: var(--bg-gradient);
    color: var(--text-inverse);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
    text-align: center;
    margin-top: var(--space-2xl);
}

.cta-content h3[b-qe07zz4tow] {
    font-size: 2rem;
    color: var(--text-inverse);
    margin-bottom: var(--space-sm);
}

.cta-content p[b-qe07zz4tow] {
    font-size: 1.125rem;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: var(--space-xl);
}

.cta-buttons[b-qe07zz4tow] {
    display: flex;
    gap: var(--space-sm);
    justify-content: center;
    flex-wrap: wrap;
}

/* Responsive */
@media (max-width: 768px) {
    .article-header h1[b-qe07zz4tow] {
        font-size: 2rem;
    }

    .timeline-visual[b-qe07zz4tow],
    .testing-grid[b-qe07zz4tow],
    .exception-types[b-qe07zz4tow],
    .feature-highlight[b-qe07zz4tow] {
        grid-template-columns: 1fr;
    }

    .cta-buttons[b-qe07zz4tow] {
        flex-direction: column;
    }
}

/* _content/AutomatedCompliance.Web/Pages/Pricing.razor.rz.scp.css */
.pricing-page[b-vwhlq005x6] {
    padding: var(--space-xl) var(--space-lg);
}

.pricing-hero[b-vwhlq005x6] {
    text-align: center;
    margin-bottom: var(--space-2xl);
    padding: var(--space-2xl) var(--space-lg);
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-lg);
}

    .pricing-hero h1[b-vwhlq005x6] {
        font-size: 3rem;
        margin-bottom: var(--space-sm);
        background: var(--bg-gradient);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .pricing-hero .lead[b-vwhlq005x6] {
        font-size: 1.25rem;
        color: var(--text-secondary);
        max-width: 600px;
        margin: 0 auto;
    }

/* Pricing Grid */
.pricing-grid[b-vwhlq005x6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--space-xl);
    margin-bottom: var(--space-2xl);
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.price-card[b-vwhlq005x6] {
    position: relative;
    background: var(--bg-primary);
    border: 2px solid var(--border-default);
    border-radius: var(--border-radius-lg);
    padding: var(--space-xl);
    box-shadow: var(--shadow-md);
    transition: all var(--transition-base);
    display: flex;
    flex-direction: column;
}

    .price-card:hover[b-vwhlq005x6] {
        transform: translateY(-8px);
        box-shadow: var(--shadow-xl);
        border-color: var(--brand-primary);
    }

    .price-card.featured[b-vwhlq005x6] {
        border-color: var(--brand-primary);
        border-width: 3px;
        box-shadow: var(--shadow-lg);
        transform: scale(1.05);
    }

        .price-card.featured:hover[b-vwhlq005x6] {
            transform: translateY(-8px) scale(1.05);
        }

.featured-badge[b-vwhlq005x6] {
    position: absolute;
    top: -1rem;
    left: 50%;
    transform: translateX(-50%);
    background: var(--bg-gradient);
    color: var(--text-inverse);
    padding: 0.5rem 1.5rem;
    border-radius: 999px;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    box-shadow: var(--shadow-md);
}

.price-header[b-vwhlq005x6] {
    text-align: center;
    margin-bottom: var(--space-lg);
    padding-bottom: var(--space-lg);
    border-bottom: 2px solid var(--border-default);
}

.plan-name[b-vwhlq005x6] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: var(--space-md);
}

.plan-price[b-vwhlq005x6] {
    margin-bottom: var(--space-md);
}

    .plan-price .currency[b-vwhlq005x6] {
        font-size: 1.5rem;
        font-weight: 600;
        color: var(--text-secondary);
        vertical-align: top;
    }

    .plan-price .amount[b-vwhlq005x6] {
        font-size: 3.5rem;
        font-weight: 700;
        color: var(--text-primary);
        line-height: 1;
    }

    .plan-price .period[b-vwhlq005x6] {
        font-size: 1.25rem;
        color: var(--text-secondary);
    }

.custom-price[b-vwhlq005x6] {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--text-primary);
}

.plan-tagline[b-vwhlq005x6] {
    font-size: 1rem;
    color: var(--text-secondary);
    margin: 0;
}

.price-features[b-vwhlq005x6] {
    flex: 1;
    margin-bottom: var(--space-lg);
}

.feature-list[b-vwhlq005x6] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .feature-list li[b-vwhlq005x6] {
        padding: var(--space-sm) 0;
        color: var(--text-secondary);
        display: flex;
        align-items: center;
        gap: var(--space-sm);
        font-size: 0.95rem;
    }

        .feature-list li i[b-vwhlq005x6] {
            color: var(--brand-success);
            font-size: 1rem;
            flex-shrink: 0;
        }

.price-footer[b-vwhlq005x6] {
    text-align: center;
}

/* Comparison Section */
.comparison-section[b-vwhlq005x6] {
    max-width: 1200px;
    margin: var(--space-2xl) auto;
    padding: var(--space-2xl) var(--space-lg);
    background: var(--bg-secondary);
    border-radius: var(--border-radius-lg);
}

.section-heading[b-vwhlq005x6] {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: var(--space-xl);
    color: var(--text-primary);
}

.comparison-table-wrapper[b-vwhlq005x6] {
    overflow-x: auto;
}

.comparison-table[b-vwhlq005x6] {
    width: 100%;
    border-collapse: collapse;
    background: var(--bg-primary);
    border-radius: var(--border-radius-md);
    overflow: hidden;
    box-shadow: var(--shadow-md);
}

    .comparison-table thead[b-vwhlq005x6] {
        background: var(--bg-gradient-light);
    }

    .comparison-table th[b-vwhlq005x6] {
        padding: var(--space-lg);
        text-align: center;
        font-weight: 700;
        font-size: 1.125rem;
        color: var(--text-primary);
        border-bottom: 2px solid var(--border-default);
    }

        .comparison-table th.feature-column[b-vwhlq005x6] {
            text-align: left;
        }

        .comparison-table th.featured-column[b-vwhlq005x6] {
            background: var(--brand-primary);
            color: var(--text-inverse);
        }

    .comparison-table td[b-vwhlq005x6] {
        padding: var(--space-md) var(--space-lg);
        text-align: center;
        border-bottom: 1px solid var(--border-default);
        color: var(--text-secondary);
    }

        .comparison-table td.feature-name[b-vwhlq005x6] {
            text-align: left;
            font-weight: 600;
            color: var(--text-primary);
        }

    .comparison-table tbody tr:hover[b-vwhlq005x6] {
        background: var(--bg-secondary);
    }

.check-icon[b-vwhlq005x6] {
    color: var(--brand-success);
    font-size: 1.25rem;
}

.xmark-icon[b-vwhlq005x6] {
    color: var(--text-muted);
    font-size: 1.25rem;
}

/* CTA Section */
.pricing-cta[b-vwhlq005x6] {
    background: var(--bg-gradient);
    color: var(--text-inverse);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
    text-align: center;
    margin-top: var(--space-2xl);
}

    .pricing-cta h2[b-vwhlq005x6] {
        font-size: 2.5rem;
        color: var(--text-inverse);
        margin-bottom: var(--space-sm);
    }

    .pricing-cta p[b-vwhlq005x6] {
        font-size: 1.125rem;
        color: rgba(255, 255, 255, 0.9);
        max-width: 600px;
        margin: 0 auto var(--space-xl);
    }

.cta-buttons[b-vwhlq005x6] {
    display: flex;
    gap: var(--space-sm);
    justify-content: center;
    flex-wrap: wrap;
}

/* Responsive */
@media (max-width: 768px) {
    .pricing-hero h1[b-vwhlq005x6] {
        font-size: 2rem;
    }

    .pricing-grid[b-vwhlq005x6] {
        grid-template-columns: 1fr;
    }

    .price-card.featured[b-vwhlq005x6] {
        transform: scale(1);
    }

        .price-card.featured:hover[b-vwhlq005x6] {
            transform: translateY(-8px) scale(1);
        }

    .section-heading[b-vwhlq005x6] {
        font-size: 2rem;
    }

    .comparison-table[b-vwhlq005x6] {
        font-size: 0.875rem;
    }

        .comparison-table th[b-vwhlq005x6],
        .comparison-table td[b-vwhlq005x6] {
            padding: var(--space-sm);
        }

    .pricing-cta h2[b-vwhlq005x6] {
        font-size: 2rem;
    }

    .cta-buttons[b-vwhlq005x6] {
        flex-direction: column;
    }
}

/* _content/AutomatedCompliance.Web/Pages/Privacy.razor.rz.scp.css */
.kb-article[b-k9o7xyrwm8] {
    padding: var(--space-2xl) var(--space-lg);
    max-width: 1000px;
    margin: 0 auto;
}

.kb-article header[b-k9o7xyrwm8] {
    text-align: center;
    margin-bottom: var(--space-2xl);
    padding-bottom: var(--space-xl);
    border-bottom: 2px solid var(--border-default);
}

.kb-article h1[b-k9o7xyrwm8] {
    font-size: 2.5rem;
    margin-bottom: var(--space-md);
    color: var(--text-primary);
}

.kb-article .meta[b-k9o7xyrwm8] {
    font-size: 0.875rem;
    color: var(--text-muted);
    font-style: italic;
}

.kb-article section[b-k9o7xyrwm8] {
    margin-bottom: var(--space-2xl);
}

.kb-article h2[b-k9o7xyrwm8] {
    font-size: 1.75rem;
    margin-top: var(--space-2xl);
    margin-bottom: var(--space-lg);
    color: var(--text-primary);
    border-bottom: 2px solid var(--border-default);
    padding-bottom: var(--space-sm);
}

.kb-article h3[b-k9o7xyrwm8] {
    font-size: 1.25rem;
    margin-top: var(--space-xl);
    margin-bottom: var(--space-md);
    color: var(--text-primary);
}

.kb-article p[b-k9o7xyrwm8] {
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-secondary);
    margin-bottom: var(--space-lg);
}

.kb-article ul[b-k9o7xyrwm8] {
    margin-left: var(--space-xl);
    margin-bottom: var(--space-lg);
}

.kb-article ul li[b-k9o7xyrwm8] {
    padding: var(--space-xs) 0;
    color: var(--text-secondary);
    line-height: 1.7;
}

.kb-article strong[b-k9o7xyrwm8] {
    color: var(--text-primary);
    font-weight: 600;
}

.kb-article em[b-k9o7xyrwm8] {
    font-style: italic;
    color: var(--text-primary);
}

.kb-article a[b-k9o7xyrwm8] {
    color: var(--brand-primary);
    text-decoration: none;
    font-weight: 500;
    transition: color var(--transition-fast);
}

.kb-article a:hover[b-k9o7xyrwm8] {
    color: var(--brand-accent);
    text-decoration: underline;
}

/* Cookie Controls */
.cookie-controls[b-k9o7xyrwm8] {
    display: flex;
    gap: var(--space-md);
    margin: var(--space-lg) 0;
    flex-wrap: wrap;
}

.mt-3[b-k9o7xyrwm8] {
    margin-top: var(--space-lg);
}

details[b-k9o7xyrwm8] {
    background: var(--bg-secondary);
    padding: var(--space-lg);
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
    margin: var(--space-lg) 0;
}

details summary[b-k9o7xyrwm8] {
    cursor: pointer;
    font-weight: 600;
    color: var(--text-primary);
    list-style: none;
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

details summary[b-k9o7xyrwm8]::-webkit-details-marker {
    display: none;
}

details summary[b-k9o7xyrwm8]::before {
    content: '\f054';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    color: var(--brand-primary);
    transition: transform var(--transition-fast);
}

details[open] summary[b-k9o7xyrwm8]::before {
    transform: rotate(90deg);
}

details ul[b-k9o7xyrwm8] {
    margin-top: var(--space-md);
    margin-bottom: 0;
}

/* Notice Box */
.notice[b-k9o7xyrwm8] {
    background: var(--bg-secondary);
    padding: var(--space-lg);
    border-radius: var(--border-radius-md);
    border-left: 4px solid var(--brand-warning);
    margin: var(--space-xl) 0;
}

.notice p[b-k9o7xyrwm8] {
    margin: 0;
    font-style: italic;
    color: var(--text-muted);
}

/* Responsive Design */
@media (max-width: 768px) {
    .kb-article[b-k9o7xyrwm8] {
        padding: var(--space-xl) var(--space-md);
    }

    .kb-article h1[b-k9o7xyrwm8] {
        font-size: 2rem;
    }

    .kb-article h2[b-k9o7xyrwm8] {
        font-size: 1.5rem;
    }

    .cookie-controls[b-k9o7xyrwm8] {
        flex-direction: column;
    }

    .cookie-controls .btn[b-k9o7xyrwm8] {
        width: 100%;
    }
}
/* _content/AutomatedCompliance.Web/Pages/Resources.razor.rz.scp.css */
.resources-page[b-mltoghah5p] {
    padding: var(--space-2xl) var(--space-lg);
    max-width: 1400px;
    margin: 0 auto;
}

.page-hero[b-mltoghah5p] {
    text-align: center;
    margin-bottom: var(--space-2xl);
    padding: var(--space-2xl) var(--space-lg);
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-lg);
}

.page-hero h1[b-mltoghah5p] {
    font-size: 3rem;
    margin-bottom: var(--space-sm);
    background: var(--bg-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.page-hero .lead[b-mltoghah5p] {
    font-size: 1.25rem;
    color: var(--text-secondary);
    max-width: 700px;
    margin: 0 auto;
}

/* Featured Resources */
.featured-resources[b-mltoghah5p] {
    margin-bottom: var(--space-2xl);
}

.featured-resources h2[b-mltoghah5p] {
    font-size: 2rem;
    margin-bottom: var(--space-xl);
    color: var(--text-primary);
}

.resource-grid[b-mltoghah5p] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: var(--space-xl);
}

.resource-card[b-mltoghah5p] {
    background: var(--bg-primary);
    border: 2px solid var(--border-default);
    border-radius: var(--border-radius-lg);
    padding: var(--space-xl);
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
    transition: all var(--transition-base);
}

.resource-card.featured[b-mltoghah5p] {
    border-color: var(--brand-primary);
    box-shadow: var(--shadow-md);
}

.resource-card:hover[b-mltoghah5p] {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
}

.resource-icon[b-mltoghah5p] {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-md);
    color: var(--brand-primary);
}

.resource-icon i[b-mltoghah5p] {
    font-size: 2rem;
}

.resource-content[b-mltoghah5p] {
    flex-grow: 1;
}

.resource-tag[b-mltoghah5p] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: rgba(59, 130, 246, 0.15);
    color: var(--brand-primary);
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--space-sm);
}

.resource-tag.calculator[b-mltoghah5p] {
    background: rgba(168, 85, 247, 0.15);
    color: #9333ea;
}

.resource-card h3[b-mltoghah5p] {
    font-size: 1.5rem;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
}

.resource-card p[b-mltoghah5p] {
    font-size: 1rem;
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: var(--space-md);
}

.resource-features[b-mltoghah5p] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.resource-features li[b-mltoghah5p] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-xs) 0;
    font-size: 0.95rem;
    color: var(--text-secondary);
}

.resource-features i[b-mltoghah5p] {
    color: var(--brand-success);
    font-size: 0.875rem;
}

.resource-actions[b-mltoghah5p] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    padding-top: var(--space-md);
    border-top: 1px solid var(--border-default);
}

.resource-meta[b-mltoghah5p] {
    font-size: 0.875rem;
    color: var(--text-muted);
    text-align: center;
}

/* Resource Category */
.resource-category[b-mltoghah5p] {
    margin-bottom: var(--space-2xl);
    padding-top: var(--space-2xl);
    border-top: 2px solid var(--border-default);
}

.category-header[b-mltoghah5p] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: var(--space-xl);
}

.category-header h2[b-mltoghah5p] {
    font-size: 1.75rem;
    margin-bottom: var(--space-xs);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.category-header h2 i[b-mltoghah5p] {
    color: var(--brand-primary);
}

.category-header p[b-mltoghah5p] {
    font-size: 1rem;
    color: var(--text-secondary);
    margin: 0;
}

/* Resource List */
.resource-list[b-mltoghah5p] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.resource-item[b-mltoghah5p] {
    display: flex;
    align-items: center;
    gap: var(--space-lg);
    padding: var(--space-lg);
    background: var(--bg-primary);
    border: 2px solid var(--border-default);
    border-radius: var(--border-radius-md);
    transition: all var(--transition-base);
}

.resource-item:hover[b-mltoghah5p] {
    border-color: var(--brand-primary);
    box-shadow: var(--shadow-sm);
}

.resource-item-icon[b-mltoghah5p] {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-md);
    color: var(--brand-primary);
    flex-shrink: 0;
}

.resource-item-icon i[b-mltoghah5p] {
    font-size: 1.5rem;
}

.resource-item-content[b-mltoghah5p] {
    flex-grow: 1;
}

.resource-item h4[b-mltoghah5p] {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: var(--space-xs);
    color: var(--text-primary);
}

.resource-item p[b-mltoghah5p] {
    font-size: 0.95rem;
    color: var(--text-secondary);
    margin-bottom: var(--space-sm);
    line-height: 1.5;
}

.resource-item-meta[b-mltoghah5p] {
    display: flex;
    gap: var(--space-lg);
    flex-wrap: wrap;
}

.resource-item-meta span[b-mltoghah5p] {
    font-size: 0.875rem;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.resource-item-meta i[b-mltoghah5p] {
    font-size: 0.75rem;
}

/* Tools & Calculators */
.resource-grid-small[b-mltoghah5p] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--space-lg);
}

.tool-card[b-mltoghah5p] {
    background: var(--bg-primary);
    padding: var(--space-lg);
    border: 2px solid var(--border-default);
    border-radius: var(--border-radius-md);
    transition: all var(--transition-base);
    text-align: center;
}

.tool-card:hover[b-mltoghah5p] {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
    border-color: var(--brand-primary);
}

.tool-icon[b-mltoghah5p] {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-md);
    color: var(--brand-primary);
    margin: 0 auto var(--space-md);
}

.tool-icon i[b-mltoghah5p] {
    font-size: 2rem;
}

.tool-card h4[b-mltoghah5p] {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
}

.tool-card p[b-mltoghah5p] {
    font-size: 0.95rem;
    color: var(--text-secondary);
    line-height: 1.5;
    margin-bottom: var(--space-md);
}

/* CTA Section */
.resources-cta[b-mltoghah5p] {
    margin-top: var(--space-2xl);
    padding-top: var(--space-2xl);
    border-top: 2px solid var(--border-default);
}

.resources-cta .info-box[b-mltoghah5p] {
    background: var(--bg-gradient-light);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
    text-align: center;
    border: 2px solid var(--border-default);
}

.resources-cta h3[b-mltoghah5p] {
    font-size: 1.75rem;
    margin-bottom: var(--space-md);
    color: var(--text-primary);
}

.resources-cta p[b-mltoghah5p] {
    font-size: 1.125rem;
    color: var(--text-secondary);
    margin-bottom: var(--space-xl);
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.cta-buttons[b-mltoghah5p] {
    display: flex;
    gap: var(--space-md);
    justify-content: center;
    flex-wrap: wrap;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .resource-grid[b-mltoghah5p] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .page-hero h1[b-mltoghah5p] {
        font-size: 2rem;
    }

    .page-hero .lead[b-mltoghah5p] {
        font-size: 1.05rem;
    }

    .resource-item[b-mltoghah5p] {
        flex-direction: column;
        text-align: center;
    }

    .resource-item-icon[b-mltoghah5p] {
        margin-bottom: var(--space-sm);
    }

    .resource-item-meta[b-mltoghah5p] {
        justify-content: center;
    }

    .resource-grid-small[b-mltoghah5p] {
        grid-template-columns: 1fr;
    }

    .cta-buttons[b-mltoghah5p] {
        flex-direction: column;
        width: 100%;
    }

    .cta-buttons .btn[b-mltoghah5p] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .resources-page[b-mltoghah5p] {
        padding: var(--space-xl) var(--space-md);
    }

    .page-hero[b-mltoghah5p] {
        padding: var(--space-xl) var(--space-md);
    }

    .resource-card[b-mltoghah5p] {
        padding: var(--space-lg);
    }

    .resource-item[b-mltoghah5p] {
        padding: var(--space-md);
    }

    .resources-cta .info-box[b-mltoghah5p] {
        padding: var(--space-xl) var(--space-lg);
    }
}
/* _content/AutomatedCompliance.Web/Pages/Roadmap.razor.rz.scp.css */
.roadmap-page[b-m2qm82eka5] {
    padding: var(--space-2xl) var(--space-lg);
    max-width: 1400px;
    margin: 0 auto;
}

.page-hero[b-m2qm82eka5] {
    text-align: center;
    margin-bottom: var(--space-2xl);
    padding: var(--space-2xl) var(--space-lg);
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-lg);
}

.page-hero h1[b-m2qm82eka5] {
    font-size: 3rem;
    margin-bottom: var(--space-sm);
    background: var(--bg-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.page-hero .lead[b-m2qm82eka5] {
    font-size: 1.25rem;
    color: var(--text-secondary);
    max-width: 700px;
    margin: 0 auto var(--space-md);
}

.page-hero .meta[b-m2qm82eka5] {
    font-size: 0.875rem;
    color: var(--text-muted);
    margin: 0;
}

/* Timeline Legend */
.timeline-legend[b-m2qm82eka5] {
    display: flex;
    justify-content: center;
    gap: var(--space-xl);
    margin-bottom: var(--space-2xl);
    padding: var(--space-lg);
    background: var(--bg-secondary);
    border-radius: var(--border-radius-md);
    flex-wrap: wrap;
}

.legend-item[b-m2qm82eka5] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-size: 0.875rem;
}

.legend-item span:last-child[b-m2qm82eka5] {
    color: var(--text-secondary);
}

/* Status Badges */
.status-badge[b-m2qm82eka5] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
}

.status-badge.live[b-m2qm82eka5] {
    background: rgba(34, 197, 94, 0.15);
    color: #16a34a;
    border: 1px solid rgba(34, 197, 94, 0.3);
}

.status-badge.in-progress[b-m2qm82eka5] {
    background: rgba(59, 130, 246, 0.15);
    color: #2563eb;
    border: 1px solid rgba(59, 130, 246, 0.3);
}

.status-badge.planned[b-m2qm82eka5] {
    background: rgba(168, 85, 247, 0.15);
    color: #9333ea;
    border: 1px solid rgba(168, 85, 247, 0.3);
}

.status-badge.future[b-m2qm82eka5] {
    background: rgba(148, 163, 184, 0.15);
    color: #64748b;
    border: 1px solid rgba(148, 163, 184, 0.3);
}

/* Roadmap Quarter */
.roadmap-quarter[b-m2qm82eka5] {
    margin-bottom: var(--space-2xl);
}

.quarter-header[b-m2qm82eka5] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: var(--space-xl);
    padding-bottom: var(--space-md);
    border-bottom: 3px solid var(--border-default);
}

.quarter-header h2[b-m2qm82eka5] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.quarter-period[b-m2qm82eka5] {
    font-size: 1rem;
    color: var(--text-muted);
    margin: 0;
}

/* Feature Grid */
.feature-grid[b-m2qm82eka5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--space-lg);
}

.feature-card[b-m2qm82eka5] {
    background: var(--bg-primary);
    padding: var(--space-lg);
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
    transition: all var(--transition-base);
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.feature-card[b-m2qm82eka5]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    transition: width var(--transition-base);
}

.feature-card.live[b-m2qm82eka5]::before {
    background: #16a34a;
}

.feature-card.in-progress[b-m2qm82eka5]::before {
    background: #2563eb;
}

.feature-card.planned[b-m2qm82eka5]::before {
    background: #9333ea;
}

.feature-card.future[b-m2qm82eka5]::before {
    background: #64748b;
}

.feature-card:hover[b-m2qm82eka5] {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
    border-color: var(--brand-primary);
}

.feature-card:hover[b-m2qm82eka5]::before {
    width: 8px;
}

/* Feature Header */
.feature-header[b-m2qm82eka5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-md);
}

.feature-icon[b-m2qm82eka5] {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-md);
    color: var(--brand-primary);
}

.feature-icon i[b-m2qm82eka5] {
    font-size: 1.5rem;
}

/* Feature Content */
.feature-card h3[b-m2qm82eka5] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: var(--space-sm);
}

.feature-description[b-m2qm82eka5] {
    font-size: 0.95rem;
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: var(--space-md);
    flex-grow: 1;
}

.feature-benefit[b-m2qm82eka5] {
    display: flex;
    align-items: start;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    background: rgba(59, 130, 246, 0.08);
    border-left: 3px solid var(--brand-primary);
    border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0;
    margin-bottom: var(--space-md);
}

.feature-benefit i[b-m2qm82eka5] {
    color: var(--brand-primary);
    margin-top: 0.125rem;
    flex-shrink: 0;
}

.feature-benefit span[b-m2qm82eka5] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    font-weight: 500;
}

.feature-tags[b-m2qm82eka5] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
    margin-top: auto;
}

.tag[b-m2qm82eka5] {
    padding: 0.25rem 0.625rem;
    background: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: 999px;
    font-size: 0.75rem;
    color: var(--text-muted);
    font-weight: 500;
}

/* CTA Section */
.roadmap-cta[b-m2qm82eka5] {
    margin: var(--space-2xl) 0;
}

.roadmap-cta .info-box[b-m2qm82eka5] {
    background: var(--bg-gradient-light);
    padding: var(--space-xl);
    border-radius: var(--border-radius-lg);
    text-align: center;
    border: 2px solid var(--border-default);
}

.roadmap-cta h3[b-m2qm82eka5] {
    font-size: 1.5rem;
    margin-bottom: var(--space-md);
    color: var(--text-primary);
}

.roadmap-cta h3 i[b-m2qm82eka5] {
    color: var(--brand-primary);
    margin-right: var(--space-sm);
}

.roadmap-cta p[b-m2qm82eka5] {
    font-size: 1.05rem;
    color: var(--text-secondary);
    margin-bottom: var(--space-lg);
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.cta-buttons[b-m2qm82eka5] {
    display: flex;
    gap: var(--space-md);
    justify-content: center;
    flex-wrap: wrap;
}

/* Integration Roadmap */
.integration-roadmap[b-m2qm82eka5] {
    margin: var(--space-2xl) 0;
    padding: var(--space-2xl);
    background: var(--bg-secondary);
    border-radius: var(--border-radius-lg);
}

.integration-roadmap h2[b-m2qm82eka5] {
    font-size: 2rem;
    text-align: center;
    margin-bottom: var(--space-sm);
    background: var(--bg-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.integration-roadmap > p[b-m2qm82eka5] {
    text-align: center;
    color: var(--text-secondary);
    margin-bottom: var(--space-2xl);
}

.integration-grid[b-m2qm82eka5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--space-lg);
}

.integration-category[b-m2qm82eka5] {
    background: var(--bg-primary);
    padding: var(--space-lg);
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
}

.integration-category h3[b-m2qm82eka5] {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: var(--space-md);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.integration-category h3 i[b-m2qm82eka5] {
    color: var(--brand-primary);
}

.integration-list[b-m2qm82eka5] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.integration-list li[b-m2qm82eka5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    padding: var(--space-sm) 0;
    border-bottom: 1px solid var(--border-default);
    font-size: 0.95rem;
    color: var(--text-secondary);
}

.integration-list li:last-child[b-m2qm82eka5] {
    border-bottom: none;
}

.integration-list .status-badge[b-m2qm82eka5] {
    font-size: 0.7rem;
    padding: 0.2rem 0.5rem;
    flex-shrink: 0;
}

/* Transparency Note */
.transparency-note[b-m2qm82eka5] {
    margin-top: var(--space-2xl);
}

.transparency-note .info-box[b-m2qm82eka5] {
    background: var(--bg-secondary);
    padding: var(--space-lg);
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
}

.transparency-note h4[b-m2qm82eka5] {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.transparency-note h4 i[b-m2qm82eka5] {
    color: var(--brand-primary);
}

.transparency-note p[b-m2qm82eka5] {
    font-size: 0.875rem;
    color: var(--text-muted);
    line-height: 1.6;
    margin: 0;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .quarter-header[b-m2qm82eka5] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-xs);
    }

    .feature-grid[b-m2qm82eka5] {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }
}

@media (max-width: 768px) {
    .page-hero h1[b-m2qm82eka5] {
        font-size: 2rem;
    }

    .page-hero .lead[b-m2qm82eka5] {
        font-size: 1.05rem;
    }

    .timeline-legend[b-m2qm82eka5] {
        flex-direction: column;
        gap: var(--space-md);
        align-items: flex-start;
    }

    .quarter-header h2[b-m2qm82eka5] {
        font-size: 1.5rem;
    }

    .feature-grid[b-m2qm82eka5] {
        grid-template-columns: 1fr;
    }

    .integration-grid[b-m2qm82eka5] {
        grid-template-columns: 1fr;
    }

    .cta-buttons[b-m2qm82eka5] {
        flex-direction: column;
        width: 100%;
    }

    .cta-buttons .btn[b-m2qm82eka5] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .roadmap-page[b-m2qm82eka5] {
        padding: var(--space-xl) var(--space-md);
    }

    .page-hero[b-m2qm82eka5] {
        padding: var(--space-xl) var(--space-md);
    }

    .integration-roadmap[b-m2qm82eka5] {
        padding: var(--space-xl) var(--space-md);
    }

    .feature-benefit[b-m2qm82eka5] {
        flex-direction: column;
    }
}
/* _content/AutomatedCompliance.Web/Pages/RoiCalculator.razor.rz.scp.css */
.roi-calculator[b-hvj990hq3f] {
    padding: var(--space-2xl) var(--space-lg);
    max-width: 1400px;
    margin: 0 auto;
}

.page-hero[b-hvj990hq3f] {
    text-align: center;
    margin-bottom: var(--space-2xl);
    padding: var(--space-2xl) var(--space-lg);
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-lg);
}

.page-hero h1[b-hvj990hq3f] {
    font-size: 2.5rem;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
}

.page-hero h1 i[b-hvj990hq3f] {
    color: var(--brand-primary);
}

.page-hero .lead[b-hvj990hq3f] {
    font-size: 1.25rem;
    color: var(--text-secondary);
    max-width: 800px;
    margin: 0 auto;
}

/* Calculator Section */
.calculator-section[b-hvj990hq3f] {
    margin-bottom: var(--space-2xl);
}

.calculator-card[b-hvj990hq3f] {
    background: var(--bg-primary);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--border-default);
    box-shadow: var(--shadow-md);
}

.calculator-card h2[b-hvj990hq3f] {
    font-size: 1.75rem;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
}

.section-intro[b-hvj990hq3f] {
    font-size: 1rem;
    color: var(--text-secondary);
    margin-bottom: var(--space-xl);
}

.calculator-form[b-hvj990hq3f] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
}

.form-row[b-hvj990hq3f] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--space-lg);
}

.form-group[b-hvj990hq3f] {
    display: flex;
    flex-direction: column;
}

.form-group label[b-hvj990hq3f] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-sm);
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.form-group label i[b-hvj990hq3f] {
    color: var(--brand-primary);
}

.help-text[b-hvj990hq3f] {
    display: block;
    font-size: 0.8rem;
    font-weight: 400;
    color: var(--text-secondary);
    margin-top: var(--space-xs);
}

.form-control[b-hvj990hq3f] {
    width: 100%;
    padding: var(--space-md);
    font-size: 1rem;
    border: 2px solid var(--border-default);
    border-radius: var(--border-radius-md);
    background: var(--bg-primary);
    color: var(--text-primary);
    transition: border-color var(--transition-fast);
}

.form-control:focus[b-hvj990hq3f] {
    outline: none;
    border-color: var(--brand-primary);
}

.automation-level[b-hvj990hq3f] {
    padding: var(--space-xl);
    background: var(--bg-secondary);
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
}

.automation-level > label[b-hvj990hq3f] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-lg);
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.automation-level > label i[b-hvj990hq3f] {
    color: var(--brand-primary);
}

.level-options[b-hvj990hq3f] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--space-md);
}

.level-btn[b-hvj990hq3f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: var(--space-lg);
    background: var(--bg-primary);
    border: 2px solid var(--border-default);
    border-radius: var(--border-radius-md);
    cursor: pointer;
    transition: all var(--transition-base);
}

.level-btn:hover[b-hvj990hq3f] {
    border-color: var(--brand-primary);
    background: var(--bg-gradient-light);
    transform: translateY(-2px);
}

.level-btn.active[b-hvj990hq3f] {
    border-color: var(--brand-primary);
    background: var(--bg-gradient-light);
    box-shadow: var(--shadow-md);
}

.level-name[b-hvj990hq3f] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: var(--space-xs);
}

.level-desc[b-hvj990hq3f] {
    font-size: 0.8rem;
    color: var(--text-secondary);
}

/* Results Section */
.results-section[b-hvj990hq3f] {
    margin-bottom: var(--space-2xl);
}

.results-header[b-hvj990hq3f] {
    text-align: center;
    margin-bottom: var(--space-2xl);
}

.results-header h2[b-hvj990hq3f] {
    font-size: 2rem;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
}

.results-header h2 i[b-hvj990hq3f] {
    color: var(--brand-primary);
}

.results-header p[b-hvj990hq3f] {
    font-size: 1rem;
    color: var(--text-secondary);
}

/* Metrics Grid */
.metrics-grid[b-hvj990hq3f] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--space-lg);
    margin-bottom: var(--space-2xl);
}

.metric-card[b-hvj990hq3f] {
    display: flex;
    align-items: center;
    gap: var(--space-lg);
    padding: var(--space-xl);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--border-default);
    box-shadow: var(--shadow-md);
    transition: all var(--transition-base);
}

.metric-card:hover[b-hvj990hq3f] {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
}

.metric-card.primary[b-hvj990hq3f] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: var(--text-inverse);
    border-color: #667eea;
}

.metric-card.success[b-hvj990hq3f] {
    background: linear-gradient(135deg, #22c55e 0%, #14532d 100%);
    color: var(--text-inverse);
    border-color: #22c55e;
}

.metric-card.accent[b-hvj990hq3f] {
    background: linear-gradient(135deg, #f59e0b 0%, #92400e 100%);
    color: var(--text-inverse);
    border-color: #f59e0b;
}

.metric-card.info[b-hvj990hq3f] {
    background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
    color: var(--text-inverse);
    border-color: #3b82f6;
}

.metric-icon[b-hvj990hq3f] {
    font-size: 2.5rem;
    opacity: 0.9;
}

.metric-content[b-hvj990hq3f] {
    flex-grow: 1;
}

.metric-value[b-hvj990hq3f] {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: var(--space-xs);
}

.metric-label[b-hvj990hq3f] {
    font-size: 0.95rem;
    font-weight: 600;
    margin-bottom: var(--space-xs);
    opacity: 0.95;
}

.metric-detail[b-hvj990hq3f] {
    font-size: 0.8rem;
    opacity: 0.85;
}

/* Projection Section */
.projection-section[b-hvj990hq3f] {
    background: var(--bg-primary);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--border-default);
    margin-bottom: var(--space-2xl);
}

.projection-section h3[b-hvj990hq3f] {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: var(--space-xl);
    color: var(--text-primary);
}

.projection-chart[b-hvj990hq3f] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
    margin-bottom: var(--space-xl);
}

.year-bar[b-hvj990hq3f] {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: var(--space-md);
    align-items: center;
}

.year-label[b-hvj990hq3f] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary);
}

.bar-container[b-hvj990hq3f] {
    background: var(--bg-secondary);
    border-radius: 999px;
    height: 3rem;
    overflow: hidden;
    position: relative;
}

.bar-fill[b-hvj990hq3f] {
    height: 100%;
    background: var(--bg-gradient);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 var(--space-md);
    transition: width var(--transition-base);
}

.bar-value[b-hvj990hq3f] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-inverse);
    white-space: nowrap;
}

.projection-total[b-hvj990hq3f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-lg);
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-md);
    font-size: 1.125rem;
}

.projection-total strong[b-hvj990hq3f] {
    color: var(--text-primary);
}

.total-value[b-hvj990hq3f] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--brand-primary);
}

/* Breakdown Section */
.breakdown-section[b-hvj990hq3f] {
    margin-bottom: var(--space-2xl);
}

.breakdown-section h3[b-hvj990hq3f] {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: var(--space-xl);
    color: var(--text-primary);
}

.breakdown-grid[b-hvj990hq3f] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--space-lg);
}

.breakdown-card[b-hvj990hq3f] {
    background: var(--bg-primary);
    padding: var(--space-xl);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--border-default);
    box-shadow: var(--shadow-sm);
}

.breakdown-header[b-hvj990hq3f] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    margin-bottom: var(--space-lg);
}

.breakdown-header i[b-hvj990hq3f] {
    font-size: 1.5rem;
    color: var(--brand-primary);
}

.breakdown-header h4[b-hvj990hq3f] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.breakdown-stats[b-hvj990hq3f] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    margin-bottom: var(--space-md);
}

.breakdown-stat[b-hvj990hq3f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-sm) var(--space-md);
    background: var(--bg-secondary);
    border-radius: var(--border-radius-md);
}

.stat-label[b-hvj990hq3f] {
    font-size: 0.875rem;
    color: var(--text-secondary);
}

.stat-value[b-hvj990hq3f] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--brand-primary);
}

.breakdown-desc[b-hvj990hq3f] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0;
}

/* Benefits Section */
.benefits-section[b-hvj990hq3f] {
    background: var(--bg-secondary);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--border-default);
    margin-bottom: var(--space-2xl);
}

.benefits-section h3[b-hvj990hq3f] {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: var(--space-xl);
    color: var(--text-primary);
}

.benefits-grid[b-hvj990hq3f] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--space-lg);
}

.benefit-item[b-hvj990hq3f] {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: var(--space-sm);
}

.benefit-item i[b-hvj990hq3f] {
    font-size: 2rem;
    color: var(--brand-primary);
    margin-bottom: var(--space-sm);
}

.benefit-item strong[b-hvj990hq3f] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary);
}

.benefit-item p[b-hvj990hq3f] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0;
}

/* Action Section */
.action-section[b-hvj990hq3f] {
    margin-bottom: var(--space-2xl);
}

.export-card[b-hvj990hq3f] {
    background: var(--bg-gradient-light);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--border-default);
    text-align: center;
}

.export-card h4[b-hvj990hq3f] {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
}

.export-card p[b-hvj990hq3f] {
    font-size: 1rem;
    color: var(--text-secondary);
    margin-bottom: var(--space-xl);
}

.export-buttons[b-hvj990hq3f] {
    display: flex;
    gap: var(--space-md);
    justify-content: center;
    flex-wrap: wrap;
}

/* Placeholder Section */
.placeholder-section[b-hvj990hq3f] {
    padding: var(--space-2xl) 0;
}

.placeholder-card[b-hvj990hq3f] {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    padding: var(--space-2xl);
    background: var(--bg-secondary);
    border-radius: var(--border-radius-lg);
    border: 2px dashed var(--border-default);
}

.placeholder-icon[b-hvj990hq3f] {
    width: 6rem;
    height: 6rem;
    margin: 0 auto var(--space-xl);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-gradient-light);
    border-radius: 50%;
    color: var(--brand-primary);
}

.placeholder-icon i[b-hvj990hq3f] {
    font-size: 3rem;
}

.placeholder-card h3[b-hvj990hq3f] {
    font-size: 1.5rem;
    margin-bottom: var(--space-md);
    color: var(--text-primary);
}

.placeholder-card p[b-hvj990hq3f] {
    font-size: 1rem;
    color: var(--text-secondary);
    margin: 0;
}

/* CTA Section */
.tool-cta[b-hvj990hq3f] {
    margin-top: var(--space-2xl);
    padding: var(--space-2xl);
    background: var(--bg-gradient);
    border-radius: var(--border-radius-lg);
    color: var(--text-inverse);
    text-align: center;
}

.cta-content h3[b-hvj990hq3f] {
    font-size: 2rem;
    margin-bottom: var(--space-md);
    color: var(--text-inverse);
}

.cta-content p[b-hvj990hq3f] {
    font-size: 1.125rem;
    margin-bottom: var(--space-xl);
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    color: rgba(255, 255, 255, 0.9);
}

.cta-buttons[b-hvj990hq3f] {
    display: flex;
    gap: var(--space-md);
    justify-content: center;
    flex-wrap: wrap;
}

/* Responsive Design */
@media (max-width: 768px) {
    .roi-calculator[b-hvj990hq3f] {
        padding: var(--space-xl) var(--space-md);
    }

    .page-hero[b-hvj990hq3f] {
        padding: var(--space-xl) var(--space-md);
    }

    .page-hero h1[b-hvj990hq3f] {
        font-size: 1.75rem;
        flex-direction: column;
    }

    .calculator-card[b-hvj990hq3f],
    .projection-section[b-hvj990hq3f],
    .benefits-section[b-hvj990hq3f],
    .export-card[b-hvj990hq3f] {
        padding: var(--space-xl);
    }

    .form-row[b-hvj990hq3f] {
        grid-template-columns: 1fr;
    }

    .level-options[b-hvj990hq3f] {
        grid-template-columns: 1fr;
    }

    .metrics-grid[b-hvj990hq3f] {
        grid-template-columns: 1fr;
    }

    .metric-card[b-hvj990hq3f] {
        flex-direction: column;
        text-align: center;
    }

    .year-bar[b-hvj990hq3f] {
        grid-template-columns: 1fr;
    }

    .year-label[b-hvj990hq3f] {
        text-align: left;
    }

    .breakdown-grid[b-hvj990hq3f] {
        grid-template-columns: 1fr;
    }

    .benefits-grid[b-hvj990hq3f] {
        grid-template-columns: 1fr;
    }

    .projection-total[b-hvj990hq3f] {
        flex-direction: column;
        gap: var(--space-sm);
        text-align: center;
    }

    .export-buttons[b-hvj990hq3f] {
        flex-direction: column;
        width: 100%;
    }

    .export-buttons .btn[b-hvj990hq3f] {
        width: 100%;
    }

    .cta-buttons[b-hvj990hq3f] {
        flex-direction: column;
        width: 100%;
    }

    .cta-buttons .btn[b-hvj990hq3f] {
        width: 100%;
    }
}
/* _content/AutomatedCompliance.Web/Pages/Security.razor.rz.scp.css */
.security-page[b-d8s2byrk90] {
    padding: var(--space-xl) var(--space-lg);
}

.security-hero[b-d8s2byrk90] {
    text-align: center;
    margin-bottom: var(--space-2xl);
    padding: var(--space-2xl) var(--space-lg);
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-lg);
}

    .security-hero h1[b-d8s2byrk90] {
        font-size: 3rem;
        margin-bottom: var(--space-sm);
        background: var(--bg-gradient);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .security-hero .lead[b-d8s2byrk90] {
        font-size: 1.25rem;
        color: var(--text-secondary);
        max-width: 700px;
        margin: 0 auto;
    }

.security-section[b-d8s2byrk90] {
    margin-bottom: var(--space-2xl);
}

.section-heading[b-d8s2byrk90] {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: var(--space-xl);
    color: var(--text-primary);
}

.section-content[b-d8s2byrk90] {
    max-width: 800px;
    margin: 0 auto;
}

    .section-content h2[b-d8s2byrk90] {
        font-size: 2.5rem;
        margin-bottom: var(--space-lg);
        text-align: center;
    }

    .section-content p[b-d8s2byrk90] {
        font-size: 1.125rem;
        line-height: 1.8;
        color: var(--text-secondary);
        margin-bottom: var(--space-md);
    }

/* Features Grid */
.features-grid[b-d8s2byrk90] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--space-lg);
    margin-top: var(--space-xl);
}

.feature-card[b-d8s2byrk90] {
    background: var(--bg-primary);
    padding: var(--space-xl);
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
    box-shadow: var(--shadow-sm);
    transition: all var(--transition-base);
}

    .feature-card:hover[b-d8s2byrk90] {
        transform: translateY(-6px);
        box-shadow: var(--shadow-xl);
        border-color: var(--brand-primary);
    }

.feature-icon[b-d8s2byrk90] {
    width: 4rem;
    height: 4rem;
    background: var(--bg-gradient-light);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--space-md);
}

    .feature-icon i[b-d8s2byrk90] {
        font-size: 2rem;
        color: var(--brand-primary);
    }

.feature-card h3[b-d8s2byrk90] {
    font-size: 1.5rem;
    margin-bottom: var(--space-md);
    color: var(--text-primary);
}

.feature-card p[b-d8s2byrk90] {
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--text-secondary);
    margin-bottom: var(--space-sm);
}

    .feature-card p strong[b-d8s2byrk90] {
        color: var(--text-primary);
    }

/* Data Protection */
.data-protection-section[b-d8s2byrk90] {
    background: var(--bg-secondary);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
}

.grid-2[b-d8s2byrk90] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: var(--space-xl);
    margin-top: var(--space-xl);
}

.protection-card[b-d8s2byrk90] {
    background: var(--bg-primary);
    padding: var(--space-xl);
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
}

    .protection-card h3[b-d8s2byrk90] {
        font-size: 1.5rem;
        margin-bottom: var(--space-md);
        color: var(--text-primary);
    }

    .protection-card ul[b-d8s2byrk90] {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .protection-card ul li[b-d8s2byrk90] {
            padding: var(--space-sm) 0;
            color: var(--text-secondary);
            display: flex;
            align-items: flex-start;
            gap: var(--space-sm);
            line-height: 1.6;
        }

            .protection-card ul li i[b-d8s2byrk90] {
                color: var(--brand-success);
                margin-top: 0.25rem;
                flex-shrink: 0;
            }

            .protection-card ul li a[b-d8s2byrk90] {
                color: var(--brand-primary);
                text-decoration: underline;
            }

/* Compliance Grid */
.compliance-grid[b-d8s2byrk90] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--space-lg);
    margin-top: var(--space-xl);
}

.compliance-card[b-d8s2byrk90] {
    background: var(--bg-primary);
    padding: var(--space-xl);
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
    text-align: center;
    transition: all var(--transition-base);
}

    .compliance-card:hover[b-d8s2byrk90] {
        transform: translateY(-4px);
        box-shadow: var(--shadow-lg);
        border-color: var(--brand-primary);
    }

.compliance-badge[b-d8s2byrk90] {
    width: 100px;
    height: 100px;
    margin: 0 auto var(--space-md);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-secondary);
    border-radius: 50%;
}

    .compliance-badge img[b-d8s2byrk90] {
        max-width: 60px;
        max-height: 60px;
    }

    .compliance-badge i[b-d8s2byrk90] {
        font-size: 3rem;
        color: var(--brand-primary);
    }

.compliance-card h3[b-d8s2byrk90] {
    font-size: 1.25rem;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
}

.compliance-card .status[b-d8s2byrk90] {
    margin-bottom: var(--space-sm);
}

.badge[b-d8s2byrk90] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

    .badge.done[b-d8s2byrk90] {
        background: rgba(40, 167, 69, 0.2);
        color: #28a745;
    }

    .badge.prog[b-d8s2byrk90] {
        background: rgba(255, 193, 7, 0.2);
        color: #ffc107;
    }

.compliance-card p[b-d8s2byrk90] {
    font-size: 0.95rem;
    color: var(--text-secondary);
    margin: 0.25rem 0;
}

/* Practices Grid */
.practices-grid[b-d8s2byrk90] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--space-lg);
    margin-top: var(--space-xl);
}

.practice-card[b-d8s2byrk90] {
    background: var(--bg-primary);
    padding: var(--space-xl);
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
}

    .practice-card h3[b-d8s2byrk90] {
        font-size: 1.25rem;
        margin-bottom: var(--space-md);
        color: var(--text-primary);
        display: flex;
        align-items: center;
        gap: var(--space-sm);
    }

        .practice-card h3 i[b-d8s2byrk90] {
            color: var(--brand-primary);
        }

    .practice-card ul[b-d8s2byrk90] {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .practice-card ul li[b-d8s2byrk90] {
            padding: 0.5rem 0;
            color: var(--text-secondary);
            line-height: 1.6;
        }

            .practice-card ul li[b-d8s2byrk90]::before {
                content: "•";
                color: var(--brand-primary);
                font-weight: bold;
                margin-right: 0.5rem;
            }

/* Disclosure Section */
.disclosure-section[b-d8s2byrk90] {
    max-width: 1000px;
    margin: var(--space-2xl) auto;
}

.disclosure-card[b-d8s2byrk90] {
    background: var(--bg-secondary);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--border-default);
}

    .disclosure-card h2[b-d8s2byrk90] {
        font-size: 2rem;
        margin-bottom: var(--space-lg);
        color: var(--text-primary);
        display: flex;
        align-items: center;
        gap: var(--space-sm);
    }

        .disclosure-card h2 i[b-d8s2byrk90] {
            color: var(--brand-primary);
        }

    .disclosure-card > p[b-d8s2byrk90] {
        font-size: 1.125rem;
        line-height: 1.8;
        color: var(--text-secondary);
        margin-bottom: var(--space-lg);
    }

.disclosure-info[b-d8s2byrk90] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--space-xl);
    margin: var(--space-xl) 0;
    padding: var(--space-xl);
    background: var(--bg-primary);
    border-radius: var(--border-radius-md);
}

    .disclosure-info h4[b-d8s2byrk90] {
        font-size: 1.125rem;
        margin-bottom: var(--space-sm);
        color: var(--text-primary);
    }

    .disclosure-info p[b-d8s2byrk90] {
        font-size: 1rem;
        color: var(--text-secondary);
        margin: 0.25rem 0;
    }

    .disclosure-info a[b-d8s2byrk90] {
        color: var(--brand-primary);
    }

    .disclosure-info ul[b-d8s2byrk90] {
        margin: 0;
        padding-left: var(--space-lg);
    }

        .disclosure-info ul li[b-d8s2byrk90] {
            margin-bottom: 0.5rem;
            color: var(--text-secondary);
        }

.disclosure-note[b-d8s2byrk90] {
    font-size: 0.95rem;
    color: var(--text-muted);
    font-style: italic;
    margin-top: var(--space-lg);
}

/* CTA Section */
.security-cta[b-d8s2byrk90] {
    background: var(--bg-gradient);
    color: var(--text-inverse);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
    text-align: center;
    margin-top: var(--space-2xl);
}

    .security-cta h2[b-d8s2byrk90] {
        font-size: 2.5rem;
        color: var(--text-inverse);
        margin-bottom: var(--space-sm);
    }

    .security-cta p[b-d8s2byrk90] {
        font-size: 1.125rem;
        color: rgba(255, 255, 255, 0.9);
        max-width: 700px;
        margin: 0 auto var(--space-xl);
    }

.cta-buttons[b-d8s2byrk90] {
    display: flex;
    gap: var(--space-sm);
    justify-content: center;
    flex-wrap: wrap;
}

/* Responsive */
@media (max-width: 768px) {
    .security-hero h1[b-d8s2byrk90] {
        font-size: 2rem;
    }

    .section-heading[b-d8s2byrk90] {
        font-size: 2rem;
    }

    .features-grid[b-d8s2byrk90],
    .grid-2[b-d8s2byrk90],
    .compliance-grid[b-d8s2byrk90],
    .practices-grid[b-d8s2byrk90] {
        grid-template-columns: 1fr;
    }

    .cta-buttons[b-d8s2byrk90] {
        flex-direction: column;
    }
}

/* _content/AutomatedCompliance.Web/Pages/Solutions.razor.rz.scp.css */
.solutions-page[b-wvuz7p2hc8] {
    padding: var(--space-xl) var(--space-lg);
}

.solutions-hero[b-wvuz7p2hc8] {
    text-align: center;
    margin-bottom: var(--space-2xl);
}

    .solutions-hero h1[b-wvuz7p2hc8] {
        font-size: 3rem;
        margin-bottom: var(--space-sm);
    }

    .solutions-hero .lead[b-wvuz7p2hc8] {
        max-width: 800px;
        margin: 0 auto;
    }

/* Persona Tabs */
.solutions-tabs[b-wvuz7p2hc8] {
    display: flex;
    justify-content: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-2xl);
    flex-wrap: wrap;
    border-bottom: 2px solid var(--border-default);
    padding-bottom: var(--space-md);
}

.solutions-tab[b-wvuz7p2hc8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: var(--space-sm) var(--space-md);
    background: var(--bg-primary);
    border: 2px solid var(--border-default);
    border-radius: var(--border-radius-sm);
    cursor: pointer;
    transition: all var(--transition-base);
    font-weight: 500;
    color: var(--text-secondary);
}

    .solutions-tab:hover[b-wvuz7p2hc8] {
        border-color: var(--brand-primary);
        background: var(--bg-secondary);
    }

    .solutions-tab.active[b-wvuz7p2hc8] {
        background: var(--bg-gradient);
        color: var(--text-inverse);
        border-color: var(--brand-primary);
        transform: translateY(-2px);
        box-shadow: var(--shadow-md);
    }

.tab-icon[b-wvuz7p2hc8] {
    font-size: 2rem;
}

.tab-label[b-wvuz7p2hc8] {
    font-size: 0.875rem;
    text-align: center;
}

/* Panel Styles */
.solutions-panel[b-wvuz7p2hc8] {
    animation: fadeIn 0.4s ease-in;
}

.panel-header[b-wvuz7p2hc8] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    margin-bottom: var(--space-xl);
    padding-bottom: var(--space-lg);
    border-bottom: 3px solid var(--border-default);
}

.panel-icon[b-wvuz7p2hc8] {
    font-size: 5rem;
    line-height: 1;
}

.panel-header h2[b-wvuz7p2hc8] {
    margin-bottom: 0.5rem;
    font-size: 2.5rem;
}

.panel-subtitle[b-wvuz7p2hc8] {
    font-size: 1.25rem;
    color: var(--text-secondary);
    margin: 0;
}

/* Benefits Section */
.solutions-benefits[b-wvuz7p2hc8] {
    margin-bottom: var(--space-2xl);
}

    .solutions-benefits h3[b-wvuz7p2hc8] {
        font-size: 2rem;
        margin-bottom: var(--space-lg);
        text-align: center;
    }

.benefits-grid[b-wvuz7p2hc8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--space-lg);
}

.benefit-item[b-wvuz7p2hc8] {
    background: var(--bg-secondary);
    padding: var(--space-lg);
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
    transition: all var(--transition-base);
}

    .benefit-item:hover[b-wvuz7p2hc8] {
        transform: translateY(-4px);
        box-shadow: var(--shadow-lg);
        border-color: var(--brand-primary);
    }

.benefit-icon[b-wvuz7p2hc8] {
    font-size: 2.5rem;
    margin-bottom: var(--space-sm);
}

.benefit-item h4[b-wvuz7p2hc8] {
    font-size: 1.25rem;
    margin-bottom: var(--space-xs);
}

.benefit-item p[b-wvuz7p2hc8] {
    color: var(--text-secondary);
    margin: 0;
}

/* Features Section */
.solutions-features[b-wvuz7p2hc8] {
    margin-bottom: var(--space-2xl);
    background: var(--bg-gradient-light);
    padding: var(--space-xl);
    border-radius: var(--border-radius-lg);
}

    .solutions-features h3[b-wvuz7p2hc8] {
        font-size: 2rem;
        margin-bottom: var(--space-lg);
        text-align: center;
    }

.feature-checklist[b-wvuz7p2hc8] {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--space-sm);
}

    .feature-checklist li[b-wvuz7p2hc8] {
        padding-left: 2rem;
        position: relative;
        color: var(--text-primary);
        font-size: 1.125rem;
    }

        .feature-checklist li[b-wvuz7p2hc8]::before {
            content: "✓";
            position: absolute;
            left: 0;
            color: var(--success);
            font-weight: bold;
            font-size: 1.5rem;
        }

/* Feature Grid (for Consultants) */
.feature-grid[b-wvuz7p2hc8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--space-lg);
    margin-top: var(--space-lg);
}

.feature-card[b-wvuz7p2hc8] {
    background: var(--bg-primary);
    padding: var(--space-lg);
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
    transition: all var(--transition-base);
}

    .feature-card:hover[b-wvuz7p2hc8] {
        transform: translateY(-4px);
        box-shadow: var(--shadow-lg);
        border-color: var(--brand-accent);
    }

    .feature-card h4[b-wvuz7p2hc8] {
        margin-bottom: var(--space-sm);
        font-size: 1.25rem;
    }

    .feature-card p[b-wvuz7p2hc8] {
        color: var(--text-secondary);
        margin: 0;
    }

/* Partner FAQ */
.partner-faq[b-wvuz7p2hc8] {
    margin-bottom: var(--space-2xl);
}

    .partner-faq h3[b-wvuz7p2hc8] {
        font-size: 2rem;
        margin-bottom: var(--space-lg);
        text-align: center;
    }

.faq-item[b-wvuz7p2hc8] {
    background: var(--bg-primary);
    border: 2px solid var(--border-default);
    border-radius: var(--border-radius-sm);
    margin-bottom: var(--space-sm);
    overflow: hidden;
}

    .faq-item summary[b-wvuz7p2hc8] {
        padding: var(--space-md);
        cursor: pointer;
        font-weight: 600;
        font-size: 1.125rem;
        color: var(--text-primary);
        transition: background var(--transition-fast);
    }

        .faq-item summary:hover[b-wvuz7p2hc8] {
            background: var(--bg-secondary);
        }

    .faq-item[open] summary[b-wvuz7p2hc8] {
        background: var(--bg-secondary);
        border-bottom: 2px solid var(--border-default);
    }

    .faq-item p[b-wvuz7p2hc8] {
        padding: var(--space-md);
        margin: 0;
        color: var(--text-secondary);
        line-height: 1.6;
    }

/* CTA Section */
.solutions-cta[b-wvuz7p2hc8] {
    display: flex;
    gap: var(--space-sm);
    justify-content: center;
    flex-wrap: wrap;
    padding: var(--space-xl);
    background: var(--bg-gradient);
    border-radius: var(--border-radius-lg);
    text-align: center;
}

/* Responsive */
@media (max-width: 768px) {
    .solutions-hero h1[b-wvuz7p2hc8] {
        font-size: 2rem;
    }

    .panel-header[b-wvuz7p2hc8] {
        flex-direction: column;
        text-align: center;
    }

        .panel-header h2[b-wvuz7p2hc8] {
            font-size: 2rem;
        }

    .solutions-tabs[b-wvuz7p2hc8] {
        flex-direction: column;
    }

    .solutions-tab[b-wvuz7p2hc8] {
        width: 100%;
    }

    .benefits-grid[b-wvuz7p2hc8],
    .feature-grid[b-wvuz7p2hc8],
    .feature-checklist[b-wvuz7p2hc8] {
        grid-template-columns: 1fr;
    }

    .solutions-cta[b-wvuz7p2hc8] {
        flex-direction: column;
    }
}
/* _content/AutomatedCompliance.Web/Pages/Subprocessors.razor.rz.scp.css */
.legal[b-h1ldos35ju] {
    padding: var(--space-2xl) var(--space-lg);
    max-width: 1000px;
    margin: 0 auto;
}

.legal h1[b-h1ldos35ju] {
    font-size: 2.5rem;
    margin-bottom: var(--space-md);
    color: var(--text-primary);
}

.updated[b-h1ldos35ju] {
    font-size: 0.875rem;
    color: var(--text-muted);
    font-style: italic;
    margin-bottom: var(--space-xl);
}

.legal p[b-h1ldos35ju] {
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-secondary);
    margin-bottom: var(--space-lg);
}

.legal h2[b-h1ldos35ju] {
    font-size: 1.75rem;
    margin-top: var(--space-2xl);
    margin-bottom: var(--space-lg);
    color: var(--text-primary);
    border-bottom: 2px solid var(--border-default);
    padding-bottom: var(--space-sm);
}

.legal ul[b-h1ldos35ju] {
    margin-left: var(--space-xl);
    margin-bottom: var(--space-lg);
}

.legal ul li[b-h1ldos35ju] {
    margin-bottom: var(--space-sm);
    line-height: 1.7;
    color: var(--text-secondary);
}

.legal a[b-h1ldos35ju] {
    color: var(--brand-primary);
    text-decoration: none;
    font-weight: 500;
    transition: color var(--transition-fast);
}

.legal a:hover[b-h1ldos35ju] {
    color: var(--brand-accent);
    text-decoration: underline;
}

/* Notice Box */
.notice[b-h1ldos35ju] {
    background: var(--bg-secondary);
    border: 2px solid var(--border-default);
    border-left: 4px solid var(--brand-primary);
    border-radius: var(--border-radius-md);
    padding: var(--space-lg);
    margin: var(--space-xl) 0;
}

.notice summary[b-h1ldos35ju] {
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.notice summary[b-h1ldos35ju]::-webkit-details-marker {
    display: none;
}

.notice summary[b-h1ldos35ju]::before {
    content: '\f054';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    color: var(--brand-primary);
    transition: transform var(--transition-fast);
}

.notice[open] summary[b-h1ldos35ju]::before {
    transform: rotate(90deg);
}

.notice p[b-h1ldos35ju] {
    margin-top: var(--space-md);
    margin-bottom: 0;
}

/* Table Wrapper */
.table-wrap[b-h1ldos35ju] {
    overflow-x: auto;
    margin: var(--space-xl) 0;
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
}

table.subp[b-h1ldos35ju] {
    width: 100%;
    border-collapse: collapse;
    background: var(--bg-primary);
}

table.subp thead[b-h1ldos35ju] {
    background: var(--bg-secondary);
}

table.subp th[b-h1ldos35ju] {
    padding: var(--space-md) var(--space-lg);
    text-align: left;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-primary);
    border-bottom: 2px solid var(--border-default);
}

table.subp td[b-h1ldos35ju] {
    padding: var(--space-md) var(--space-lg);
    border-bottom: 1px solid var(--border-default);
    font-size: 0.95rem;
    color: var(--text-secondary);
    vertical-align: top;
}

table.subp tbody tr:last-child td[b-h1ldos35ju] {
    border-bottom: none;
}

table.subp tbody tr[b-h1ldos35ju] {
    transition: background-color var(--transition-fast);
}

table.subp tbody tr:hover[b-h1ldos35ju] {
    background: var(--bg-secondary);
}

table.subp strong[b-h1ldos35ju] {
    color: var(--text-primary);
    font-weight: 600;
}

/* Responsive Table */
@media (max-width: 768px) {
    .legal[b-h1ldos35ju] {
        padding: var(--space-xl) var(--space-md);
    }

    .legal h1[b-h1ldos35ju] {
        font-size: 2rem;
    }

    .legal h2[b-h1ldos35ju] {
        font-size: 1.5rem;
    }

    .table-wrap[b-h1ldos35ju] {
        border: none;
        border-radius: 0;
    }

    table.subp[b-h1ldos35ju] {
        border: 0;
    }

    table.subp thead[b-h1ldos35ju] {
        display: none;
    }

    table.subp tbody tr[b-h1ldos35ju] {
        display: block;
        margin-bottom: var(--space-lg);
        border: 2px solid var(--border-default);
        border-radius: var(--border-radius-md);
        background: var(--bg-primary);
    }

    table.subp td[b-h1ldos35ju] {
        display: block;
        text-align: right;
        padding: var(--space-sm) var(--space-md);
        border-bottom: 1px solid var(--border-default);
    }

    table.subp td:last-child[b-h1ldos35ju] {
        border-bottom: none;
    }

    table.subp td[b-h1ldos35ju]::before {
        content: attr(data-label);
        float: left;
        font-weight: 600;
        color: var(--text-primary);
    }

    /* Add data-label attributes via JavaScript or in the markup */
}
/* _content/AutomatedCompliance.Web/Pages/Survey.razor.rz.scp.css */
.survey-page[b-mix9lj69gg] {
    padding: var(--space-2xl) var(--space-lg);
    max-width: 1200px;
    margin: 0 auto;
}

/* Hero Section */
.survey-hero[b-mix9lj69gg] {
    text-align: center;
    margin-bottom: var(--space-2xl);
    padding: var(--space-2xl) var(--space-lg);
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-lg);
}

.hero-content h1[b-mix9lj69gg] {
    font-size: 2.5rem;
    margin-bottom: var(--space-md);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
    flex-wrap: wrap;
}

.hero-content h1 i[b-mix9lj69gg] {
    color: var(--brand-primary);
}

.hero-content .lead[b-mix9lj69gg] {
    font-size: 1.125rem;
    color: var(--text-secondary);
    max-width: 700px;
    margin: 0 auto var(--space-xl);
    line-height: 1.7;
}

/* Survey Benefits */
.survey-benefits[b-mix9lj69gg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-lg);
    max-width: 900px;
    margin: 0 auto;
}

.benefit[b-mix9lj69gg] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-md);
    background: var(--bg-primary);
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
    transition: all var(--transition-fast);
}

.benefit:hover[b-mix9lj69gg] {
    border-color: var(--brand-primary);
    transform: translateY(-2px);
}

.benefit i[b-mix9lj69gg] {
    font-size: 1.5rem;
    color: var(--brand-primary);
    flex-shrink: 0;
}

.benefit span[b-mix9lj69gg] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary);
}

/* Survey Container */
.survey-container[b-mix9lj69gg] {
    max-width: 800px;
    margin: 0 auto;
}

.survey-form[b-mix9lj69gg] {
    background: var(--bg-primary);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--border-default);
    box-shadow: var(--shadow-lg);
    overflow: hidden;
}

/* Progress Wrapper */
.survey-progress-wrapper[b-mix9lj69gg] {
    padding: var(--space-xl);
    background: var(--bg-gradient-light);
    border-bottom: 2px solid var(--border-default);
}

.progress-header[b-mix9lj69gg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-md);
}

.progress-label[b-mix9lj69gg] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.progress-label i[b-mix9lj69gg] {
    color: var(--brand-primary);
}

.progress-percentage[b-mix9lj69gg] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--brand-primary);
}

/* Progress Bar */
.progress-bar[b-mix9lj69gg] {
    height: 0.5rem;
    background: var(--bg-secondary);
    border-radius: 999px;
    overflow: hidden;
    margin-bottom: var(--space-xl);
}

.progress-fill[b-mix9lj69gg] {
    height: 100%;
    background: var(--bg-gradient);
    border-radius: 999px;
    transition: width var(--transition-base);
}

/* Progress Steps */
.progress-steps[b-mix9lj69gg] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-sm);
}

.progress-step[b-mix9lj69gg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-xs);
    flex: 1;
}

.step-circle[b-mix9lj69gg] {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid var(--border-default);
    background: var(--bg-primary);
    color: var(--text-muted);
    font-weight: 700;
    transition: all var(--transition-fast);
}

.progress-step.completed .step-circle[b-mix9lj69gg] {
    background: var(--brand-success);
    border-color: var(--brand-success);
    color: var(--text-inverse);
}

.progress-step.active .step-circle[b-mix9lj69gg] {
    background: var(--brand-primary);
    border-color: var(--brand-primary);
    color: var(--text-inverse);
    transform: scale(1.1);
}

.step-label[b-mix9lj69gg] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-muted);
    text-align: center;
}

.progress-step.completed .step-label[b-mix9lj69gg],
.progress-step.active .step-label[b-mix9lj69gg] {
    color: var(--text-primary);
}

/* Validation Alert */
.validation-alert[b-mix9lj69gg] {
    display: flex;
    gap: var(--space-md);
    padding: var(--space-lg);
    margin: var(--space-lg);
    background: rgba(239, 68, 68, 0.1);
    border: 2px solid var(--brand-danger);
    border-radius: var(--border-radius-md);
    color: var(--brand-danger);
}

.validation-alert i[b-mix9lj69gg] {
    font-size: 1.5rem;
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.validation-alert strong[b-mix9lj69gg] {
    display: block;
    margin-bottom: var(--space-xs);
}

.validation-alert ul[b-mix9lj69gg] {
    margin: var(--space-xs) 0 0 var(--space-lg);
    padding: 0;
}

.validation-alert li[b-mix9lj69gg] {
    margin-bottom: var(--space-xs);
    font-size: 0.875rem;
}

/* Survey Steps */
.survey-steps[b-mix9lj69gg] {
    padding: var(--space-2xl);
    min-height: 400px;
}

/* Status Message */
.status-message[b-mix9lj69gg] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-lg);
    margin: 0 var(--space-lg) var(--space-lg);
    border-radius: var(--border-radius-md);
    font-size: 0.95rem;
    font-weight: 500;
}

.status-message.info[b-mix9lj69gg] {
    background: rgba(59, 130, 246, 0.1);
    border: 2px solid var(--brand-primary);
    color: var(--brand-primary);
}

.status-message.error[b-mix9lj69gg] {
    background: rgba(239, 68, 68, 0.1);
    border: 2px solid var(--brand-danger);
    color: var(--brand-danger);
}

.status-message i[b-mix9lj69gg] {
    font-size: 1.25rem;
}

/* Trust Indicators */
.survey-trust[b-mix9lj69gg] {
    margin-top: var(--space-2xl);
    padding: var(--space-2xl);
    background: var(--bg-secondary);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--border-default);
}

.trust-content h3[b-mix9lj69gg] {
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: var(--space-xl);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
}

.trust-content h3 i[b-mix9lj69gg] {
    color: var(--brand-success);
}

.trust-grid[b-mix9lj69gg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-lg);
    max-width: 900px;
    margin: 0 auto;
}

.trust-item[b-mix9lj69gg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-lg);
    background: var(--bg-primary);
    border-radius: var(--border-radius-md);
    text-align: center;
}

.trust-item i[b-mix9lj69gg] {
    font-size: 2rem;
    color: var(--brand-success);
}

.trust-item p[b-mix9lj69gg] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-secondary);
    margin: 0;
}

/* Responsive Design */
@media (max-width: 768px) {
    .survey-page[b-mix9lj69gg] {
        padding: var(--space-xl) var(--space-md);
    }

    .survey-hero[b-mix9lj69gg] {
        padding: var(--space-xl) var(--space-md);
    }

    .hero-content h1[b-mix9lj69gg] {
        font-size: 1.75rem;
        flex-direction: column;
        gap: var(--space-sm);
    }

    .hero-content .lead[b-mix9lj69gg] {
        font-size: 1rem;
    }

    .survey-benefits[b-mix9lj69gg] {
        grid-template-columns: 1fr;
        gap: var(--space-md);
    }

    .survey-progress-wrapper[b-mix9lj69gg] {
        padding: var(--space-lg);
    }

    .progress-steps[b-mix9lj69gg] {
        gap: 0.25rem;
    }

    .step-circle[b-mix9lj69gg] {
        width: 2rem;
        height: 2rem;
        font-size: 0.875rem;
    }

    .step-label[b-mix9lj69gg] {
        font-size: 0.65rem;
    }

    .survey-steps[b-mix9lj69gg] {
        padding: var(--space-lg);
    }

    .trust-grid[b-mix9lj69gg] {
        grid-template-columns: 1fr;
        gap: var(--space-md);
    }

    .validation-alert[b-mix9lj69gg] {
        flex-direction: column;
        margin: var(--space-md);
        padding: var(--space-md);
    }

    .status-message[b-mix9lj69gg] {
        margin: 0 var(--space-md) var(--space-md);
        padding: var(--space-md);
    }
}

@media (max-width: 480px) {
    .survey-page[b-mix9lj69gg] {
        padding: var(--space-lg) var(--space-sm);
    }

    .survey-hero[b-mix9lj69gg] {
        padding: var(--space-lg) var(--space-sm);
    }

    .hero-content h1[b-mix9lj69gg] {
        font-size: 1.5rem;
    }

    .survey-progress-wrapper[b-mix9lj69gg] {
        padding: var(--space-md);
    }

    .progress-header[b-mix9lj69gg] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-xs);
    }

    .progress-steps[b-mix9lj69gg] {
        display: none; /* Hide step circles on very small screens */
    }

    .survey-steps[b-mix9lj69gg] {
        padding: var(--space-md);
    }

    .survey-trust[b-mix9lj69gg] {
        padding: var(--space-lg);
    }
}

/* Survey Step Component Overrides (for consistency) */
[b-mix9lj69gg] .step-content {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

[b-mix9lj69gg] .step-header {
    margin-bottom: var(--space-xl);
}

[b-mix9lj69gg] .step-header h2 {
    font-size: 1.75rem;
    color: var(--text-primary);
    margin-bottom: var(--space-sm);
}

[b-mix9lj69gg] .step-header p {
    font-size: 1rem;
    color: var(--text-secondary);
    line-height: 1.6;
}

[b-mix9lj69gg] .form-group {
    margin-bottom: var(--space-lg);
}

[b-mix9lj69gg] .form-group label {
    display: block;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-sm);
}

[b-mix9lj69gg] .form-control,
[b-mix9lj69gg] .form-select {
    width: 100%;
    padding: var(--space-md);
    font-size: 1rem;
    border: 2px solid var(--border-default);
    border-radius: var(--border-radius-md);
    background: var(--bg-primary);
    color: var(--text-primary);
    transition: border-color var(--transition-fast);
}

[b-mix9lj69gg] .form-control:focus,
[b-mix9lj69gg] .form-select:focus {
    outline: none;
    border-color: var(--brand-primary);
}

[b-mix9lj69gg] .step-buttons {
    display: flex;
    gap: var(--space-md);
    justify-content: space-between;
    margin-top: var(--space-2xl);
    padding-top: var(--space-xl);
    border-top: 1px solid var(--border-default);
}

[b-mix9lj69gg] .btn {
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-md) var(--space-xl);
    font-size: 1rem;
    font-weight: 600;
    border-radius: var(--border-radius-md);
    border: 2px solid transparent;
    cursor: pointer;
    transition: all var(--transition-fast);
    text-decoration: none;
}

[b-mix9lj69gg] .btn-primary {
    background: var(--bg-gradient);
    color: var(--text-inverse);
}

[b-mix9lj69gg] .btn-primary:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

[b-mix9lj69gg] .btn-secondary {
    background: var(--bg-secondary);
    border-color: var(--border-default);
    color: var(--text-primary);
}

[b-mix9lj69gg] .btn-secondary:hover:not(:disabled) {
    border-color: var(--brand-primary);
    color: var(--brand-primary);
}

[b-mix9lj69gg] .btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

@media (max-width: 480px) {
    [b-mix9lj69gg] .step-buttons {
        flex-direction: column;
    }

    [b-mix9lj69gg] .btn {
        width: 100%;
        justify-content: center;
    }
}
/* _content/AutomatedCompliance.Web/Pages/Terms.razor.rz.scp.css */
.legal[b-ondzlhq34k] {
    padding: var(--space-2xl) var(--space-lg);
    max-width: 1000px;
    margin: 0 auto;
}

.legal h1[b-ondzlhq34k] {
    font-size: 2.5rem;
    margin-bottom: var(--space-md);
    color: var(--text-primary);
    text-align: center;
}

.updated[b-ondzlhq34k] {
    font-size: 0.875rem;
    color: var(--text-muted);
    font-style: italic;
    margin-bottom: var(--space-2xl);
    text-align: center;
}

.legal h2[b-ondzlhq34k] {
    font-size: 1.75rem;
    margin-top: var(--space-2xl);
    margin-bottom: var(--space-lg);
    color: var(--text-primary);
    border-bottom: 2px solid var(--border-default);
    padding-bottom: var(--space-sm);
}

.legal p[b-ondzlhq34k] {
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-secondary);
    margin-bottom: var(--space-lg);
}

.legal a[b-ondzlhq34k] {
    color: var(--brand-primary);
    text-decoration: none;
    font-weight: 500;
    transition: color var(--transition-fast);
}

.legal a:hover[b-ondzlhq34k] {
    color: var(--brand-accent);
    text-decoration: underline;
}

/* Responsive Design */
@media (max-width: 768px) {
    .legal[b-ondzlhq34k] {
        padding: var(--space-xl) var(--space-md);
    }

    .legal h1[b-ondzlhq34k] {
        font-size: 2rem;
    }

    .legal h2[b-ondzlhq34k] {
        font-size: 1.5rem;
    }
}
/* _content/AutomatedCompliance.Web/Pages/Tools/AuditChecklist.razor.rz.scp.css */
.checklist-tool[b-pxgvgssfrl] {
    padding: var(--space-2xl) var(--space-lg);
    max-width: 1400px;
    margin: 0 auto;
}

.page-hero[b-pxgvgssfrl] {
    text-align: center;
    margin-bottom: var(--space-2xl);
    padding: var(--space-2xl) var(--space-lg);
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-lg);
}

.page-hero h1[b-pxgvgssfrl] {
    font-size: 2.5rem;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
}

.page-hero h1 i[b-pxgvgssfrl] {
    color: var(--brand-primary);
}

.page-hero .lead[b-pxgvgssfrl] {
    font-size: 1.25rem;
    color: var(--text-secondary);
    max-width: 800px;
    margin: 0 auto;
}

/* Framework Selection */
.framework-section[b-pxgvgssfrl] {
    margin-bottom: var(--space-2xl);
}

.framework-card[b-pxgvgssfrl] {
    background: var(--bg-primary);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--border-default);
    box-shadow: var(--shadow-md);
}

.framework-card h2[b-pxgvgssfrl] {
    font-size: 1.75rem;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
}

.framework-card > p[b-pxgvgssfrl] {
    font-size: 1rem;
    color: var(--text-secondary);
    margin-bottom: var(--space-xl);
}

.framework-buttons[b-pxgvgssfrl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--space-lg);
}

.framework-btn[b-pxgvgssfrl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: var(--space-xl);
    background: var(--bg-secondary);
    border: 2px solid var(--border-default);
    border-radius: var(--border-radius-md);
    cursor: pointer;
    transition: all var(--transition-base);
}

.framework-btn:hover[b-pxgvgssfrl] {
    border-color: var(--brand-primary);
    background: var(--bg-gradient-light);
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.framework-btn.active[b-pxgvgssfrl] {
    border-color: var(--brand-primary);
    background: var(--bg-gradient-light);
    box-shadow: var(--shadow-lg);
}

.framework-btn i[b-pxgvgssfrl] {
    font-size: 2.5rem;
    color: var(--text-secondary);
    margin-bottom: var(--space-md);
}

.framework-btn.active i[b-pxgvgssfrl] {
    color: var(--brand-primary);
}

.framework-name[b-pxgvgssfrl] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: var(--space-xs);
}

.framework-desc[b-pxgvgssfrl] {
    font-size: 0.875rem;
    color: var(--text-secondary);
}

/* Progress Section */
.progress-section[b-pxgvgssfrl] {
    margin-bottom: var(--space-2xl);
}

.progress-card[b-pxgvgssfrl] {
    background: var(--bg-gradient);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
    color: var(--text-inverse);
    box-shadow: var(--shadow-lg);
}

.progress-header[b-pxgvgssfrl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-xl);
    flex-wrap: wrap;
    gap: var(--space-md);
}

.progress-header h3[b-pxgvgssfrl] {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0;
}

.progress-percentage[b-pxgvgssfrl] {
    text-align: right;
}

.percentage-value[b-pxgvgssfrl] {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
    display: block;
}

.percentage-label[b-pxgvgssfrl] {
    font-size: 0.875rem;
    opacity: 0.9;
}

.progress-bar-container[b-pxgvgssfrl] {
    width: 100%;
    height: 1rem;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 999px;
    overflow: hidden;
    margin-bottom: var(--space-xl);
}

.progress-bar-fill[b-pxgvgssfrl] {
    height: 100%;
    background: var(--text-inverse);
    transition: width var(--transition-base);
}

.progress-stats[b-pxgvgssfrl] {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.stat-item[b-pxgvgssfrl] {
    text-align: center;
}

.stat-value[b-pxgvgssfrl] {
    font-size: 2rem;
    font-weight: 700;
    display: block;
    line-height: 1;
    margin-bottom: var(--space-xs);
}

.stat-label[b-pxgvgssfrl] {
    font-size: 0.875rem;
    opacity: 0.9;
}

.stat-divider[b-pxgvgssfrl] {
    width: 2px;
    height: 3rem;
    background: rgba(255, 255, 255, 0.3);
}

/* Checklist Section */
.checklist-section[b-pxgvgssfrl] {
    margin-bottom: var(--space-2xl);
}

.checklist-header[b-pxgvgssfrl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-xl);
    flex-wrap: wrap;
    gap: var(--space-md);
}

.checklist-header h2[b-pxgvgssfrl] {
    font-size: 2rem;
    color: var(--text-primary);
    margin: 0;
}

.filter-buttons[b-pxgvgssfrl] {
    display: flex;
    gap: var(--space-sm);
}

.filter-btn[b-pxgvgssfrl] {
    padding: var(--space-sm) var(--space-md);
    background: var(--bg-secondary);
    border: 2px solid var(--border-default);
    border-radius: var(--border-radius-md);
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.filter-btn:hover[b-pxgvgssfrl] {
    border-color: var(--brand-primary);
    color: var(--text-primary);
}

.filter-btn.active[b-pxgvgssfrl] {
    background: var(--brand-primary);
    border-color: var(--brand-primary);
    color: var(--text-inverse);
}

/* Phase Sections */
.phase-section[b-pxgvgssfrl] {
    background: var(--bg-primary);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--border-default);
    margin-bottom: var(--space-lg);
    overflow: hidden;
}

.phase-header[b-pxgvgssfrl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-lg) var(--space-xl);
    background: var(--bg-secondary);
    cursor: pointer;
    transition: background-color var(--transition-fast);
}

.phase-header:hover[b-pxgvgssfrl] {
    background: var(--bg-gradient-light);
}

.phase-title[b-pxgvgssfrl] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    flex-grow: 1;
}

.phase-title i[b-pxgvgssfrl] {
    font-size: 1.5rem;
    color: var(--brand-primary);
}

.phase-title h3[b-pxgvgssfrl] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.phase-badge[b-pxgvgssfrl] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: var(--bg-gradient-light);
    border-radius: 999px;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--brand-primary);
    margin-left: var(--space-md);
}

.expand-btn[b-pxgvgssfrl] {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.expand-btn i[b-pxgvgssfrl] {
    font-size: 1.25rem;
    transition: transform var(--transition-fast);
}

.expand-btn.expanded i[b-pxgvgssfrl] {
    transform: rotate(180deg);
}

.phase-content[b-pxgvgssfrl] {
    padding: var(--space-xl);
    border-top: 1px solid var(--border-default);
}

.phase-description[b-pxgvgssfrl] {
    font-size: 1rem;
    color: var(--text-secondary);
    margin-bottom: var(--space-xl);
}

/* Checklist Items */
.checklist-items[b-pxgvgssfrl] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.checklist-item[b-pxgvgssfrl] {
    display: flex;
    align-items: start;
    gap: var(--space-md);
    padding: var(--space-lg);
    background: var(--bg-secondary);
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
    transition: all var(--transition-fast);
}

.checklist-item:hover[b-pxgvgssfrl] {
    border-color: var(--brand-primary);
    box-shadow: var(--shadow-sm);
}

.checklist-item.completed[b-pxgvgssfrl] {
    opacity: 0.7;
}

.checklist-item.completed .item-content h4[b-pxgvgssfrl] {
    text-decoration: line-through;
    color: var(--text-secondary);
}

.item-checkbox[b-pxgvgssfrl] {
    flex-shrink: 0;
    margin-top: 0.25rem;
}

.item-checkbox input[type="checkbox"][b-pxgvgssfrl] {
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
}

.item-content[b-pxgvgssfrl] {
    flex-grow: 1;
    cursor: pointer;
}

.item-content h4[b-pxgvgssfrl] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 var(--space-xs) 0;
}

.item-content p[b-pxgvgssfrl] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0 0 var(--space-sm) 0;
}

.item-tips[b-pxgvgssfrl] {
    display: flex;
    align-items: start;
    gap: var(--space-sm);
    padding: var(--space-sm);
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-sm);
    margin-top: var(--space-sm);
}

.item-tips i[b-pxgvgssfrl] {
    color: #f59e0b;
    margin-top: 0.125rem;
    flex-shrink: 0;
}

.item-tips span[b-pxgvgssfrl] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    line-height: 1.5;
}

.item-meta[b-pxgvgssfrl] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    font-size: 0.8rem;
    color: var(--text-muted);
    margin-top: var(--space-sm);
}

.item-meta i[b-pxgvgssfrl] {
    color: var(--brand-primary);
}

.item-priority[b-pxgvgssfrl] {
    flex-shrink: 0;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 0.25rem;
}

.item-priority.high[b-pxgvgssfrl] {
    background: #fee2e2;
    color: #991b1b;
}

.item-priority.medium[b-pxgvgssfrl] {
    background: #fef3c7;
    color: #92400e;
}

.item-priority.low[b-pxgvgssfrl] {
    background: #e0e7ff;
    color: #3730a3;
}

/* Action Section */
.action-section[b-pxgvgssfrl] {
    margin-bottom: var(--space-2xl);
}

.action-card[b-pxgvgssfrl] {
    background: var(--bg-primary);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--border-default);
}

.action-card h3[b-pxgvgssfrl] {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.action-card h3 i[b-pxgvgssfrl] {
    color: var(--brand-primary);
}

.action-card > p[b-pxgvgssfrl] {
    font-size: 1rem;
    color: var(--text-secondary);
    margin-bottom: var(--space-xl);
}

.action-list[b-pxgvgssfrl] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.action-item[b-pxgvgssfrl] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-lg);
    background: var(--bg-secondary);
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
}

.action-icon[b-pxgvgssfrl] {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-gradient-light);
    border-radius: 50%;
    color: var(--brand-primary);
    flex-shrink: 0;
}

.action-content[b-pxgvgssfrl] {
    flex-grow: 1;
}

.action-content strong[b-pxgvgssfrl] {
    font-size: 1rem;
    color: var(--text-primary);
    display: block;
    margin-bottom: var(--space-xs);
}

.action-content p[b-pxgvgssfrl] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    margin: 0;
    line-height: 1.6;
}

.success-message[b-pxgvgssfrl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: var(--space-2xl);
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-md);
}

.success-message i[b-pxgvgssfrl] {
    font-size: 3rem;
    color: var(--brand-success);
    margin-bottom: var(--space-md);
}

.success-message p[b-pxgvgssfrl] {
    font-size: 1rem;
    color: var(--text-primary);
    max-width: 600px;
    margin: 0;
}

/* Export Section */
.export-section[b-pxgvgssfrl] {
    margin-bottom: var(--space-2xl);
}

.export-card[b-pxgvgssfrl] {
    background: var(--bg-gradient-light);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--border-default);
    text-align: center;
}

.export-card h3[b-pxgvgssfrl] {
    font-size: 1.5rem;
    margin-bottom: var(--space-md);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
}

.export-card h3 i[b-pxgvgssfrl] {
    color: var(--brand-primary);
}

.export-card p[b-pxgvgssfrl] {
    font-size: 1rem;
    color: var(--text-secondary);
    margin-bottom: var(--space-xl);
}

.export-buttons[b-pxgvgssfrl] {
    display: flex;
    gap: var(--space-md);
    justify-content: center;
    flex-wrap: wrap;
}

/* Placeholder Section */
.placeholder-section[b-pxgvgssfrl] {
    padding: var(--space-2xl) 0;
}

.placeholder-card[b-pxgvgssfrl] {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    padding: var(--space-2xl);
    background: var(--bg-secondary);
    border-radius: var(--border-radius-lg);
    border: 2px dashed var(--border-default);
}

.placeholder-icon[b-pxgvgssfrl] {
    width: 6rem;
    height: 6rem;
    margin: 0 auto var(--space-xl);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-gradient-light);
    border-radius: 50%;
    color: var(--brand-primary);
}

.placeholder-icon i[b-pxgvgssfrl] {
    font-size: 3rem;
}

.placeholder-card h3[b-pxgvgssfrl] {
    font-size: 1.5rem;
    margin-bottom: var(--space-md);
    color: var(--text-primary);
}

.placeholder-card p[b-pxgvgssfrl] {
    font-size: 1rem;
    color: var(--text-secondary);
    margin: 0;
}

/* CTA Section */
.tool-cta[b-pxgvgssfrl] {
    margin-top: var(--space-2xl);
    padding: var(--space-2xl);
    background: var(--bg-gradient);
    border-radius: var(--border-radius-lg);
    color: var(--text-inverse);
    text-align: center;
}

.cta-content h3[b-pxgvgssfrl] {
    font-size: 2rem;
    margin-bottom: var(--space-md);
    color: var(--text-inverse);
}

.cta-content p[b-pxgvgssfrl] {
    font-size: 1.125rem;
    margin-bottom: var(--space-xl);
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    color: rgba(255, 255, 255, 0.9);
}

.cta-buttons[b-pxgvgssfrl] {
    display: flex;
    gap: var(--space-md);
    justify-content: center;
    flex-wrap: wrap;
}

/* Responsive Design */
@media (max-width: 768px) {
    .checklist-tool[b-pxgvgssfrl] {
        padding: var(--space-xl) var(--space-md);
    }

    .page-hero[b-pxgvgssfrl] {
        padding: var(--space-xl) var(--space-md);
    }

    .page-hero h1[b-pxgvgssfrl] {
        font-size: 1.75rem;
        flex-direction: column;
    }

    .framework-buttons[b-pxgvgssfrl] {
        grid-template-columns: 1fr;
    }

    .framework-card[b-pxgvgssfrl],
    .progress-card[b-pxgvgssfrl],
    .action-card[b-pxgvgssfrl],
    .export-card[b-pxgvgssfrl] {
        padding: var(--space-xl);
    }

    .progress-header[b-pxgvgssfrl],
    .checklist-header[b-pxgvgssfrl] {
        flex-direction: column;
        align-items: start;
    }

    .progress-percentage[b-pxgvgssfrl] {
        text-align: left;
    }

    .progress-stats[b-pxgvgssfrl] {
        flex-direction: column;
        gap: var(--space-md);
        width: 100%;
    }

    .stat-divider[b-pxgvgssfrl] {
        display: none;
    }

    .phase-header[b-pxgvgssfrl] {
        padding: var(--space-md);
    }

    .phase-title[b-pxgvgssfrl] {
        flex-direction: column;
        align-items: start;
        gap: var(--space-sm);
    }

    .phase-badge[b-pxgvgssfrl] {
        margin-left: 0;
    }

    .checklist-item[b-pxgvgssfrl] {
        flex-direction: column;
    }

    .action-item[b-pxgvgssfrl] {
        flex-direction: column;
        text-align: center;
    }

    .filter-buttons[b-pxgvgssfrl] {
        width: 100%;
        flex-direction: column;
    }

    .filter-btn[b-pxgvgssfrl] {
        width: 100%;
    }

    .export-buttons[b-pxgvgssfrl] {
        flex-direction: column;
        width: 100%;
    }

    .export-buttons .btn[b-pxgvgssfrl] {
        width: 100%;
    }

    .cta-buttons[b-pxgvgssfrl] {
        flex-direction: column;
        width: 100%;
    }

    .cta-buttons .btn[b-pxgvgssfrl] {
        width: 100%;
    }
}
/* _content/AutomatedCompliance.Web/Pages/Tools/AuditTimeline.razor.rz.scp.css */
.timeline-tool[b-4iwnj8g7x1] {
    padding: var(--space-2xl) var(--space-lg);
    max-width: 1400px;
    margin: 0 auto;
}

.page-hero[b-4iwnj8g7x1] {
    text-align: center;
    margin-bottom: var(--space-2xl);
    padding: var(--space-2xl) var(--space-lg);
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-lg);
}

.page-hero h1[b-4iwnj8g7x1] {
    font-size: 2.5rem;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
}

.page-hero h1 i[b-4iwnj8g7x1] {
    color: var(--brand-primary);
}

.page-hero .lead[b-4iwnj8g7x1] {
    font-size: 1.25rem;
    color: var(--text-secondary);
    max-width: 800px;
    margin: 0 auto;
}

/* Configuration Section */
.tool-config[b-4iwnj8g7x1] {
    margin-bottom: var(--space-2xl);
}

.config-card[b-4iwnj8g7x1] {
    background: var(--bg-primary);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--border-default);
    box-shadow: var(--shadow-md);
}

.config-card h2[b-4iwnj8g7x1] {
    font-size: 1.75rem;
    margin-bottom: var(--space-xl);
    color: var(--text-primary);
}

.form-group[b-4iwnj8g7x1] {
    margin-bottom: var(--space-lg);
}

.form-group label[b-4iwnj8g7x1] {
    display: block;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-sm);
}

.form-select[b-4iwnj8g7x1],
.form-control[b-4iwnj8g7x1] {
    width: 100%;
    padding: var(--space-md);
    font-size: 1rem;
    border: 2px solid var(--border-default);
    border-radius: var(--border-radius-md);
    background: var(--bg-primary);
    color: var(--text-primary);
    transition: border-color var(--transition-fast);
}

.form-select:focus[b-4iwnj8g7x1],
.form-control:focus[b-4iwnj8g7x1] {
    outline: none;
    border-color: var(--brand-primary);
}

/* Timeline Section */
.timeline-section[b-4iwnj8g7x1] {
    margin-bottom: var(--space-2xl);
}

.timeline-header[b-4iwnj8g7x1] {
    margin-bottom: var(--space-xl);
}

.timeline-header h2[b-4iwnj8g7x1] {
    font-size: 2rem;
    margin-bottom: var(--space-md);
    color: var(--text-primary);
}

.timeline-meta[b-4iwnj8g7x1] {
    font-size: 1rem;
    color: var(--text-secondary);
    margin: 0;
}

.timeline-meta strong[b-4iwnj8g7x1] {
    color: var(--text-primary);
    font-weight: 600;
}

/* Timeline Phases */
.timeline-phases[b-4iwnj8g7x1] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
}

.phase-card[b-4iwnj8g7x1] {
    background: var(--bg-primary);
    padding: var(--space-xl);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--border-default);
    border-left-width: 6px;
    transition: all var(--transition-base);
    position: relative;
}

.phase-card.current[b-4iwnj8g7x1] {
    border-left-color: var(--brand-primary);
    background: var(--bg-gradient-light);
}

.phase-card.upcoming[b-4iwnj8g7x1] {
    border-left-color: #9333ea;
}

.phase-card.future[b-4iwnj8g7x1] {
    border-left-color: var(--border-default);
}

.phase-card:hover[b-4iwnj8g7x1] {
    transform: translateX(4px);
    box-shadow: var(--shadow-lg);
}

.phase-header[b-4iwnj8g7x1] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: var(--space-lg);
    flex-wrap: wrap;
    gap: var(--space-md);
}

.phase-title[b-4iwnj8g7x1] {
    flex-grow: 1;
}

.phase-number[b-4iwnj8g7x1] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: var(--bg-secondary);
    border-radius: 999px;
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--space-sm);
}

.phase-card.current .phase-number[b-4iwnj8g7x1] {
    background: var(--brand-primary);
    color: var(--text-inverse);
}

.phase-title h3[b-4iwnj8g7x1] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.phase-duration[b-4iwnj8g7x1] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    background: var(--bg-secondary);
    border-radius: var(--border-radius-md);
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-secondary);
}

.phase-duration i[b-4iwnj8g7x1] {
    color: var(--brand-primary);
}

.phase-description[b-4iwnj8g7x1] {
    font-size: 1rem;
    color: var(--text-secondary);
    line-height: 1.7;
    margin-bottom: var(--space-lg);
}

.phase-tasks h4[b-4iwnj8g7x1] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-md);
}

.phase-tasks ul[b-4iwnj8g7x1] {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--space-lg) 0;
}

.phase-tasks li[b-4iwnj8g7x1] {
    display: flex;
    align-items: start;
    gap: var(--space-sm);
    padding: var(--space-xs) 0;
    color: var(--text-secondary);
    line-height: 1.6;
}

.phase-tasks i[b-4iwnj8g7x1] {
    color: var(--brand-success);
    margin-top: 0.25rem;
    flex-shrink: 0;
}

.phase-meta[b-4iwnj8g7x1] {
    display: flex;
    gap: var(--space-xl);
    padding-top: var(--space-md);
    border-top: 1px solid var(--border-default);
    flex-wrap: wrap;
}

.meta-item[b-4iwnj8g7x1] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-size: 0.875rem;
    color: var(--text-muted);
}

.meta-item i[b-4iwnj8g7x1] {
    color: var(--brand-primary);
}

/* Export Section */
.export-section[b-4iwnj8g7x1] {
    margin-bottom: var(--space-2xl);
}

.export-card[b-4iwnj8g7x1] {
    background: var(--bg-gradient-light);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--border-default);
    text-align: center;
}

.export-card h3[b-4iwnj8g7x1] {
    font-size: 1.5rem;
    margin-bottom: var(--space-md);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
}

.export-card h3 i[b-4iwnj8g7x1] {
    color: var(--brand-primary);
}

.export-card p[b-4iwnj8g7x1] {
    font-size: 1rem;
    color: var(--text-secondary);
    margin-bottom: var(--space-xl);
}

.export-buttons[b-4iwnj8g7x1] {
    display: flex;
    gap: var(--space-md);
    justify-content: center;
    flex-wrap: wrap;
}

.export-status[b-4iwnj8g7x1] {
    margin-top: var(--space-lg);
    font-size: 0.95rem;
    color: var(--brand-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
}

/* Tips Section */
.tips-section[b-4iwnj8g7x1] {
    margin-bottom: var(--space-2xl);
}

.info-box[b-4iwnj8g7x1] {
    background: var(--bg-secondary);
    padding: var(--space-xl);
    border-radius: var(--border-radius-md);
    border-left: 4px solid var(--brand-primary);
}

.info-box h4[b-4iwnj8g7x1] {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: var(--space-md);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.info-box h4 i[b-4iwnj8g7x1] {
    color: var(--brand-primary);
}

.info-box ul[b-4iwnj8g7x1] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.info-box li[b-4iwnj8g7x1] {
    padding: var(--space-sm) 0;
    color: var(--text-secondary);
    line-height: 1.7;
}

.info-box strong[b-4iwnj8g7x1] {
    color: var(--text-primary);
    font-weight: 600;
}

/* Placeholder Section */
.placeholder-section[b-4iwnj8g7x1] {
    padding: var(--space-2xl) 0;
}

.placeholder-card[b-4iwnj8g7x1] {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    padding: var(--space-2xl);
    background: var(--bg-secondary);
    border-radius: var(--border-radius-lg);
    border: 2px dashed var(--border-default);
}

.placeholder-icon[b-4iwnj8g7x1] {
    width: 6rem;
    height: 6rem;
    margin: 0 auto var(--space-xl);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-gradient-light);
    border-radius: 50%;
    color: var(--brand-primary);
}

.placeholder-icon i[b-4iwnj8g7x1] {
    font-size: 3rem;
}

.placeholder-card h3[b-4iwnj8g7x1] {
    font-size: 1.5rem;
    margin-bottom: var(--space-md);
    color: var(--text-primary);
}

.placeholder-card p[b-4iwnj8g7x1] {
    font-size: 1rem;
    color: var(--text-secondary);
    margin: 0;
}

/* CTA Section */
.tool-cta[b-4iwnj8g7x1] {
    margin-top: var(--space-2xl);
    padding: var(--space-2xl);
    background: var(--bg-gradient);
    border-radius: var(--border-radius-lg);
    color: var(--text-inverse);
    text-align: center;
}

.cta-content h3[b-4iwnj8g7x1] {
    font-size: 2rem;
    margin-bottom: var(--space-md);
    color: var(--text-inverse);
}

.cta-content p[b-4iwnj8g7x1] {
    font-size: 1.125rem;
    margin-bottom: var(--space-xl);
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    color: rgba(255, 255, 255, 0.9);
}

.cta-buttons[b-4iwnj8g7x1] {
    display: flex;
    gap: var(--space-md);
    justify-content: center;
    flex-wrap: wrap;
}

/* Responsive Design */
@media (max-width: 768px) {
    .timeline-tool[b-4iwnj8g7x1] {
        padding: var(--space-xl) var(--space-md);
    }

    .page-hero[b-4iwnj8g7x1] {
        padding: var(--space-xl) var(--space-md);
    }

    .page-hero h1[b-4iwnj8g7x1] {
        font-size: 1.75rem;
        flex-direction: column;
    }

    .config-card[b-4iwnj8g7x1] {
        padding: var(--space-xl);
    }

    .phase-header[b-4iwnj8g7x1] {
        flex-direction: column;
        align-items: start;
    }

    .phase-meta[b-4iwnj8g7x1] {
        flex-direction: column;
        gap: var(--space-sm);
    }

    .export-buttons[b-4iwnj8g7x1] {
        flex-direction: column;
        width: 100%;
    }

    .export-buttons .btn[b-4iwnj8g7x1] {
        width: 100%;
    }

    .cta-buttons[b-4iwnj8g7x1] {
        flex-direction: column;
        width: 100%;
    }

    .cta-buttons .btn[b-4iwnj8g7x1] {
        width: 100%;
    }
}
/* _content/AutomatedCompliance.Web/Pages/Tools/FrameworkComparison.razor.rz.scp.css */
.comparison-tool[b-3brutrpxtt] {
    padding: var(--space-2xl) var(--space-lg);
    max-width: 1400px;
    margin: 0 auto;
}

.page-hero[b-3brutrpxtt] {
    text-align: center;
    margin-bottom: var(--space-2xl);
    padding: var(--space-2xl) var(--space-lg);
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-lg);
}

.page-hero h1[b-3brutrpxtt] {
    font-size: 2.5rem;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
}

.page-hero h1 i[b-3brutrpxtt] {
    color: var(--brand-primary);
}

.page-hero .lead[b-3brutrpxtt] {
    font-size: 1.25rem;
    color: var(--text-secondary);
    max-width: 800px;
    margin: 0 auto;
}

/* Selection Section */
.selection-section[b-3brutrpxtt] {
    margin-bottom: var(--space-2xl);
}

.selection-card[b-3brutrpxtt] {
    background: var(--bg-primary);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--border-default);
    box-shadow: var(--shadow-md);
}

.selection-card h2[b-3brutrpxtt] {
    font-size: 1.75rem;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
}

.selection-card > p[b-3brutrpxtt] {
    font-size: 1rem;
    color: var(--text-secondary);
    margin-bottom: var(--space-xl);
}

.framework-checkboxes[b-3brutrpxtt] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.framework-checkbox[b-3brutrpxtt] {
    display: flex;
    align-items: center;
    gap: var(--space-lg);
    padding: var(--space-lg);
    background: var(--bg-secondary);
    border: 2px solid var(--border-default);
    border-radius: var(--border-radius-md);
    cursor: pointer;
    transition: all var(--transition-base);
}

.framework-checkbox:hover[b-3brutrpxtt] {
    border-color: var(--brand-primary);
    background: var(--bg-gradient-light);
    transform: translateX(4px);
}

.framework-checkbox.selected[b-3brutrpxtt] {
    border-color: var(--brand-primary);
    background: var(--bg-gradient-light);
    box-shadow: var(--shadow-md);
}

.checkbox-icon[b-3brutrpxtt] {
    font-size: 1.5rem;
    color: var(--text-secondary);
    flex-shrink: 0;
}

.framework-checkbox.selected .checkbox-icon[b-3brutrpxtt] {
    color: var(--brand-primary);
}

.checkbox-content[b-3brutrpxtt] {
    flex-grow: 1;
}

.checkbox-content h4[b-3brutrpxtt] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 var(--space-xs) 0;
}

.checkbox-content p[b-3brutrpxtt] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    margin: 0;
    line-height: 1.5;
}

.checkbox-badge .badge[b-3brutrpxtt] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: var(--bg-primary);
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-secondary);
}

.framework-checkbox.selected .checkbox-badge .badge[b-3brutrpxtt] {
    background: var(--brand-primary);
    color: var(--text-inverse);
}

/* Overview Section */
.overview-section[b-3brutrpxtt] {
    margin-bottom: var(--space-2xl);
}

.overview-section h2[b-3brutrpxtt] {
    font-size: 2rem;
    margin-bottom: var(--space-xl);
    color: var(--text-primary);
}

.comparison-grid[b-3brutrpxtt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--space-lg);
}

.overview-card[b-3brutrpxtt] {
    background: var(--bg-primary);
    padding: var(--space-xl);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--border-default);
    box-shadow: var(--shadow-sm);
}

.overview-card h3[b-3brutrpxtt] {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: var(--space-lg);
    color: var(--text-primary);
    border-bottom: 2px solid var(--brand-primary);
    padding-bottom: var(--space-sm);
}

.overview-stats[b-3brutrpxtt] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-md);
    margin-bottom: var(--space-lg);
}

.stat-item[b-3brutrpxtt] {
    text-align: center;
    padding: var(--space-md);
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-md);
}

.stat-value[b-3brutrpxtt] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--brand-primary);
    line-height: 1;
    margin-bottom: var(--space-xs);
}

.stat-label[b-3brutrpxtt] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.overview-details[b-3brutrpxtt] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.detail-row[b-3brutrpxtt] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: var(--space-md);
    padding: var(--space-sm) 0;
    border-bottom: 1px solid var(--border-default);
}

.detail-row:last-child[b-3brutrpxtt] {
    border-bottom: none;
}

.detail-label[b-3brutrpxtt] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-secondary);
    white-space: nowrap;
}

.detail-value[b-3brutrpxtt] {
    font-size: 0.875rem;
    color: var(--text-primary);
    text-align: right;
    line-height: 1.5;
}

/* Categories Section */
.categories-section[b-3brutrpxtt] {
    margin-bottom: var(--space-2xl);
}

.categories-section h2[b-3brutrpxtt] {
    font-size: 2rem;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
}

.section-description[b-3brutrpxtt] {
    font-size: 1rem;
    color: var(--text-secondary);
    margin-bottom: var(--space-xl);
}

.categories-table[b-3brutrpxtt] {
    background: var(--bg-primary);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--border-default);
    overflow: hidden;
}

.table-header[b-3brutrpxtt] {
    display: grid;
    grid-template-columns: 2fr repeat(auto-fit, minmax(150px, 1fr));
    gap: var(--space-md);
    padding: var(--space-lg);
    background: var(--bg-gradient);
    color: var(--text-inverse);
}

.header-cell[b-3brutrpxtt] {
    font-size: 0.95rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.table-row[b-3brutrpxtt] {
    display: grid;
    grid-template-columns: 2fr repeat(auto-fit, minmax(150px, 1fr));
    gap: var(--space-md);
    padding: var(--space-lg);
    border-bottom: 1px solid var(--border-default);
    transition: background-color var(--transition-fast);
}

.table-row:hover[b-3brutrpxtt] {
    background: var(--bg-secondary);
}

.table-row:last-child[b-3brutrpxtt] {
    border-bottom: none;
}

.category-cell[b-3brutrpxtt] {
    display: flex;
    align-items: start;
    gap: var(--space-md);
}

.category-cell > i[b-3brutrpxtt] {
    font-size: 1.25rem;
    color: var(--brand-primary);
    margin-top: 0.25rem;
    flex-shrink: 0;
}

.category-cell strong[b-3brutrpxtt] {
    display: block;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: var(--space-xs);
}

.category-cell p[b-3brutrpxtt] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    margin: 0;
    line-height: 1.5;
}

.requirement-cell[b-3brutrpxtt] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-size: 0.875rem;
}

.requirement-cell i[b-3brutrpxtt] {
    flex-shrink: 0;
}

.requirement-cell.required[b-3brutrpxtt] {
    color: var(--brand-success);
}

.requirement-cell.required i[b-3brutrpxtt] {
    color: var(--brand-success);
}

.requirement-cell.partial[b-3brutrpxtt] {
    color: #f59e0b;
}

.requirement-cell.partial i[b-3brutrpxtt] {
    color: #f59e0b;
}

.requirement-cell.not-required[b-3brutrpxtt] {
    color: var(--text-muted);
}

/* Overlap Section */
.overlap-section[b-3brutrpxtt] {
    margin-bottom: var(--space-2xl);
}

.overlap-section h2[b-3brutrpxtt] {
    font-size: 2rem;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.overlap-section h2 i[b-3brutrpxtt] {
    color: var(--brand-primary);
}

.overlap-stats[b-3brutrpxtt] {
    margin: var(--space-xl) 0;
}

.overlap-card[b-3brutrpxtt] {
    background: var(--bg-gradient);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
    color: var(--text-inverse);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-xl);
    text-align: center;
}

.overlap-icon[b-3brutrpxtt] {
    font-size: 4rem;
    opacity: 0.9;
}

.overlap-percentage[b-3brutrpxtt] {
    font-size: 4rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: var(--space-sm);
}

.overlap-label[b-3brutrpxtt] {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: var(--space-xs);
}

.overlap-content p[b-3brutrpxtt] {
    font-size: 1rem;
    opacity: 0.9;
    margin: 0;
}

.overlap-examples[b-3brutrpxtt] {
    background: var(--bg-primary);
    padding: var(--space-xl);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--border-default);
}

.overlap-examples h4[b-3brutrpxtt] {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: var(--space-lg);
    color: var(--text-primary);
}

.example-grid[b-3brutrpxtt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--space-md);
}

.example-card[b-3brutrpxtt] {
    background: var(--bg-secondary);
    padding: var(--space-lg);
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
}

.example-card h5[b-3brutrpxtt] {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
}

.example-card p[b-3brutrpxtt] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: var(--space-md);
}

.example-frameworks[b-3brutrpxtt] {
    display: flex;
    gap: var(--space-xs);
    flex-wrap: wrap;
}

.framework-badge[b-3brutrpxtt] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    background: var(--brand-primary);
    color: var(--text-inverse);
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Decision Section */
.decision-section[b-3brutrpxtt] {
    margin-bottom: var(--space-2xl);
}

.decision-card[b-3brutrpxtt] {
    background: var(--bg-primary);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--border-default);
}

.decision-card h3[b-3brutrpxtt] {
    font-size: 1.75rem;
    margin-bottom: var(--space-xl);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.decision-card h3 i[b-3brutrpxtt] {
    color: #f59e0b;
}

.decision-grid[b-3brutrpxtt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--space-lg);
    margin-bottom: var(--space-xl);
}

.decision-item[b-3brutrpxtt] {
    background: var(--bg-secondary);
    padding: var(--space-lg);
    border-radius: var(--border-radius-md);
    border-left: 4px solid var(--brand-primary);
}

.decision-item h4[b-3brutrpxtt] {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: var(--space-md);
    color: var(--text-primary);
}

.decision-item ul[b-3brutrpxtt] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.decision-item li[b-3brutrpxtt] {
    display: flex;
    align-items: start;
    gap: var(--space-sm);
    padding: var(--space-xs) 0;
    font-size: 0.875rem;
    color: var(--text-secondary);
    line-height: 1.6;
}

.decision-item li i[b-3brutrpxtt] {
    color: var(--brand-success);
    margin-top: 0.25rem;
    flex-shrink: 0;
}

.decision-note[b-3brutrpxtt] {
    display: flex;
    gap: var(--space-md);
    padding: var(--space-lg);
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-md);
    border-left: 4px solid var(--brand-primary);
}

.decision-note i[b-3brutrpxtt] {
    font-size: 1.5rem;
    color: var(--brand-primary);
    flex-shrink: 0;
}

.decision-note p[b-3brutrpxtt] {
    font-size: 0.95rem;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0;
}

.decision-note strong[b-3brutrpxtt] {
    color: var(--text-primary);
}

/* Export Section */
.export-section[b-3brutrpxtt] {
    margin-bottom: var(--space-2xl);
}

.export-card[b-3brutrpxtt] {
    background: var(--bg-gradient-light);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--border-default);
    text-align: center;
}

.export-card h3[b-3brutrpxtt] {
    font-size: 1.5rem;
    margin-bottom: var(--space-md);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
}

.export-card h3 i[b-3brutrpxtt] {
    color: var(--brand-primary);
}

.export-card p[b-3brutrpxtt] {
    font-size: 1rem;
    color: var(--text-secondary);
    margin-bottom: var(--space-xl);
}

.export-buttons[b-3brutrpxtt] {
    display: flex;
    gap: var(--space-md);
    justify-content: center;
    flex-wrap: wrap;
}

/* Placeholder Section */
.placeholder-section[b-3brutrpxtt] {
    padding: var(--space-2xl) 0;
}

.placeholder-card[b-3brutrpxtt] {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    padding: var(--space-2xl);
    background: var(--bg-secondary);
    border-radius: var(--border-radius-lg);
    border: 2px dashed var(--border-default);
}

.placeholder-icon[b-3brutrpxtt] {
    width: 6rem;
    height: 6rem;
    margin: 0 auto var(--space-xl);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-gradient-light);
    border-radius: 50%;
    color: var(--brand-primary);
}

.placeholder-icon i[b-3brutrpxtt] {
    font-size: 3rem;
}

.placeholder-card h3[b-3brutrpxtt] {
    font-size: 1.5rem;
    margin-bottom: var(--space-md);
    color: var(--text-primary);
}

.placeholder-card p[b-3brutrpxtt] {
    font-size: 1rem;
    color: var(--text-secondary);
    margin: 0;
}

/* CTA Section */
.tool-cta[b-3brutrpxtt] {
    margin-top: var(--space-2xl);
    padding: var(--space-2xl);
    background: var(--bg-gradient);
    border-radius: var(--border-radius-lg);
    color: var(--text-inverse);
    text-align: center;
}

.cta-content h3[b-3brutrpxtt] {
    font-size: 2rem;
    margin-bottom: var(--space-md);
    color: var(--text-inverse);
}

.cta-content p[b-3brutrpxtt] {
    font-size: 1.125rem;
    margin-bottom: var(--space-xl);
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    color: rgba(255, 255, 255, 0.9);
}

.cta-buttons[b-3brutrpxtt] {
    display: flex;
    gap: var(--space-md);
    justify-content: center;
    flex-wrap: wrap;
}

/* Responsive Design */
@media (max-width: 768px) {
    .comparison-tool[b-3brutrpxtt] {
        padding: var(--space-xl) var(--space-md);
    }

    .page-hero[b-3brutrpxtt] {
        padding: var(--space-xl) var(--space-md);
    }

    .page-hero h1[b-3brutrpxtt] {
        font-size: 1.75rem;
        flex-direction: column;
    }

    .selection-card[b-3brutrpxtt],
    .overview-card[b-3brutrpxtt],
    .decision-card[b-3brutrpxtt] {
        padding: var(--space-xl);
    }

    .framework-checkbox[b-3brutrpxtt] {
        flex-direction: column;
        align-items: start;
    }

    .comparison-grid[b-3brutrpxtt] {
        grid-template-columns: 1fr;
    }

    .overview-stats[b-3brutrpxtt] {
        grid-template-columns: 1fr;
    }

    .table-header[b-3brutrpxtt],
    .table-row[b-3brutrpxtt] {
        display: flex;
        flex-direction: column;
    }

    .category-header[b-3brutrpxtt] {
        display: none;
    }

    .overlap-card[b-3brutrpxtt] {
        flex-direction: column;
    }

    .decision-grid[b-3brutrpxtt] {
        grid-template-columns: 1fr;
    }

    .export-buttons[b-3brutrpxtt] {
        flex-direction: column;
        width: 100%;
    }

    .export-buttons .btn[b-3brutrpxtt] {
        width: 100%;
    }

    .cta-buttons[b-3brutrpxtt] {
        flex-direction: column;
        width: 100%;
    }

    .cta-buttons .btn[b-3brutrpxtt] {
        width: 100%;
    }
}
/* _content/AutomatedCompliance.Web/Pages/Tools/MaturityAssessment.razor.rz.scp.css */
.maturity-tool[b-e98ajb7jm6] {
    padding: var(--space-2xl) var(--space-lg);
    max-width: 1400px;
    margin: 0 auto;
}

.page-hero[b-e98ajb7jm6] {
    text-align: center;
    margin-bottom: var(--space-2xl);
    padding: var(--space-2xl) var(--space-lg);
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-lg);
}

.page-hero h1[b-e98ajb7jm6] {
    font-size: 2.5rem;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
}

.page-hero h1 i[b-e98ajb7jm6] {
    color: var(--brand-primary);
}

.page-hero .lead[b-e98ajb7jm6] {
    font-size: 1.25rem;
    color: var(--text-secondary);
    max-width: 800px;
    margin: 0 auto;
}

/* Maturity Levels Section */
.maturity-levels[b-e98ajb7jm6] {
    margin-bottom: var(--space-2xl);
}

.maturity-levels h2[b-e98ajb7jm6] {
    font-size: 2rem;
    margin-bottom: var(--space-xl);
    color: var(--text-primary);
    text-align: center;
}

.levels-grid[b-e98ajb7jm6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-lg);
}

.level-card[b-e98ajb7jm6] {
    background: var(--bg-primary);
    padding: var(--space-lg);
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
    text-align: center;
    transition: all var(--transition-base);
}

.level-card:hover[b-e98ajb7jm6] {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
}

.level-badge[b-e98ajb7jm6] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--space-md);
    background: var(--bg-secondary);
    color: var(--text-secondary);
}

.level-card.level-1 .level-badge[b-e98ajb7jm6] {
    background: #fee2e2;
    color: #991b1b;
}

.level-card.level-2 .level-badge[b-e98ajb7jm6] {
    background: #fed7aa;
    color: #9a3412;
}

.level-card.level-3 .level-badge[b-e98ajb7jm6] {
    background: #fef3c7;
    color: #92400e;
}

.level-card.level-4 .level-badge[b-e98ajb7jm6] {
    background: #d9f99d;
    color: #365314;
}

.level-card.level-5 .level-badge[b-e98ajb7jm6] {
    background: #bbf7d0;
    color: #14532d;
}

.level-card h3[b-e98ajb7jm6] {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
}

.level-card p[b-e98ajb7jm6] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0;
}

/* Assessment Section */
.assessment-section[b-e98ajb7jm6] {
    margin-bottom: var(--space-2xl);
}

.assessment-card[b-e98ajb7jm6] {
    background: var(--bg-primary);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--border-default);
    box-shadow: var(--shadow-md);
}

.assessment-header[b-e98ajb7jm6] {
    margin-bottom: var(--space-xl);
}

.assessment-header h2[b-e98ajb7jm6] {
    font-size: 1.75rem;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
}

.assessment-header p[b-e98ajb7jm6] {
    font-size: 1rem;
    color: var(--text-secondary);
    margin: 0;
}

.assessment-domains[b-e98ajb7jm6] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
    margin-bottom: var(--space-2xl);
}

.domain-item[b-e98ajb7jm6] {
    background: var(--bg-secondary);
    padding: var(--space-lg);
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
}

.domain-header[b-e98ajb7jm6] {
    margin-bottom: var(--space-md);
}

.domain-info[b-e98ajb7jm6] {
    display: flex;
    align-items: start;
    gap: var(--space-md);
}

.domain-info > i[b-e98ajb7jm6] {
    font-size: 1.5rem;
    color: var(--brand-primary);
    margin-top: 0.25rem;
}

.domain-info h4[b-e98ajb7jm6] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 var(--space-xs) 0;
}

.domain-info p[b-e98ajb7jm6] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    margin: 0;
    line-height: 1.5;
}

.domain-rating[b-e98ajb7jm6] {
    display: flex;
    align-items: center;
    gap: var(--space-lg);
    flex-wrap: wrap;
}

.rating-buttons[b-e98ajb7jm6] {
    display: flex;
    gap: var(--space-sm);
}

.rating-btn[b-e98ajb7jm6] {
    width: 3rem;
    height: 3rem;
    border: 2px solid var(--border-default);
    background: var(--bg-primary);
    border-radius: var(--border-radius-md);
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.rating-btn:hover[b-e98ajb7jm6] {
    border-color: var(--brand-primary);
    background: var(--bg-gradient-light);
    transform: scale(1.05);
}

.rating-btn.active[b-e98ajb7jm6] {
    background: var(--brand-primary);
    border-color: var(--brand-primary);
    color: var(--text-inverse);
}

.rating-label[b-e98ajb7jm6] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--brand-primary);
    padding: var(--space-sm) var(--space-md);
    background: var(--bg-gradient-light);
    border-radius: 999px;
}

.progress-indicator[b-e98ajb7jm6] {
    text-align: center;
    padding: var(--space-xl);
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-md);
}

.progress-indicator p[b-e98ajb7jm6] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-md);
}

.progress-bar[b-e98ajb7jm6] {
    width: 100%;
    height: 0.75rem;
    background: var(--bg-secondary);
    border-radius: 999px;
    overflow: hidden;
}

.progress-fill[b-e98ajb7jm6] {
    height: 100%;
    background: var(--bg-gradient);
    transition: width var(--transition-base);
}

.assessment-actions[b-e98ajb7jm6] {
    display: flex;
    gap: var(--space-md);
    justify-content: center;
    flex-wrap: wrap;
}

/* Results Section */
.results-section[b-e98ajb7jm6] {
    margin-bottom: var(--space-2xl);
}

.results-card[b-e98ajb7jm6] {
    background: var(--bg-primary);
    padding: var(--space-2xl);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--border-default);
    box-shadow: var(--shadow-lg);
}

.results-header[b-e98ajb7jm6] {
    text-align: center;
    margin-bottom: var(--space-2xl);
}

.results-header h2[b-e98ajb7jm6] {
    font-size: 2rem;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
}

.results-header h2 i[b-e98ajb7jm6] {
    color: #f59e0b;
}

.score-display[b-e98ajb7jm6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2xl);
    margin-bottom: var(--space-2xl);
    padding: var(--space-2xl);
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-lg);
    flex-wrap: wrap;
}

.score-circle[b-e98ajb7jm6] {
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    background: var(--bg-gradient);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: var(--shadow-xl);
}

.score-number[b-e98ajb7jm6] {
    font-size: 3rem;
    font-weight: 700;
    color: var(--text-inverse);
    line-height: 1;
}

.score-label[b-e98ajb7jm6] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.9);
    margin-top: var(--space-xs);
}

.score-description[b-e98ajb7jm6] {
    text-align: left;
    max-width: 400px;
}

.score-description h3[b-e98ajb7jm6] {
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
}

.score-description p[b-e98ajb7jm6] {
    font-size: 1rem;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0;
}

.domain-breakdown[b-e98ajb7jm6] {
    margin-bottom: var(--space-2xl);
}

.domain-breakdown h3[b-e98ajb7jm6] {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: var(--space-lg);
    color: var(--text-primary);
}

.breakdown-grid[b-e98ajb7jm6] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.breakdown-item[b-e98ajb7jm6] {
    background: var(--bg-secondary);
    padding: var(--space-md);
    border-radius: var(--border-radius-md);
}

.breakdown-header[b-e98ajb7jm6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-sm);
}

.breakdown-name[b-e98ajb7jm6] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.breakdown-name i[b-e98ajb7jm6] {
    color: var(--brand-primary);
}

.breakdown-score[b-e98ajb7jm6] {
    font-size: 1rem;
    font-weight: 700;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
}

.breakdown-score.level-1[b-e98ajb7jm6] {
    background: #fee2e2;
    color: #991b1b;
}

.breakdown-score.level-2[b-e98ajb7jm6] {
    background: #fed7aa;
    color: #9a3412;
}

.breakdown-score.level-3[b-e98ajb7jm6] {
    background: #fef3c7;
    color: #92400e;
}

.breakdown-score.level-4[b-e98ajb7jm6] {
    background: #d9f99d;
    color: #365314;
}

.breakdown-score.level-5[b-e98ajb7jm6] {
    background: #bbf7d0;
    color: #14532d;
}

.breakdown-bar[b-e98ajb7jm6] {
    width: 100%;
    height: 0.5rem;
    background: var(--bg-primary);
    border-radius: 999px;
    overflow: hidden;
}

.breakdown-fill[b-e98ajb7jm6] {
    height: 100%;
    transition: width var(--transition-base);
}

.breakdown-fill.level-1[b-e98ajb7jm6] {
    background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);
}

.breakdown-fill.level-2[b-e98ajb7jm6] {
    background: linear-gradient(135deg, #ea580c 0%, #9a3412 100%);
}

.breakdown-fill.level-3[b-e98ajb7jm6] {
    background: linear-gradient(135deg, #f59e0b 0%, #92400e 100%);
}

.breakdown-fill.level-4[b-e98ajb7jm6] {
    background: linear-gradient(135deg, #84cc16 0%, #365314 100%);
}

.breakdown-fill.level-5[b-e98ajb7jm6] {
    background: linear-gradient(135deg, #22c55e 0%, #14532d 100%);
}

/* Recommendations */
.recommendations[b-e98ajb7jm6] {
    margin-bottom: var(--space-2xl);
}

.recommendations h3[b-e98ajb7jm6] {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: var(--space-lg);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.recommendations h3 i[b-e98ajb7jm6] {
    color: #f59e0b;
}

.recommendation-list[b-e98ajb7jm6] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.recommendation-card[b-e98ajb7jm6] {
    background: var(--bg-secondary);
    padding: var(--space-xl);
    border-radius: var(--border-radius-md);
    border-left-width: 4px;
    border-left-style: solid;
}

.recommendation-card.priority-High[b-e98ajb7jm6] {
    border-left-color: #dc2626;
}

.recommendation-card.priority-Medium[b-e98ajb7jm6] {
    border-left-color: #f59e0b;
}

.recommendation-card.priority-Low[b-e98ajb7jm6] {
    border-left-color: #3b82f6;
}

.rec-header[b-e98ajb7jm6] {
    margin-bottom: var(--space-md);
}

.rec-priority[b-e98ajb7jm6] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--space-sm);
}

.priority-High .rec-priority[b-e98ajb7jm6] {
    background: #fee2e2;
    color: #991b1b;
}

.priority-Medium .rec-priority[b-e98ajb7jm6] {
    background: #fef3c7;
    color: #92400e;
}

.priority-Low .rec-priority[b-e98ajb7jm6] {
    background: #dbeafe;
    color: #1e40af;
}

.rec-header h4[b-e98ajb7jm6] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.recommendation-card > p[b-e98ajb7jm6] {
    font-size: 0.95rem;
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: var(--space-md);
}

.recommendation-card ul[b-e98ajb7jm6] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.recommendation-card li[b-e98ajb7jm6] {
    display: flex;
    align-items: start;
    gap: var(--space-sm);
    padding: var(--space-xs) 0;
    color: var(--text-secondary);
    font-size: 0.875rem;
    line-height: 1.6;
}

.recommendation-card li i[b-e98ajb7jm6] {
    color: var(--brand-primary);
    margin-top: 0.25rem;
    flex-shrink: 0;
}

/* Export Actions */
.export-actions[b-e98ajb7jm6] {
    text-align: center;
    padding: var(--space-xl);
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-md);
}

.export-actions h4[b-e98ajb7jm6] {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: var(--space-lg);
    color: var(--text-primary);
}

.export-buttons[b-e98ajb7jm6] {
    display: flex;
    gap: var(--space-md);
    justify-content: center;
    flex-wrap: wrap;
}

/* CTA Section */
.tool-cta[b-e98ajb7jm6] {
    margin-top: var(--space-2xl);
    padding: var(--space-2xl);
    background: var(--bg-gradient);
    border-radius: var(--border-radius-lg);
    color: var(--text-inverse);
    text-align: center;
}

.cta-content h3[b-e98ajb7jm6] {
    font-size: 2rem;
    margin-bottom: var(--space-md);
    color: var(--text-inverse);
}

.cta-content p[b-e98ajb7jm6] {
    font-size: 1.125rem;
    margin-bottom: var(--space-xl);
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    color: rgba(255, 255, 255, 0.9);
}

.cta-buttons[b-e98ajb7jm6] {
    display: flex;
    gap: var(--space-md);
    justify-content: center;
    flex-wrap: wrap;
}

/* Responsive Design */
@media (max-width: 768px) {
    .maturity-tool[b-e98ajb7jm6] {
        padding: var(--space-xl) var(--space-md);
    }

    .page-hero[b-e98ajb7jm6] {
        padding: var(--space-xl) var(--space-md);
    }

    .page-hero h1[b-e98ajb7jm6] {
        font-size: 1.75rem;
        flex-direction: column;
    }

    .levels-grid[b-e98ajb7jm6] {
        grid-template-columns: 1fr;
    }

    .assessment-card[b-e98ajb7jm6] {
        padding: var(--space-xl);
    }

    .domain-info[b-e98ajb7jm6] {
        flex-direction: column;
    }

    .domain-rating[b-e98ajb7jm6] {
        flex-direction: column;
        align-items: start;
    }

    .score-display[b-e98ajb7jm6] {
        flex-direction: column;
        text-align: center;
    }

    .score-description[b-e98ajb7jm6] {
        text-align: center;
    }

    .assessment-actions[b-e98ajb7jm6] {
        flex-direction: column;
        width: 100%;
    }

    .assessment-actions .btn[b-e98ajb7jm6] {
        width: 100%;
    }

    .export-buttons[b-e98ajb7jm6] {
        flex-direction: column;
        width: 100%;
    }

    .export-buttons .btn[b-e98ajb7jm6] {
        width: 100%;
    }

    .cta-buttons[b-e98ajb7jm6] {
        flex-direction: column;
        width: 100%;
    }

    .cta-buttons .btn[b-e98ajb7jm6] {
        width: 100%;
    }
}
/* _content/AutomatedCompliance.Web/Pages/Trust.razor.rz.scp.css */
.trust[b-irin189amw] {
    padding: var(--space-2xl) var(--space-lg);
    max-width: 1400px;
    margin: 0 auto;
}

.trust-hero[b-irin189amw] {
    text-align: center;
    margin-bottom: var(--space-2xl);
}

.trust-hero h1[b-irin189amw] {
    font-size: 3rem;
    margin-bottom: var(--space-sm);
    background: var(--bg-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.trust-hero .lead[b-irin189amw] {
    font-size: 1.25rem;
    color: var(--text-secondary);
    max-width: 700px;
    margin: 0 auto var(--space-2xl);
}

/* Tabs Navigation */
.tabs[b-irin189amw] {
    display: flex;
    justify-content: center;
    gap: var(--space-sm);
    margin-top: var(--space-xl);
    padding: var(--space-sm);
    background: var(--bg-secondary);
    border-radius: var(--border-radius-lg);
    flex-wrap: wrap;
}

.tab[b-irin189amw] {
    padding: var(--space-md) var(--space-lg);
    background: transparent;
    border: 2px solid transparent;
    border-radius: var(--border-radius-md);
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.tab:hover[b-irin189amw] {
    background: var(--bg-primary);
    color: var(--text-primary);
}

.tab.active[b-irin189amw] {
    background: var(--bg-primary);
    border-color: var(--brand-primary);
    color: var(--brand-primary);
}

/* Panel Content */
.panel[b-irin189amw] {
    margin-top: var(--space-2xl);
}

.panel h2[b-irin189amw] {
    font-size: 2rem;
    margin-bottom: var(--space-lg);
    color: var(--text-primary);
    text-align: center;
}

.panel .lead[b-irin189amw] {
    font-size: 1.125rem;
    color: var(--text-secondary);
    text-align: center;
    max-width: 700px;
    margin: 0 auto var(--space-xl);
}

/* Overview Grid */
.grid-3[b-irin189amw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--space-lg);
}

.grid-2[b-irin189amw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: var(--space-lg);
}

.card[b-irin189amw] {
    background: var(--bg-primary);
    padding: var(--space-xl);
    border-radius: var(--border-radius-md);
    border: 2px solid var(--border-default);
    transition: all var(--transition-base);
}

.card:hover[b-irin189amw] {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
    border-color: var(--brand-primary);
}

.card h3[b-irin189amw] {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: var(--space-md);
    color: var(--text-primary);
}

/* Bullets and Badges */
.bullets[b-irin189amw] {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--space-md) 0;
}

.bullets li[b-irin189amw] {
    padding: var(--space-xs) 0;
    color: var(--text-secondary);
    line-height: 1.6;
}

.bullets li[b-irin189amw]::before {
    content: "�";
    color: var(--brand-primary);
    font-weight: bold;
    margin-right: var(--space-sm);
}

.badges[b-irin189amw] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.badge[b-irin189amw] {
    display: inline-block;
    padding: 0.375rem 0.875rem;
    border-radius: 999px;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.badge.done[b-irin189amw] {
    background: rgba(34, 197, 94, 0.15);
    color: #16a34a;
    border: 1px solid rgba(34, 197, 94, 0.3);
}

.badge.prog[b-irin189amw] {
    background: rgba(59, 130, 246, 0.15);
    color: #2563eb;
    border: 1px solid rgba(59, 130, 246, 0.3);
}

.badge.plan[b-irin189amw] {
    background: rgba(148, 163, 184, 0.15);
    color: #64748b;
    border: 1px solid rgba(148, 163, 184, 0.3);
}

.muted[b-irin189amw] {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.links[b-irin189amw] {
    margin-top: var(--space-md);
    font-size: 0.95rem;
}

.links a[b-irin189amw] {
    color: var(--brand-primary);
    text-decoration: none;
    transition: color var(--transition-fast);
}

.links a:hover[b-irin189amw] {
    color: var(--brand-accent);
    text-decoration: underline;
}

.mt[b-irin189amw] {
    margin-top: var(--space-xl);
}

/* Certifications */
.certs[b-irin189amw] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
    margin-top: var(--space-xl);
}

.cert[b-irin189amw] {
    display: flex;
    gap: var(--space-lg);
    padding: var(--space-xl);
    background: var(--bg-primary);
    border: 2px solid var(--border-default);
    border-radius: var(--border-radius-md);
    align-items: center;
}

.cert img[b-irin189amw] {
    width: 80px;
    height: 80px;
    object-fit: contain;
    flex-shrink: 0;
}

.cert h3[b-irin189amw] {
    font-size: 1.5rem;
    margin-bottom: var(--space-sm);
}

.cert p[b-irin189amw] {
    margin: 0.25rem 0;
    color: var(--text-secondary);
}

/* KPIs */
.kpis[b-irin189amw] {
}

.kpi-list[b-irin189amw] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.kpi-list li[b-irin189amw] {
    display: flex;
    justify-content: space-between;
    padding: var(--space-sm) 0;
    border-bottom: 1px solid var(--border-default);
    color: var(--text-secondary);
}

.kpi-list li:last-child[b-irin189amw] {
    border-bottom: none;
}

.kpi-list span[b-irin189amw] {
    font-weight: 500;
}

.kpi-list strong[b-irin189amw] {
    color: var(--brand-primary);
    font-weight: 600;
}

/* Readiness Ring */
.readiness[b-irin189amw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-lg);
}

.ring[b-irin189amw] {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 8px solid var(--brand-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-gradient-light);
}

.ring span[b-irin189amw] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--brand-primary);
}

/* Roadmap Preview Section */
.roadmap-highlights[b-irin189amw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--space-lg);
    margin: var(--space-xl) 0;
}

.highlight-card[b-irin189amw] {
    background: var(--bg-primary);
    padding: var(--space-xl);
    border: 2px solid var(--border-default);
    border-radius: var(--border-radius-md);
    transition: all var(--transition-base);
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.highlight-card:hover[b-irin189amw] {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
    border-color: var(--brand-primary);
}

.highlight-icon[b-irin189amw] {
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-gradient-light);
    border-radius: var(--border-radius-md);
    color: var(--brand-primary);
    margin-bottom: var(--space-sm);
}

.highlight-icon i[b-irin189amw] {
    font-size: 1.75rem;
}

.highlight-card h4[b-irin189amw] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.highlight-card p[b-irin189amw] {
    font-size: 0.95rem;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0;
}

.roadmap-cta[b-irin189amw] {
    display: flex;
    gap: var(--space-md);
    justify-content: center;
    margin-top: var(--space-xl);
    flex-wrap: wrap;
}

/* Timeline */
.timeline-wrapper[b-irin189amw] {
    position: relative;
    padding-left: var(--space-2xl);
    margin-top: var(--space-xl);
}

.timeline-wrapper[b-irin189amw]::before {
    content: '';
    position: absolute;
    left: 0.75rem;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--border-default);
}

.milestone[b-irin189amw] {
    position: relative;
    padding-bottom: var(--space-xl);
}

.milestone:last-child[b-irin189amw] {
    padding-bottom: 0;
}

.dot[b-irin189amw] {
    position: absolute;
    left: -28px;
    top: 0.25rem;
    width: 1rem;
    height: 1rem;
    background: var(--brand-primary);
    border-radius: 50%;
    border: 3px solid var(--bg-primary);
    box-shadow: 0 0 0 2px var(--border-default);
}

.content h3[b-irin189amw] {
    font-size: 1.25rem;
    margin-bottom: var(--space-sm);
    color: var(--text-primary);
}

.content p[b-irin189amw] {
    font-size: 1rem;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0;
}

/* Responsive Design */
@media (max-width: 768px) {
    .trust-hero h1[b-irin189amw] {
        font-size: 2rem;
    }

    .trust-hero .lead[b-irin189amw] {
        font-size: 1.05rem;
    }

    .tabs[b-irin189amw] {
        flex-direction: column;
    }

    .tab[b-irin189amw] {
        width: 100%;
    }

    .grid-3[b-irin189amw],
    .grid-2[b-irin189amw] {
        grid-template-columns: 1fr;
    }

    .cert[b-irin189amw] {
        flex-direction: column;
        text-align: center;
    }

    .roadmap-highlights[b-irin189amw] {
        grid-template-columns: 1fr;
    }

    .roadmap-cta[b-irin189amw] {
        flex-direction: column;
        width: 100%;
    }

    .roadmap-cta .btn[b-irin189amw] {
        width: 100%;
    }

    .timeline-wrapper[b-irin189amw] {
        padding-left: var(--space-lg);
    }
}
/* _content/AutomatedCompliance.Web/Shared/Components/LeadForm.razor.rz.scp.css */
/* LeadForm Component Styles - Following ComplySherpa Design System */

/* Form Layout */
form[b-q014yo953o] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

/* Form Groups */
.form-group[b-q014yo953o] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.form-group label[b-q014yo953o] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}

/* Form Controls */
.form-control[b-q014yo953o],
[b-q014yo953o] .form-control {
    width: 100%;
    padding: var(--space-md);
    font-size: 1rem;
    line-height: 1.5;
    color: var(--text-primary);
    background: var(--bg-primary);
    border: 2px solid var(--border-default);
    border-radius: var(--border-radius-md);
    transition: all var(--transition-fast);
    font-family: inherit;
}

.form-control:focus[b-q014yo953o],
[b-q014yo953o] .form-control:focus {
    outline: none;
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.form-control:hover:not(:focus):not(:disabled)[b-q014yo953o],
[b-q014yo953o] .form-control:hover:not(:focus):not(:disabled) {
    border-color: var(--brand-primary);
}

.form-control[b-q014yo953o]::placeholder,
[b-q014yo953o] .form-control::placeholder {
    color: var(--text-muted);
    opacity: 0.7;
}

/* TextArea Specific */
textarea.form-control[b-q014yo953o],
[b-q014yo953o] textarea.form-control {
    resize: vertical;
    min-height: 100px;
}

/* Select Specific */
select.form-control[b-q014yo953o],
[b-q014yo953o] select.form-control {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right var(--space-md) center;
    background-size: 16px 12px;
    padding-right: var(--space-2xl);
    cursor: pointer;
}

select[multiple].form-control[b-q014yo953o],
[b-q014yo953o] select[multiple].form-control {
    background-image: none;
    padding-right: var(--space-md);
    min-height: 120px;
}

select[multiple].form-control option[b-q014yo953o],
[b-q014yo953o] select[multiple].form-control option {
    padding: var(--space-sm);
    border-radius: var(--border-radius-sm);
}

select[multiple].form-control option:checked[b-q014yo953o],
[b-q014yo953o] select[multiple].form-control option:checked {
    background: var(--brand-primary);
    color: var(--text-inverse);
}

/* Disabled State */
.form-control:disabled[b-q014yo953o],
[b-q014yo953o] .form-control:disabled {
    background-color: var(--bg-secondary);
    color: var(--text-muted);
    cursor: not-allowed;
    opacity: 0.6;
}

/* Validation States */
.form-control.invalid[b-q014yo953o],
[b-q014yo953o] .form-control.invalid,
.form-control:invalid:not(:focus)[b-q014yo953o],
[b-q014yo953o] .form-control:invalid:not(:focus) {
    border-color: var(--brand-danger);
}

.form-control.valid[b-q014yo953o],
[b-q014yo953o] .form-control.valid {
    border-color: var(--brand-success);
}

/* Validation Messages */
[b-q014yo953o] .validation-message {
    font-size: 0.875rem;
    color: var(--brand-danger);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    margin-top: var(--space-xs);
}

[b-q014yo953o] .validation-message::before {
    content: "?";
    font-size: 1rem;
}

/* Validation Summary */
[b-q014yo953o] .validation-summary {
    padding: var(--space-md) var(--space-lg);
    background: rgba(239, 68, 68, 0.1);
    border: 2px solid var(--brand-danger);
    border-radius: var(--border-radius-md);
    margin-bottom: var(--space-lg);
}

[b-q014yo953o] .validation-summary ul {
    margin: 0;
    padding-left: var(--space-lg);
    color: var(--brand-danger);
}

[b-q014yo953o] .validation-summary li {
    font-size: 0.95rem;
    margin-bottom: var(--space-xs);
}

/* Submit Button */
.btn[b-q014yo953o] {
    width: 100%;
    padding: var(--space-md) var(--space-xl);
    font-size: 1.05rem;
    font-weight: 600;
    border: none;
    border-radius: var(--border-radius-md);
    cursor: pointer;
    transition: all var(--transition-fast);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
    text-decoration: none;
    font-family: inherit;
}

.btn-primary[b-q014yo953o] {
    background: var(--bg-gradient);
    color: var(--text-inverse);
    box-shadow: var(--shadow-sm);
}

.btn-primary:hover:not(:disabled)[b-q014yo953o] {
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

.btn-primary:active:not(:disabled)[b-q014yo953o] {
    transform: translateY(0);
    box-shadow: var(--shadow-sm);
}

.btn-primary:disabled[b-q014yo953o] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.btn:disabled[b-q014yo953o] {
    cursor: not-allowed;
}

/* Loading State */
.btn span[b-q014yo953o] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

/* Result Messages */
.result[b-q014yo953o] {
    padding: var(--space-md) var(--space-lg);
    border-radius: var(--border-radius-md);
    font-size: 0.95rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-top: var(--space-md);
    animation: slideIn-b-q014yo953o 0.3s ease-out;
}

.result.success[b-q014yo953o] {
    background: rgba(34, 197, 94, 0.1);
    border: 2px solid var(--brand-success);
    color: var(--brand-success);
}

.result.success[b-q014yo953o]::before {
    content: "?";
    font-size: 1.25rem;
    font-weight: 700;
}

.result.error[b-q014yo953o] {
    background: rgba(239, 68, 68, 0.1);
    border: 2px solid var(--brand-danger);
    color: var(--brand-danger);
}

.result.error[b-q014yo953o]::before {
    content: "?";
    font-size: 1.25rem;
    font-weight: 700;
}

/* Animation */
@keyframes slideIn-b-q014yo953o {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Helper Text */
.form-text[b-q014yo953o] {
    font-size: 0.875rem;
    color: var(--text-muted);
    margin-top: var(--space-xs);
}

/* Required Field Indicator */
.form-group label.required[b-q014yo953o]::after {
    content: " *";
    color: var(--brand-danger);
    font-weight: 700;
}

/* Multi-Select Hint */
select[multiple] + .form-text[b-q014yo953o]::before {
    content: "?? ";
    opacity: 0.8;
}

/* Focus Visible Support */
.form-control:focus-visible[b-q014yo953o],
[b-q014yo953o] .form-control:focus-visible,
.btn:focus-visible[b-q014yo953o] {
    outline: 3px solid var(--brand-primary);
    outline-offset: 2px;
}

/* Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
    select.form-control[b-q014yo953o],
    [b-q014yo953o] select.form-control {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23aaa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .form-control[b-q014yo953o],
    [b-q014yo953o] .form-control {
        padding: var(--space-sm) var(--space-md);
        font-size: 16px; /* Prevents iOS zoom on focus */
    }

    .btn[b-q014yo953o] {
        padding: var(--space-md) var(--space-lg);
        font-size: 1rem;
    }

    select[multiple].form-control[b-q014yo953o],
    [b-q014yo953o] select[multiple].form-control {
        min-height: 100px;
    }
}

@media (max-width: 480px) {
    form[b-q014yo953o] {
        gap: var(--space-md);
    }

    .form-group[b-q014yo953o] {
        gap: var(--space-xs);
    }

    .form-group label[b-q014yo953o] {
        font-size: 0.875rem;
    }

    textarea.form-control[b-q014yo953o],
    [b-q014yo953o] textarea.form-control {
        min-height: 80px;
    }
}

/* High Contrast Mode Support */
@media (prefers-contrast: high) {
    .form-control[b-q014yo953o],
    [b-q014yo953o] .form-control {
        border-width: 3px;
    }

    .btn-primary[b-q014yo953o] {
        border: 3px solid transparent;
    }
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    .form-control[b-q014yo953o],
    [b-q014yo953o] .form-control,
    .btn[b-q014yo953o],
    .result[b-q014yo953o] {
        transition: none;
        animation: none;
    }
}