@import url("https://rsms.me/inter/inter.css");

:root {
    --tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
}

body {
    font-feature-settings: "cv03", "cv04", "cv11";
}

.page-header-custom {
    background: linear-gradient(135deg, #206bc4 0%, #4299e1 100%);
    padding: 4rem 0 3rem;
    position: relative;
    overflow: hidden;
}

.page-header-custom::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: radial-gradient(circle at 2px 2px, rgba(255, 255, 255, 0.15) 1px, transparent 0);
    background-size: 40px 40px;
}

.page-header-custom .container-xl {
    position: relative;
    z-index: 1;
}

.page-header-custom h1,
.page-header-custom p {
    color: white;
}

.nav-segmented .nav-link-input:checked+.nav-link,
.nav-segmented .nav-link.active {
    border-left-width: 2px;
    border-left-color: var(--tblr-primary);

    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}

@media(min-width: 992px) {

    :host,
    :root {
        margin-left: 0;
    }
}