/* Explain: App-specific layout utilities (add as needed) - */
.azr-container {
    width: min(100% - 2rem, 1180px);
    margin-inline: auto;
}

.azr-section {
    padding-block: clamp(4rem, 8vw, 7rem);
}

.azr-section-sm {
    padding-block: clamp(3rem, 6vw, 5rem);
}

.azr-hero {
    min-height: calc(100vh - 84px);
    position: relative;
    isolation: isolate;
    display: grid;
    align-items: stretch;
    background:
        linear-gradient(90deg, rgba(9, 28, 52, 0.92), rgba(9, 28, 52, 0.72), rgba(9, 28, 52, 0.35)),
        url('https://files.cdn-files-a.com/uploads/12321589/normal_gi-6a8319429e320.jpg?format=avif') center / cover;
}

.azr-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 40%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.98), transparent);
    z-index: -1;
}

.azr-hero-panel {
    backdrop-filter: blur(6px);
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.azr-bento-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 768px) {
    .azr-bento-grid {
        grid-template-columns: 1.15fr 0.85fr;
    }

    .azr-bento-tall {
        grid-row: span 2;
    }
}

.azr-page-hero {
    background:
        linear-gradient(135deg, rgba(15, 47, 86, 0.96), rgba(30, 79, 130, 0.88)),
        radial-gradient(circle at top left, rgba(47, 133, 90, 0.22), transparent 34%);
    color: #ffffff;
}

.azr-report-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 640px) {
    .azr-report-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .azr-report-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}