html, body {
    font-family: 'Roboto', sans-serif;
    height: 100%;
    margin: 0;
    overflow: auto;
}

.container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem;
}

.landing-page-header {
    background-color: var(--rz-header-background-color);
    min-height: var(--rz-header-min-height);
    border-bottom: var(--rz-header-border);
    color: var(--rz-header-color);
    box-shadow: var(--rz-header-shadow);
    padding: 0.75rem 1rem;
}

.landing-page-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: nowrap;
}

.landing-page-header .rz-stack {
    margin: 0;
}

.landing-page-header h6:empty {
    display: none;
}

.landing-page-lang {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.landing-page-lang-link {
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 0.02em;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    color: var(--rz-header-color);
    opacity: 0.85;
}

    .landing-page-lang-link.is-active {
        background: var(--rz-primary);
        color: var(--rz-color-on-primary);
        opacity: 1;
    }

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

/*.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ni42MDYgNTIuMjY1OEwyODkuMzk0IDc0LjQzMzFDMjkwLjUgNzUuNTM4NCAyOTAuNSA3Ny4yNjkzIDI4OS4zOTQgNzguMzc0NkwyODkuMzk0IDc4LjM3NDZMMjY2LjYwNiA5OC43MzQyQzI2NS43NTAgOTkuNTM2MyAyNjQuNjA5IDEwMCAyNjMuNTA2IDEwMEMyNjIuNDAzIDEwMCAyNjEuMjYyIDk5LjUzNjMgMjYwLjQwNiA5OC43MzQyTDI2MC40MDYgOTguNzM0MkwyMzcuNjA2IDc4LjM3NDZDMjM2LjUgNzcuMjY5MyAyMzYuNSA3NS41Mzg0IDIzNy42MDYgNzQuNDMzMUwyMzcuNjA2IDc0LjQzMzFMMjYwLjQwNiA1Mi4yNjU4QzI2MS4yMTQgNTEuNDgzNyAyNjIuMjgxIDUxIDI2My41MDYgNTFaIiBmaWxsPSIjRjd...
}*/

/*.se-grid-fill-page {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.se-grid-fill-host {
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
}

.se-grid-fill-tabs {
    width: 100%;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.se-grid-fill-tabs > .rz-tabview-panels,
.se-grid-fill-tabs > .rz-tabview-panels > .rz-tabview-panel {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}*/

.example-tabs > .rz-tabview-panels {
    border-inline: none;
    border-block-end: none;
    border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius);
    box-shadow: none;
}

.example-tabs > .rz-tabview-nav {
    background-color: var(--rz-tabs-tab-background-color);
    border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0;
    gap: 0;
    padding-inline: 1rem;
}

.rz-tabview-top.example-tabs > .rz-tabview-nav > li {
    z-index: 1;
    background-color: transparent;
    border-top-width: 2px;
    border-inline: none;
    border-block-end: none;
    border-radius: 0;
    overflow: hidden;
    transition: var(--rz-tabs-transition);
}

    .rz-tabview-top.example-tabs > .rz-tabview-nav > li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
        background-color: var(--rz-tabs-tab-hover-background-color);
    }

    .rz-tabview-top.example-tabs > .rz-tabview-nav > li.rz-tabview-selected {
        background-color: var(--rz-tabs-tab-selected-background-color);
    }

    .rz-tabview-top.example-tabs > .rz-tabview-nav > li > a > .rz-tabview-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.source-tab-item {
    margin: calc(-1 * var(--rz-tabs-padding));
    overflow: hidden;
}

.faq-accordion .rz-accordion-header button {
    text-align: left;
    /*background-color: var(--rz-alert-color);
    color: white;*/
    background-color: var(--rz-background-color);
    color: var(--rz-alert-color);
    font-size: large;
    width: 100%;
    font-weight: 600;
    padding: 14px;
    border-radius: 6px;
}

.faq-accordion .rz-accordion-content {
    padding: 16px;
    /*background: white;*/
}
/* Shop tab container */
.se-shop-tabs {
    margin-bottom: 1.25rem;
}

    /* Remove harsh default bottom line */
    .se-shop-tabs > .rz-tabview-nav {
        border-bottom: none;
        gap: 0.5rem;
        padding: 0.25rem 0 0.5rem 0;
        background: transparent;
        flex-wrap: wrap;
    }

    /* Each tab item */
    .se-shop-tabs > .rz-tabview-nav li {
    margin: 0;
    background: transparent;
    }

    /* Button look */
    .se-shop-tabs > .rz-tabview-nav li button {
        border: 1px solid var(--rz-base-300);
        background: var(--rz-base-50);
        color: var(--rz-text-color);
        border-radius: 999px;
        padding: 0.55rem 1rem;
        font-size: 0.95rem;
        font-weight: 600;
        line-height: 1.2;
        transition: all 0.2s ease;
        box-shadow: none;
    }

        /* Hover */
        .se-shop-tabs > .rz-tabview-nav li button:hover {
            background: color-mix(in srgb, var(--rz-primary) 8%, var(--rz-base-50));
            border-color: color-mix(in srgb, var(--rz-primary) 30%, var(--rz-base-300));
            color: var(--rz-primary);
        }

    /* Selected tab */
    .se-shop-tabs > .rz-tabview-nav li.rz-tabview-selected button {
        background: var(--rz-primary);
        border-color: var(--rz-primary);
        color: white;
        box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    }

    /* Focus */
    .se-shop-tabs > .rz-tabview-nav li button:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--rz-primary) 45%, white);
        outline-offset: 2px;
    }

    /* Panels */
    .se-shop-tabs > .rz-tabview-panels {
        padding: 0.5rem 0 0 0;
        background: transparent;
        border: none;
    }