/* /Components/Layout/LanguageSelector.razor.rz.scp.css */
.language-selector[b-s2ads6wlym] {
    position: relative;
}

.language-selector__toggle[b-s2ads6wlym] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.5rem 0.75rem;
    border-radius: var(--bs-border-radius);
    color: var(--dmp-ink);
    font-weight: 700;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

    .language-selector__toggle[b-s2ads6wlym]::-webkit-details-marker {
        display: none;
    }

    /* Small caret after the language code. */
    .language-selector__toggle[b-s2ads6wlym]::after {
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-left: 0.3em solid transparent;
        transition: transform 0.15s ease;
    }

    /* Open: the caret points up. */
    .language-selector[open] > .language-selector__toggle[b-s2ads6wlym]::after {
        transform: rotate(180deg);
    }

    .language-selector__toggle:hover[b-s2ads6wlym],
    .language-selector[open] > .language-selector__toggle[b-s2ads6wlym] {
        background-color: var(--dmp-turquoise-tint);
    }

.language-selector .dropdown-menu[b-s2ads6wlym] {
    min-width: 10rem;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.site-header[b-boeo1iao0j] {
    background-color: var(--dmp-ivory);
    border-bottom: 4px solid var(--dmp-turquoise);
    position: sticky;
    top: 0;
    z-index: 1020;
}

.site-footer[b-boeo1iao0j] {
    margin-top: 4rem;
    background-color: var(--dmp-ink);
    color: #d9d9d0;
    font-size: 0.95rem;
}

.site-footer__inner[b-boeo1iao0j] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 1.5rem 2rem;
    padding-block: 2rem 1.5rem;
}

/* With the "Doe mee" column. */
.site-footer__inner--join[b-boeo1iao0j] {
    grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));
}

.site-footer__brand[b-boeo1iao0j] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-family: var(--dmp-display-font);
    font-weight: 700;
    font-size: 1.25rem;
    color: var(--dmp-ivory);
}

.site-footer__tagline[b-boeo1iao0j] {
    max-width: 22rem;
    margin: 0.5rem 0 0;
}

.site-footer__links[b-boeo1iao0j],
.site-footer__contact[b-boeo1iao0j] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.site-footer__heading[b-boeo1iao0j] {
    font-family: var(--dmp-display-font);
    font-weight: 600;
    color: var(--dmp-turquoise);
}

.site-footer a[b-boeo1iao0j],
.site-footer a:hover[b-boeo1iao0j],
.site-footer a:focus-visible[b-boeo1iao0j] {
    color: var(--dmp-ivory);
    font-weight: 600;
}

.site-footer a:hover[b-boeo1iao0j],
.site-footer a:focus-visible[b-boeo1iao0j] {
    text-decoration: underline;
}

.site-footer__contact a[b-boeo1iao0j] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    overflow-wrap: anywhere;
}

/* © line with the KvK number and the login link for the board. */
.site-footer__bottom[b-boeo1iao0j] {
    border-top: 1px solid rgba(255, 255, 240, 0.15);
    font-size: 0.85rem;
}

.site-footer__bottom-inner[b-boeo1iao0j] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.5rem 1.5rem;
    padding-block: 0.9rem;
}

.site-footer__bottom a[b-boeo1iao0j],
.site-footer__bottom a:hover[b-boeo1iao0j] {
    font-weight: 500;
}

@media (max-width: 767.98px) {
    .site-footer__inner[b-boeo1iao0j],
    .site-footer__inner--join[b-boeo1iao0j] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .site-footer__about[b-boeo1iao0j] {
        grid-column: 1 / -1;
    }
}

#blazor-error-ui[b-boeo1iao0j] {
    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-boeo1iao0j] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Taller top bar. */
.navbar[b-7l5lmforlq] {
    min-height: 5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

/* Logo: the meeple in the logo's turquoise with the name in the rounded display face. */
.brand[b-7l5lmforlq] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    color: var(--dmp-charcoal);
}

.brand__mark[b-7l5lmforlq] {
    display: block;
    height: 40px;
    width: auto;
}

.brand__name[b-7l5lmforlq] {
    font-family: var(--dmp-display-font);
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1;
}

.brand:hover .brand__name[b-7l5lmforlq] {
    color: var(--dmp-ink);
}

/* Hamburger button (a styled checkbox) that shows the menu on small screens. */
.menu-toggler[b-7l5lmforlq] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    border: 1px solid rgba(43, 43, 40, 0.4);
    border-radius: var(--bs-border-radius);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%232b2b28' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem transparent;
}

.menu-toggler:checked[b-7l5lmforlq] {
    background-color: var(--dmp-turquoise-tint);
}

@media (max-width: 767.98px) {
    .menu-toggler:not(:checked) ~ .navbar-collapse[b-7l5lmforlq] {
        display: none;
    }

    .navbar-collapse[b-7l5lmforlq] {
        padding: 0.5rem 0;
    }
}

@media (min-width: 768px) {
    .menu-toggler[b-7l5lmforlq] {
        display: none;
    }
}

/* Menu items: dark, bold text; a wooden underline marks the current page, a turquoise one hover. */
.nav-item[b-7l5lmforlq]  .nav-link {
    color: var(--dmp-ink);
    font-weight: 700;
    background: none;
    border: none;
    border-radius: var(--bs-border-radius);
    display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
    width: 100%;
    box-shadow: inset 0 -3px 0 transparent;
}

.nav-item[b-7l5lmforlq]  a.active {
    color: var(--dmp-ink);
    box-shadow: inset 0 -3px 0 var(--dmp-wood);
}

.nav-item[b-7l5lmforlq]  .nav-link:hover {
    color: var(--dmp-ink);
    box-shadow: inset 0 -3px 0 var(--dmp-turquoise);
}

@media (min-width: 768px) {
    .nav-item + .nav-item[b-7l5lmforlq] {
        margin-left: 0.25rem;
    }
}

/* Language dropdown: next to the hamburger on small screens, at the far right of the bar on wide screens. */
[b-7l5lmforlq] .language-selector {
    margin-left: auto;
    margin-right: 0.5rem;
}

@media (min-width: 768px) {
    .navbar-collapse[b-7l5lmforlq] {
        order: 1;
    }

    [b-7l5lmforlq] .language-selector {
        order: 2;
        margin-left: 0.5rem;
        margin-right: 0;
    }
}

/* Admin dropdown: a <details> styled as a menu item, with the menu below it. */
.nav-dropdown[b-7l5lmforlq] {
    position: relative;
}

.nav-dropdown__toggle[b-7l5lmforlq] {
    cursor: pointer;
    list-style: none;
    user-select: none;
    gap: 0.35rem;
}

    .nav-dropdown__toggle[b-7l5lmforlq]::-webkit-details-marker {
        display: none;
    }

    /* Small caret, as on the language selector. */
    .nav-dropdown__toggle[b-7l5lmforlq]::after {
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-left: 0.3em solid transparent;
        transition: transform 0.15s ease;
    }

    /* Open: the caret points up. */
    .nav-dropdown[open] > .nav-dropdown__toggle[b-7l5lmforlq]::after {
        transform: rotate(180deg);
    }

    .nav-dropdown__toggle.active[b-7l5lmforlq] {
        box-shadow: inset 0 -3px 0 var(--dmp-wood);
    }

    .nav-dropdown[open] > .nav-dropdown__toggle[b-7l5lmforlq] {
        background-color: var(--dmp-turquoise-tint);
    }

.nav-dropdown .dropdown-menu[b-7l5lmforlq] {
    min-width: 12rem;
}

/* Small screens: the menu is part of the opened navigation instead of floating. */
@media (max-width: 767.98px) {
    .nav-dropdown .dropdown-menu[b-7l5lmforlq] {
        position: static;
        margin: 0.25rem 0 0.5rem;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-78uy9xwg0u],
.components-reconnect-repeated-attempt-visible[b-78uy9xwg0u],
.components-reconnect-failed-visible[b-78uy9xwg0u],
.components-pause-visible[b-78uy9xwg0u],
.components-resume-failed-visible[b-78uy9xwg0u],
.components-rejoining-animation[b-78uy9xwg0u] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-78uy9xwg0u],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-78uy9xwg0u],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-78uy9xwg0u],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-78uy9xwg0u],
#components-reconnect-modal.components-reconnect-retrying[b-78uy9xwg0u],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-78uy9xwg0u],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-78uy9xwg0u],
#components-reconnect-modal.components-reconnect-failed[b-78uy9xwg0u],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-78uy9xwg0u] {
    display: block;
}


#components-reconnect-modal[b-78uy9xwg0u] {
    background-color: var(--dmp-ivory);
    color: var(--dmp-ink);
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-top: 5px solid var(--dmp-turquoise);
    border-radius: 1rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-78uy9xwg0u 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-78uy9xwg0u 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-78uy9xwg0u 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-78uy9xwg0u]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-78uy9xwg0u 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-78uy9xwg0u {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-78uy9xwg0u {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-78uy9xwg0u {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-78uy9xwg0u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-78uy9xwg0u] {
    margin: 0;
    text-align: center;
}

/* Like .btn-primary: a dark wood pill with ivory text. */
#components-reconnect-modal button[b-78uy9xwg0u] {
    border: 0;
    background-color: var(--dmp-wood-dark);
    color: var(--dmp-ivory);
    padding: 0.4rem 1.5rem;
    border-radius: 50rem;
    font-family: var(--dmp-display-font);
    font-weight: 600;
}

    #components-reconnect-modal button:hover[b-78uy9xwg0u] {
        background-color: var(--dmp-wood-darker);
    }

    #components-reconnect-modal button:active[b-78uy9xwg0u] {
        background-color: var(--dmp-wood-darker);
    }

.components-rejoining-animation[b-78uy9xwg0u] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-78uy9xwg0u] {
        position: absolute;
        border: 3px solid var(--dmp-turquoise-ink);
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-78uy9xwg0u 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-78uy9xwg0u] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-78uy9xwg0u {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/About.razor.rz.scp.css */
/* About us in the house style of the home page: (after the PageHero band) an ivory story, mission and vision on a light
   band, the strategy as a path on the wooden "game table" and a closing card. Colours come from the --dmp-* tokens. */

/* Full-width band inside the layout's container: pulls out to the screen edges (html/body clip the overflow). */
.about-band[b-ear78npief] {
    margin-inline: calc(50% - 50vw);
    position: relative;
}

/* Our story: text with milestones, two event photos as polaroids next to it. */
.about-story[b-ear78npief] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 3rem;
    align-items: center;
    padding-block: 4rem;
}

.about-story--text[b-ear78npief] {
    grid-template-columns: minmax(0, 1fr);
    max-width: 48rem;
}

.about-story__text[b-ear78npief] {
    max-width: 38em;
}

.about-milestones[b-ear78npief] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
    margin-top: 1.6rem;
}

.about-milestones li[b-ear78npief] {
    min-width: 0;
    padding: 0.9rem 1rem;
    border: 1px solid #e6dfc7;
    border-radius: 1rem;
    background: var(--dmp-card-bg);
}

.about-milestones b[b-ear78npief] {
    display: block;
    font-family: var(--dmp-display-font);
    font-weight: 700;
    font-size: 1.5rem;
    color: var(--dmp-turquoise-ink);
}

.about-milestones span[b-ear78npief] {
    font-size: 0.875rem;
    color: var(--dmp-charcoal);
}

.about-photos[b-ear78npief] {
    position: relative;
    min-height: 22rem;
}

.about-polaroid[b-ear78npief] {
    position: absolute;
    width: 58%;
    padding: 0.7rem 0.7rem 0;
    background: #fff;
    border-radius: 0.3rem;
    box-shadow: 0 12px 24px rgba(43, 43, 40, 0.18);
    color: var(--dmp-charcoal);
    text-decoration: none;
    transform: rotate(-4deg);
    transition: transform 0.2s ease;
}

.about-polaroid:nth-child(1)[b-ear78npief] {
    left: 0;
    top: 0;
}

.about-polaroid:nth-child(2)[b-ear78npief] {
    right: 0;
    bottom: 0;
    transform: rotate(3deg);
}

.about-polaroid:only-child[b-ear78npief] {
    position: relative;
    width: 75%;
    margin-inline: auto;
}

.about-polaroid:hover[b-ear78npief],
.about-polaroid:focus-visible[b-ear78npief] {
    z-index: 1;
    transform: rotate(0) scale(1.03);
    color: var(--dmp-charcoal);
}

.about-polaroid img[b-ear78npief] {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 0.15rem;
}

.about-polaroid__caption[b-ear78npief] {
    display: block;
    padding: 0.5rem 0.25rem 0.7rem;
    font-family: var(--dmp-display-font);
    font-weight: 500;
    font-size: 0.9rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Mission and vision: two cards on a light band. */
.about-mv[b-ear78npief] {
    background: var(--dmp-ivory-dark);
}

.about-mv__inner[b-ear78npief] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
    padding-block: 4rem;
}

.about-mv__card[b-ear78npief] {
    display: grid;
    align-content: start;
    gap: 0.9rem;
    min-width: 0;
    padding: 2rem;
    border-radius: 1.4rem;
}

.about-mv__card p[b-ear78npief] {
    margin-bottom: 0;
}

.about-mv__card--mission[b-ear78npief] {
    background: var(--dmp-turquoise-tint);
}

.about-mv__card--vision[b-ear78npief] {
    background: var(--dmp-card-bg);
    border: 1px solid #e6dfc7;
}

.about-mv__icon[b-ear78npief] {
    display: grid;
    place-items: center;
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 50%;
    color: var(--dmp-ivory);
}

.about-mv__card--mission .about-mv__icon[b-ear78npief] {
    background: var(--dmp-turquoise);
}

.about-mv__card--vision .about-mv__icon[b-ear78npief] {
    background: var(--dmp-wood);
}

.about-mv h2[b-ear78npief] {
    font-size: 1.7rem;
    margin-bottom: 0;
}

.about-mv__lead[b-ear78npief] {
    font-family: var(--dmp-display-font);
    font-weight: 600;
    font-size: 1.15rem;
    line-height: 1.45;
    color: var(--dmp-ink);
}

/* Strategy: five steps as a path of game spaces on the wooden table. */
.about-strategy[b-ear78npief] {
    background: var(--dmp-wood) repeating-linear-gradient(100deg, rgba(0, 0, 0, 0.035) 0 2px, transparent 2px 9px);
}

.about-strategy .container[b-ear78npief] {
    padding-block: 4rem;
}

.about-strategy .dmp-section-title[b-ear78npief] {
    color: var(--dmp-ivory);
}

.about-strategy .dmp-section-title[b-ear78npief]::after {
    background: var(--dmp-turquoise);
}

.about-strategy__intro[b-ear78npief] {
    max-width: 34rem;
    color: var(--dmp-ivory);
}

.about-path[b-ear78npief] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 2rem;
}

/* Dashed line connecting the numbered spaces. */
.about-path[b-ear78npief]::before {
    content: "";
    position: absolute;
    left: 6%;
    right: 6%;
    top: 1.9rem;
    border-top: 4px dashed rgba(255, 255, 240, 0.55);
}

.about-step[b-ear78npief] {
    position: relative;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 0.8rem;
    min-width: 0;
    text-align: center;
}

.about-step__number[b-ear78npief] {
    justify-self: center;
    display: grid;
    place-items: center;
    width: 3.8rem;
    height: 3.8rem;
    border: 4px solid var(--dmp-turquoise);
    border-radius: 50%;
    background: var(--dmp-ivory);
    box-shadow: 0 5px 0 var(--dmp-wood-darker);
    font-family: var(--dmp-display-font);
    font-weight: 700;
    font-size: 1.6rem;
    color: var(--dmp-wood-darker);
}

.about-step__card[b-ear78npief] {
    display: grid;
    align-content: start;
    gap: 0.4rem;
    padding: 1.1rem 1rem;
    border-radius: 1rem;
    background: var(--dmp-ivory);
    box-shadow: 0 8px 0 rgba(0, 0, 0, 0.16);
}

.about-step__card h3[b-ear78npief] {
    font-size: 1.05rem;
    margin-bottom: 0;
}

.about-step__card p[b-ear78npief] {
    font-size: 0.9rem;
    color: var(--dmp-charcoal);
}

/* Closing: logo next to the invitation and the two buttons. */
.about-closing[b-ear78npief] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 2rem;
    align-items: center;
    margin-block: 4rem 2rem;
    padding: 2.4rem;
    border: 1px solid #e6dfc7;
    border-radius: 1.6rem;
    background: var(--dmp-card-bg);
}

.about-closing__logo[b-ear78npief] {
    width: 8.5rem;
    height: auto;
}

.about-closing h2[b-ear78npief] {
    font-size: clamp(1.6rem, 3vw, 2.1rem);
}

.about-closing p[b-ear78npief] {
    max-width: 40em;
    margin-bottom: 1.4rem;
}

@media (prefers-reduced-motion: reduce) {
    .about-polaroid[b-ear78npief] {
        transition: none;
    }
}

/* Tablet: story and mission/vision stack; the path runs downwards. */
@media (max-width: 991.98px) {
    .about-story[b-ear78npief],
    .about-mv__inner[b-ear78npief] {
        grid-template-columns: minmax(0, 1fr);
    }

    .about-photos[b-ear78npief] {
        min-height: 20rem;
    }

    .about-path[b-ear78npief] {
        grid-template-columns: minmax(0, 1fr);
        gap: 1.1rem;
    }

    .about-path[b-ear78npief]::before {
        left: 1.9rem;
        right: auto;
        top: 1rem;
        bottom: 1rem;
        border-top: 0;
        border-left: 4px dashed rgba(255, 255, 240, 0.55);
    }

    .about-step[b-ear78npief] {
        grid-template-columns: auto minmax(0, 1fr);
        grid-template-rows: auto;
        align-items: start;
        text-align: start;
    }
}

/* Phone */
@media (max-width: 575.98px) {
    .about-milestones[b-ear78npief] {
        grid-template-columns: minmax(0, 1fr);
    }

    .about-photos[b-ear78npief] {
        min-height: 15rem;
    }

    .about-mv__card[b-ear78npief] {
        padding: 1.5rem;
    }

    .about-closing[b-ear78npief] {
        grid-template-columns: minmax(0, 1fr);
        padding: 1.6rem;
    }

    .about-closing__logo[b-ear78npief] {
        width: 5.5rem;
    }
}
/* /Components/Pages/Admin/BoardOverview.razor.rz.scp.css */
.overview-tiles[b-owc1zvi0zu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.overview-tile[b-owc1zvi0zu] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    height: 100%;
    padding: 1.1rem 1.25rem;
    color: var(--dmp-ink);
    text-decoration: none;
    background: var(--dmp-card-bg);
    border: 1px solid var(--bs-border-color);
    border-top: 4px solid var(--dmp-turquoise);
    border-radius: var(--bs-border-radius-lg, 0.5rem);
    transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.overview-tile:hover[b-owc1zvi0zu],
.overview-tile:focus-visible[b-owc1zvi0zu] {
    box-shadow: 0 0.35rem 1rem rgba(122, 92, 58, 0.15);
    transform: translateY(-2px);
}

.overview-tile__label[b-owc1zvi0zu] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--dmp-charcoal);
}

.overview-tile__value[b-owc1zvi0zu] {
    font-family: var(--dmp-display-font);
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.15;
    font-variant-numeric: tabular-nums;
    color: var(--dmp-wood-dark);
}

.overview-tile__compare[b-owc1zvi0zu],
.overview-tile__change[b-owc1zvi0zu] {
    font-size: 0.875rem;
    color: var(--dmp-charcoal);
}

.overview-tile__change[b-owc1zvi0zu] {
    font-weight: 600;
}

@media (prefers-reduced-motion: reduce) {
    .overview-tile[b-owc1zvi0zu] {
        transition: none;
    }

    .overview-tile:hover[b-owc1zvi0zu],
    .overview-tile:focus-visible[b-owc1zvi0zu] {
        transform: none;
    }
}

/* Mini chart per tile (Spark): this year against last year per quarter. */
.overview-spark[b-owc1zvi0zu] {
    display: block;
    margin-top: auto;
    padding-top: 0.6rem;
}

.overview-spark__chart[b-owc1zvi0zu] {
    display: block;
    width: 100%;
    height: 40px;
}

.overview-spark__labels[b-owc1zvi0zu] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 0.15rem;
    font-size: 0.7rem;
    text-align: center;
    color: var(--dmp-charcoal);
}

[b-owc1zvi0zu] .overview-spark__bar--this,
.overview-legend__swatch--this[b-owc1zvi0zu] {
    fill: var(--dmp-turquoise-ink);
    background: var(--dmp-turquoise-ink);
}

[b-owc1zvi0zu] .overview-spark__bar--last,
.overview-legend__swatch--last[b-owc1zvi0zu] {
    fill: #d9cfbf;
    background: #d9cfbf;
}

[b-owc1zvi0zu] .overview-spark__bar--this.overview-spark__bar--negative {
    fill: #b5523b;
}

[b-owc1zvi0zu] .overview-spark__axis {
    stroke: var(--bs-border-color);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.overview-legend[b-owc1zvi0zu] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 0.75rem;
    font-size: 0.85rem;
    color: var(--dmp-charcoal);
}

.overview-legend__swatch[b-owc1zvi0zu] {
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 2px;
}
/* /Components/Pages/Admin/Finance.razor.rz.scp.css */
.stats[b-j65kq2a5tc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: 0.75rem;
}

.stats > div[b-j65kq2a5tc] {
    padding: 0.75rem 1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius-lg, 0.5rem);
}

.stats dt[b-j65kq2a5tc] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--bs-secondary-color, #6c757d);
}

.stats dd[b-j65kq2a5tc] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.stats-table td[b-j65kq2a5tc] {
    font-variant-numeric: tabular-nums;
}

/* Column groups: a light line before "Attendance" and "Revenue". */
.stats-table .stats-table__start[b-j65kq2a5tc] {
    border-left: 1px solid var(--bs-border-color);
}

.stats-table .stats-table__group[b-j65kq2a5tc] {
    font-family: var(--dmp-display-font);
    font-weight: 500;
    color: var(--dmp-wood-dark);
    border-bottom-color: var(--dmp-wood);
}
/* /Components/Pages/Admin/NameListManager.razor.rz.scp.css */
.admin-names__add[b-2u5i46v3vn],
.admin-names[b-2u5i46v3vn] {
    max-width: 40rem;
}
/* /Components/Pages/Admin/Organizations.razor.rz.scp.css */
/* Shown on the Partners page: turquoise ink, like other "on" states. */
.organization-list__shown[b-s0n15tv5e9] {
    color: var(--dmp-turquoise-ink);
    font-weight: 600;
}
/* /Components/Pages/Admin/PitchLinksPage.razor.rz.scp.css */
.pitch-admin__form[b-fpigd5h31e] {
    max-width: 40rem;
}

.pitch-admin__form[b-fpigd5h31e]  .searchable-select {
    flex: 1 1 16rem;
}

/* The link and its QR code side by side on a card; stacked on a phone. */
.pitch-admin__result[b-fpigd5h31e] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.5rem;
    align-items: center;
    max-width: 48rem;
    padding: 1.25rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 1rem;
    background: var(--dmp-card-bg);
}

.pitch-admin__result[b-fpigd5h31e]  .qr-code {
    border-radius: 0.5rem;
    background: #fff;
}

/* The QR code with a short line under it: it opens the PDF. */
.pitch-admin__qr[b-fpigd5h31e] {
    display: grid;
    gap: 0.4rem;
    justify-items: center;
    max-width: 200px;
    text-align: center;
}

@media (max-width: 575.98px) {
    .pitch-admin__result[b-fpigd5h31e] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.pitch-admin__games[b-fpigd5h31e] {
    max-width: 48rem;
}

.pitch-admin__game[b-fpigd5h31e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.8rem;
    align-items: center;
    padding: 0.6rem 0;
    border-bottom: 1px solid var(--bs-border-color);
}

.pitch-admin__status[b-fpigd5h31e] {
    padding: 0.1rem 0.6rem;
    border-radius: 999px;
    border: 1px dashed #adb5bd;
    font-size: 0.85rem;
}

.pitch-admin__status--done[b-fpigd5h31e] {
    border: 1px solid var(--dmp-turquoise);
    background: var(--dmp-turquoise-tint);
    color: var(--dmp-turquoise-ink);
}
/* /Components/Pages/Admin/SitePages.razor.rz.scp.css */
/* Pagina's aan/uit: one card per page with its status and a switch button. */
.site-pages[b-sepg0oa2gh] {
    display: grid;
    gap: 1rem;
    max-width: 52rem;
}

.site-pages__item[b-sepg0oa2gh] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.5rem;
    align-items: center;
    justify-content: space-between;
    padding: 1.3rem 1.5rem;
    border: 1px solid #e6dfc7;
    border-left: 6px solid var(--dmp-wood);
    border-radius: 1.2rem;
    background: var(--dmp-card-bg);
}

.site-pages__text[b-sepg0oa2gh] {
    flex: 1 1 20rem;
}

.site-pages__text h2[b-sepg0oa2gh] {
    margin-bottom: 0.3rem;
    font-size: 1.3rem;
}

.site-pages__text p[b-sepg0oa2gh] {
    color: var(--dmp-charcoal);
}

/* Off: quiet ivory label; on: turquoise, like a selected item. */
.site-pages__status[b-sepg0oa2gh] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.2rem 0.8rem;
    border: 1px dashed var(--dmp-charcoal);
    border-radius: 999px;
    color: var(--dmp-charcoal);
    font-family: var(--dmp-display-font);
    font-size: 0.95rem;
}

.site-pages__status--on[b-sepg0oa2gh] {
    border: 1px solid var(--dmp-turquoise);
    background: var(--dmp-turquoise);
    color: var(--dmp-ink);
}

.site-pages__actions[b-sepg0oa2gh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}
/* /Components/Pages/Admin/Todo.razor.rz.scp.css */
.todo-list[b-w3cly4au9j] {
    display: grid;
    gap: 0.6rem;
    max-width: 56rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.todo-item[b-w3cly4au9j] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    padding: 0.8rem 1rem;
    background: var(--dmp-card-bg);
    border: 1px solid var(--bs-border-color);
    border-left: 5px solid var(--dmp-wood);
    border-radius: var(--bs-border-radius-lg, 0.5rem);
}

.todo-item--info[b-w3cly4au9j] {
    border-left-color: var(--bs-border-color);
}

.todo-item__text[b-w3cly4au9j] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.todo-item__title[b-w3cly4au9j] {
    font-weight: 600;
}

.todo-item__chips[b-w3cly4au9j] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 0.2rem;
}

.todo-chip[b-w3cly4au9j] {
    padding: 0.1rem 0.55rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--dmp-wood-darker);
    background: #f3e9db;
    border-radius: 999px;
}

.todo-chip--ok[b-w3cly4au9j] {
    color: var(--dmp-turquoise-ink);
    background: var(--dmp-turquoise-tint);
}

.todo-count[b-w3cly4au9j] {
    vertical-align: middle;
    font-size: 0.8rem;
    color: #fff;
    background: var(--dmp-wood-dark);
}

.todo-empty[b-w3cly4au9j] {
    max-width: 56rem;
    padding: 2rem 1.5rem;
    margin-bottom: 2rem;
    text-align: center;
    background: var(--dmp-turquoise-tint);
    border-radius: var(--bs-border-radius-lg, 0.5rem);
}

.todo-empty__icon[b-w3cly4au9j] {
    display: block;
    font-size: 2.5rem;
    line-height: 1;
    margin-bottom: 0.5rem;
}

/* "Begin hier": the one task to start with, standing out above the rest. */
.todo-next[b-w3cly4au9j] {
    max-width: 56rem;
    padding: 1.4rem 1.5rem;
    margin-bottom: 2.5rem;
    background: var(--dmp-turquoise-tint);
    border: 2px solid var(--dmp-turquoise);
    border-radius: var(--bs-border-radius-xl, 1rem);
}

.todo-next__eyebrow[b-w3cly4au9j] {
    margin-bottom: 0.3rem;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--dmp-turquoise-ink);
}

.todo-next__title[b-w3cly4au9j] {
    margin-bottom: 0.1rem;
    font-family: var(--dmp-display-font);
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2;
}

.todo-next__date[b-w3cly4au9j] {
    margin-bottom: 0.4rem;
    color: var(--bs-secondary-color);
}

/* Closed blocks: "show all", older events, for information. */
.todo-more[b-w3cly4au9j] {
    max-width: 56rem;
}

.todo-more > summary[b-w3cly4au9j] {
    cursor: pointer;
    font-weight: 600;
    color: var(--dmp-wood-darker);
}
/* /Components/Pages/Admin/VisitorStats.razor.rz.scp.css */
.stats[b-phae9bl7jp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: 0.75rem;
}

.stats > div[b-phae9bl7jp] {
    padding: 0.75rem 1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius-lg, 0.5rem);
}

.stats dt[b-phae9bl7jp] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--bs-secondary-color, #6c757d);
}

.stats dd[b-phae9bl7jp] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.stats-table td[b-phae9bl7jp] {
    font-variant-numeric: tabular-nums;
}

/* Column groups: a light line before "Attendance" and "Revenue". */
.stats-table .stats-table__start[b-phae9bl7jp] {
    border-left: 1px solid var(--bs-border-color);
}

.stats-table .stats-table__group[b-phae9bl7jp] {
    font-family: var(--dmp-display-font);
    font-weight: 500;
    color: var(--dmp-wood-dark);
    border-bottom-color: var(--dmp-wood);
}
/* /Components/Pages/Board.razor.rz.scp.css */
/* The board: four player cards on the ivory page and a closing line on the wooden band. */
.board[b-e8v9kabg2s] {
    padding-block: 4rem 2rem;
}

.board__members[b-e8v9kabg2s] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
    margin-top: 2rem;
}

.board-member[b-e8v9kabg2s] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1.3rem;
    align-items: start;
    padding: 1.6rem;
    border: 1px solid #e6dfc7;
    border-radius: 1.4rem;
    background: var(--dmp-card-bg);
}

/* Round tile with the logo meeple in ivory (a mask of the logo image) and the initials on a small token. */
.board-member__avatar[b-e8v9kabg2s] {
    position: relative;
    display: grid;
    place-items: center;
    width: 6.5rem;
    height: 6.5rem;
    border-radius: 50%;
    background: var(--member-color);
    box-shadow: 0 6px 0 rgba(0, 0, 0, 0.12);
}

.board-member__meeple[b-e8v9kabg2s] {
    width: 62%;
    height: 62%;
    background: var(--dmp-ivory);
    -webkit-mask: url("images/logo-meeple.png") center / contain no-repeat;
    mask: url("images/logo-meeple.png") center / contain no-repeat;
}

.board-member__initials[b-e8v9kabg2s] {
    position: absolute;
    right: -0.4rem;
    bottom: -0.4rem;
    display: grid;
    place-items: center;
    width: 2.4rem;
    height: 2.4rem;
    border: 3px solid var(--member-color);
    border-radius: 50%;
    background: var(--dmp-ivory);
    font-family: var(--dmp-display-font);
    font-weight: 700;
    font-size: 0.85rem;
    color: var(--dmp-ink);
}

/* One brand colour per member. */
.board-member--1[b-e8v9kabg2s] {
    --member-color: var(--dmp-turquoise);
}

.board-member--2[b-e8v9kabg2s] {
    --member-color: var(--dmp-wood);
}

.board-member--3[b-e8v9kabg2s] {
    --member-color: var(--dmp-charcoal);
}

.board-member--4[b-e8v9kabg2s] {
    --member-color: var(--dmp-turquoise-ink);
}

.board-member__role[b-e8v9kabg2s] {
    display: inline-block;
    padding: 0.2rem 0.7rem;
    border-radius: 50rem;
    background: var(--dmp-wood-dark);
    color: var(--dmp-ivory);
    font-family: var(--dmp-display-font);
    font-weight: 600;
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.board-member h3[b-e8v9kabg2s] {
    margin: 0.45rem 0 0;
    font-size: 1.45rem;
}

.board-member__quote[b-e8v9kabg2s] {
    display: grid;
    gap: 0.5rem;
    margin: 0.7rem 0 0;
    font-size: 0.95rem;
    color: var(--dmp-charcoal);
}

.board-member__quote p[b-e8v9kabg2s] {
    margin: 0;
}

.board-member__games-label[b-e8v9kabg2s] {
    margin: 1rem 0 0.35rem;
    font-family: var(--dmp-display-font);
    font-weight: 600;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--dmp-wood-darker);
}

.board-member__games[b-e8v9kabg2s] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

/* A game in the chest is a link (full turquoise, darker on hover); others are light labels. */
.board-member__games a[b-e8v9kabg2s],
.board-member__games span[b-e8v9kabg2s] {
    display: inline-block;
    padding: 0.2rem 0.65rem;
    border-radius: 50rem;
    background: var(--dmp-turquoise-tint);
    color: var(--dmp-turquoise-ink);
    font-family: var(--dmp-display-font);
    font-weight: 600;
    font-size: 0.8rem;
    text-decoration: none;
}

.board-member__games a[b-e8v9kabg2s] {
    background: var(--dmp-turquoise);
    color: var(--dmp-ink);
}

.board-member__games a:hover[b-e8v9kabg2s],
.board-member__games a:focus-visible[b-e8v9kabg2s] {
    background: var(--dmp-turquoise-ink);
    color: var(--dmp-ivory);
}

.board__together[b-e8v9kabg2s] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1.4rem;
    align-items: center;
    margin-top: 2.5rem;
    padding: 1.8rem 2rem;
    border-radius: 1.4rem;
    background: var(--dmp-wood) repeating-linear-gradient(100deg, rgba(0, 0, 0, 0.035) 0 2px, transparent 2px 9px);
    color: var(--dmp-ivory);
    font-family: var(--dmp-display-font);
    font-weight: 600;
    font-size: 1.15rem;
    line-height: 1.5;
}

.board__together-meeple[b-e8v9kabg2s] {
    width: 4.5rem;
    aspect-ratio: 200 / 174;
    background: var(--dmp-ivory);
    -webkit-mask: url("images/logo-meeple.png") center / contain no-repeat;
    mask: url("images/logo-meeple.png") center / contain no-repeat;
}

.board__together p[b-e8v9kabg2s] {
    margin: 0;
}

@media (max-width: 991.98px) {
    .board__members[b-e8v9kabg2s] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 575.98px) {
    .board-member[b-e8v9kabg2s] {
        grid-template-columns: minmax(0, 1fr);
        padding: 1.3rem;
    }

    .board-member__avatar[b-e8v9kabg2s] {
        width: 5rem;
        height: 5rem;
    }

    .board__together[b-e8v9kabg2s] {
        grid-template-columns: minmax(0, 1fr);
        padding: 1.5rem;
    }
}
/* /Components/Pages/BoardGames/AccessibilityFacts.razor.rz.scp.css */
/* Four tiles in a row (two on small screens); the mark shows the judgement next to its text, never colour alone. */
.access-facts__list[b-opfluc5lof] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
}

@media (max-width: 991.98px) {
    .access-facts__list[b-opfluc5lof] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 399.98px) {
    .access-facts__list[b-opfluc5lof] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.access-facts__item[b-opfluc5lof] {
    display: flex;
    gap: 0.55rem;
    align-items: flex-start;
    padding: 0.5rem 0.65rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.65rem;
    background: var(--dmp-ivory);
    font-size: 0.9rem;
    line-height: 1.3;
}

.access-facts__label[b-opfluc5lof] {
    display: block;
    font-family: var(--dmp-display-font);
    font-weight: 500;
    color: var(--dmp-charcoal);
}

.access-facts__mark[b-opfluc5lof] {
    flex: none;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-family: var(--dmp-display-font);
}

.access-facts__item--good .access-facts__mark[b-opfluc5lof] {
    background: var(--dmp-turquoise-tint);
    color: var(--dmp-turquoise-ink);
    border: 2px solid var(--dmp-turquoise);
}

.access-facts__item--fair .access-facts__mark[b-opfluc5lof] {
    background: var(--dmp-ivory-dark);
    color: var(--dmp-wood-dark);
    border: 2px solid var(--dmp-wood);
}

.access-facts__item--poor .access-facts__mark[b-opfluc5lof] {
    background: var(--dmp-ivory-dark);
    color: var(--dmp-ink);
    border: 2px solid var(--dmp-charcoal);
}

.access-facts__item--none .access-facts__mark[b-opfluc5lof] {
    color: var(--dmp-charcoal);
    border: 2px dashed #adb5bd;
}

.access-facts__notes[b-opfluc5lof] {
    margin-top: 0.6rem;
    font-size: 0.92rem;
    color: var(--dmp-charcoal);
}
/* /Components/Pages/BoardGames/BoardGameCard.razor.rz.scp.css */
.bg-card[b-eu9beq0abp] {
    overflow: hidden;
    transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.bg-card:hover[b-eu9beq0abp] {
    box-shadow: 0 0.5rem 1rem rgba(16, 42, 39, 0.15) !important;
    transform: translateY(-2px);
}

.bg-card__media[b-eu9beq0abp] {
    position: relative;
    aspect-ratio: 16 / 10;
    background: #eef8f7;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bg-card__media img[b-eu9beq0abp] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 0.5rem;
}

[b-eu9beq0abp] .bg-card__placeholder {
    color: #8fb9b4;
}

.bg-card__overlay[b-eu9beq0abp] {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    line-height: 0;
}

/* Corner tags in the card's top-right corner: category and theme side by side, flush with the top and right border, only
   the strip's bottom-left corner rounded. Long names are cut off with an ellipsis (full name in the tooltip). */
.bg-card__corner[b-eu9beq0abp] {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 85%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.bg-card__corner-strip[b-eu9beq0abp] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    max-width: 100%;
    border-radius: 0 0 0 0.6rem;
    overflow: hidden;
}

/* "Donated" (admin only), below the strip, flush right with its own rounded bottom-left corner. */
.bg-corner-tag.bg-tag--donated[b-eu9beq0abp] {
    border-radius: 0 0 0 0.6rem;
    background: #ffc107;
    color: #212529;
}

/* "Bought" (admin only), like "Donated" (and below it when both apply). */
.bg-corner-tag.bg-tag--bought[b-eu9beq0abp] {
    border-radius: 0 0 0 0.6rem;
    background: #6f42c1;
    color: #fff;
}

.bg-corner-tag[b-eu9beq0abp] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    min-width: 0;
    padding: 0.3rem 0.7rem;
    border: 0;
    border-radius: 0;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

/* The category keeps its full width; when space runs out, the theme is shortened. */
.bg-corner-tag.bg-tag--category[b-eu9beq0abp] {
    flex-shrink: 0;
}

.bg-corner-tag__text[b-eu9beq0abp] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.bg-corner-tag:hover[b-eu9beq0abp],
.bg-corner-tag:focus[b-eu9beq0abp] {
    text-decoration: none;
    filter: brightness(0.97);
}

.bg-card__title[b-eu9beq0abp] {
    font-size: 1.05rem;
    line-height: 1.3;
}

.bg-card__title a[b-eu9beq0abp] {
    text-decoration: none;
}

.bg-card:hover .bg-card__title a[b-eu9beq0abp],
.bg-card__title a:focus[b-eu9beq0abp] {
    color: #008080;
}

.bg-card__facts[b-eu9beq0abp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
}

.bg-tag[b-eu9beq0abp] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.15rem 0.6rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 0.8rem;
    font-weight: 500;
    text-decoration: none;
}

.bg-tag:hover[b-eu9beq0abp],
.bg-tag:focus[b-eu9beq0abp] {
    text-decoration: none;
}

/* Category: link colour with dark text; theme: link hover colour with white text. */
.bg-tag--category[b-eu9beq0abp] {
    background: #50d0c3;
    border-color: #50d0c3;
    color: #102a27;
}

.bg-tag--theme[b-eu9beq0abp] {
    background: #008080;
    border-color: #008080;
    color: #fff;
}

.bg-card__facts li[b-eu9beq0abp] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.1rem 0.45rem;
    border-radius: 0.375rem;
    background: var(--bs-tertiary-bg, #f8f9fa);
    font-size: 0.8rem;
    color: var(--bs-secondary-color, #6c757d);
}

.bg-card__meta[b-eu9beq0abp] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin: 0;
    padding: 0;
    color: var(--bs-secondary-color, #6c757d);
}

.bg-card__meta li[b-eu9beq0abp],
.bg-card__notes[b-eu9beq0abp] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.bg-card__admin[b-eu9beq0abp] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding-top: 0.5rem;
    border-top: 1px dashed var(--bs-border-color, #dee2e6);
}

.bg-card__notes[b-eu9beq0abp] {
    flex-wrap: nowrap;
    align-items: flex-start;
    padding: 0.35rem 0.5rem;
    border-radius: 0.375rem;
    background: #fff8e1;
    color: #7a5b00;
    font-style: italic;
}

/* At most three lines; full text in the tooltip. */
.bg-card__notes > span:last-child[b-eu9beq0abp] {
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

[b-eu9beq0abp] .dmp-icon {
    flex: none;
}

.bg-card__notes[b-eu9beq0abp]  .dmp-icon {
    margin-top: 0.15rem;
}
/* The title's stretched link covers the card; filter links (color, tags, publisher, location) and the BGG link sit above it. */
.bg-card[b-eu9beq0abp] {
    cursor: pointer;
}

.bg-card__meta a[b-eu9beq0abp],
.bg-card .card-footer a[b-eu9beq0abp] {
    position: relative;
    z-index: 2;
}

.bg-card__overlay[b-eu9beq0abp],
.bg-card__corner[b-eu9beq0abp] {
    z-index: 2;
}

[b-eu9beq0abp] .bg-card__new {
    position: absolute;
    left: 0.5rem;
    bottom: 0.5rem;
}

/* Keep the tag text colour on hover/focus/active (the global link hover colour would match the theme background). */
.bg-card a.bg-tag--category:hover[b-eu9beq0abp],
.bg-card a.bg-tag--category:focus-visible[b-eu9beq0abp],
.bg-card a.bg-tag--category:active[b-eu9beq0abp] {
    color: #102a27;
}

.bg-card a.bg-tag--theme:hover[b-eu9beq0abp],
.bg-card a.bg-tag--theme:focus-visible[b-eu9beq0abp],
.bg-card a.bg-tag--theme:active[b-eu9beq0abp] {
    color: #fff;
}

/* Search highlighting on the event details page (same look as the highlighted photos). */
.bg-card--match[b-eu9beq0abp] {
    outline: 4px solid var(--dmp-wood-dark);
    outline-offset: 2px;
}

.bg-card--other[b-eu9beq0abp] {
    opacity: 0.45;
}

.bg-card--other:hover[b-eu9beq0abp],
.bg-card--other:focus-within[b-eu9beq0abp] {
    opacity: 1;
}

.bg-card a.bg-tag--donated:hover[b-eu9beq0abp],
.bg-card a.bg-tag--donated:focus-visible[b-eu9beq0abp],
.bg-card a.bg-tag--donated:active[b-eu9beq0abp] {
    color: #212529;
}

.bg-card a.bg-tag--bought:hover[b-eu9beq0abp],
.bg-card a.bg-tag--bought:focus-visible[b-eu9beq0abp],
.bg-card a.bg-tag--bought:active[b-eu9beq0abp] {
    color: #fff;
}
/* /Components/Pages/BoardGames/BoardGameDetails.razor.rz.scp.css */
.bg-details__media[b-16hpgk0smi] {
    aspect-ratio: 1 / 1;
    background: #eef8f7;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.bg-details__media img[b-16hpgk0smi] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 0.75rem;
}

[b-16hpgk0smi] .bg-details__placeholder {
    color: #8fb9b4;
}

.bg-details__tags[b-16hpgk0smi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    padding: 0;
}

.bg-tag[b-16hpgk0smi] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.7rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
}

.bg-tag:hover[b-16hpgk0smi],
.bg-tag:focus[b-16hpgk0smi] {
    text-decoration: none;
}

/* Category: link colour with dark text; theme: link hover colour with white text. */
.bg-tag--category[b-16hpgk0smi] {
    background: #50d0c3;
    border-color: #50d0c3;
    color: #102a27;
}

.bg-tag--theme[b-16hpgk0smi] {
    background: #008080;
    border-color: #008080;
    color: #fff;
}

.bg-details__facts[b-16hpgk0smi] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 11rem), 1fr));
    gap: 0.75rem 1.5rem;
    margin-bottom: 1rem;
}

.bg-details__facts dt[b-16hpgk0smi] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--bs-secondary-color, #6c757d);
}

.bg-details__facts dd[b-16hpgk0smi] {
    margin: 0.15rem 0 0;
}

.bg-details__admin[b-16hpgk0smi] {
    padding-top: 1rem;
    border-top: 1px dashed var(--bs-border-color, #dee2e6);
}

.bg-details__notes[b-16hpgk0smi] {
    display: flex;
    gap: 0.4rem;
    align-items: flex-start;
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    background: #fff8e1;
    color: #7a5b00;
    font-style: italic;
    white-space: pre-line;
}

.bg-details__description[b-16hpgk0smi] {
    white-space: pre-line;
}

/* Keep the tag text colour on hover/focus/active (the global link hover colour would match the theme background). */
.bg-details__tags a.bg-tag--category:hover[b-16hpgk0smi],
.bg-details__tags a.bg-tag--category:focus-visible[b-16hpgk0smi],
.bg-details__tags a.bg-tag--category:active[b-16hpgk0smi] {
    color: #102a27;
}

.bg-details__tags a.bg-tag--theme:hover[b-16hpgk0smi],
.bg-details__tags a.bg-tag--theme:focus-visible[b-16hpgk0smi],
.bg-details__tags a.bg-tag--theme:active[b-16hpgk0smi] {
    color: #fff;
}

/* A copy's internal notes (admin copies table): keep the admin's line breaks. */
.bg-details__copy-notes-text[b-16hpgk0smi] {
    white-space: pre-line;
}

/* Photos of events that show the game: equal tiles; the slideshow shows them whole. */
.bg-details__photo[b-16hpgk0smi] {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

/* NGT explanation video: a folding card like the Spellenkast filter bar (card colour, thin border, round corners).
   Inside, the whole still in the video's own shape (16:9, Shorts 9:16), not cropped to a fixed height. */
.bg-details__sign-video[b-16hpgk0smi] {
    max-width: 34rem;
    background: var(--dmp-card-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 1rem;
}

.bg-details__sign-video-summary[b-16hpgk0smi] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.6rem 1rem;
    list-style: none;
    cursor: pointer;
    border-radius: 1rem;
    font-family: var(--dmp-display-font);
    font-weight: 500;
    color: var(--dmp-ink);
}

.bg-details__sign-video-summary[b-16hpgk0smi]::-webkit-details-marker {
    display: none;
}

.bg-details__sign-video-summary:hover .bg-details__sign-video-title[b-16hpgk0smi] {
    text-decoration: underline;
}

.bg-details__sign-video-summary:focus-visible[b-16hpgk0smi] {
    outline: 2px solid var(--dmp-turquoise-ink);
    outline-offset: 2px;
}

/* Turquoise play badge, like the logo turquoise. */
.bg-details__sign-video-icon[b-16hpgk0smi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: var(--dmp-turquoise);
    color: var(--dmp-ink);
    flex: none;
}

/* Chevron on the right: down when closed, up when open. */
.bg-details__sign-video-chevron[b-16hpgk0smi] {
    margin-left: auto;
    width: 0.6rem;
    height: 0.6rem;
    border-right: 2px solid var(--dmp-wood-dark);
    border-bottom: 2px solid var(--dmp-wood-dark);
    transform: rotate(45deg);
    transition: transform 0.15s ease;
}

.bg-details__sign-video[open] .bg-details__sign-video-chevron[b-16hpgk0smi] {
    transform: rotate(-135deg);
}

.bg-details__sign-video-body[b-16hpgk0smi] {
    padding: 0 1rem 1rem;
}

.bg-details__sign-video[b-16hpgk0smi]  .video-still {
    height: auto;
    aspect-ratio: 16 / 9;
}

.bg-details__sign-video--vertical[b-16hpgk0smi] {
    max-width: 18rem;
}

.bg-details__sign-video--vertical[b-16hpgk0smi]  .video-still {
    aspect-ratio: 9 / 16;
}
/* /Components/Pages/BoardGames/BoardGameEventsEditor.razor.rz.scp.css */
/* Calendar-sheet date on the left of each event card, like the event list. */
.game-event__date[b-6ybtc3uybl] {
    flex: 0 0 4.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    border-right: 1px solid var(--bs-border-color);
    text-align: center;
    line-height: 1.1;
    text-transform: uppercase;
    font-family: var(--dmp-display-font);
}

.game-event__day[b-6ybtc3uybl] {
    font-size: 1.75rem;
    font-weight: 700;
}

.game-event__month[b-6ybtc3uybl] {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    white-space: nowrap;
}

.game-event__title a[b-6ybtc3uybl] {
    color: inherit;
    text-decoration: none;
}

.game-event__title a:hover[b-6ybtc3uybl],
.game-event__title a:focus-visible[b-6ybtc3uybl] {
    text-decoration: underline;
}

/* Upcoming: turquoise badge with dark text (house style). */
.game-event__upcoming[b-6ybtc3uybl] {
    background: var(--dmp-turquoise);
    color: var(--dmp-ink);
}

.game-event-add[b-6ybtc3uybl] {
    max-width: 36rem;
}
/* /Components/Pages/BoardGames/BoardGameFilterBar.razor.rz.scp.css */
/* Styles moved to wwwroot/app.css (.filter-bar, .filter-segment), shared with BoardGameSortToggle. This file can be deleted. */
/* /Components/Pages/BoardGames/BoardGameListItem.razor.rz.scp.css */
/* List view row: card background and border from the house style; turquoise accent on hover. */
.bg-row[b-14b8ou8zdl] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    background: var(--dmp-card-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.75rem;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.bg-row:hover[b-14b8ou8zdl],
.bg-row:focus-within[b-14b8ou8zdl] {
    border-color: var(--dmp-turquoise);
    box-shadow: 0 0.25rem 0.5rem rgba(16, 42, 39, 0.08);
}

.bg-row__media[b-14b8ou8zdl] {
    flex: none;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    background: var(--dmp-turquoise-tint);
    overflow: hidden;
}

.bg-row__media img[b-14b8ou8zdl] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

[b-14b8ou8zdl] .bg-row__placeholder {
    color: var(--dmp-turquoise-ink);
    opacity: 0.5;
}

[b-14b8ou8zdl] .bg-row__color {
    flex: none;
    position: relative;
    z-index: 2;
}

.bg-row__body[b-14b8ou8zdl] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.bg-row__title[b-14b8ou8zdl] {
    font-size: 1rem;
    line-height: 1.3;
}

.bg-row__title a[b-14b8ou8zdl] {
    text-decoration: none;
}

.bg-row:hover .bg-row__title a[b-14b8ou8zdl],
.bg-row__title a:focus[b-14b8ou8zdl] {
    color: var(--dmp-turquoise-ink);
}

.bg-row__facts[b-14b8ou8zdl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.9rem;
    margin: 0;
    padding: 0;
    font-size: 0.85rem;
    color: var(--dmp-charcoal);
}

.bg-row__facts li[b-14b8ou8zdl],
.bg-row__facts a[b-14b8ou8zdl] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

/* Filter links sit above the row's stretched link. */
.bg-row__facts a[b-14b8ou8zdl] {
    position: relative;
    z-index: 2;
    color: var(--dmp-turquoise-ink);
}

[b-14b8ou8zdl] .dmp-icon {
    flex: none;
}
/* /Components/Pages/BoardGames/BoardGameMediaEditor.razor.rz.scp.css */
/* Small tiles of photos and videos: tagged ones, and those of the chosen event to tag. */
.game-media[b-kof7opgvap] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 10rem), 1fr));
    gap: 0.75rem;
    padding: 0;
    margin-bottom: 0.75rem;
}

.game-media__item[b-kof7opgvap] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 0.4rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.75rem;
    background: var(--dmp-card-bg);
}

.game-media__photo[b-kof7opgvap],
.game-media__item[b-kof7opgvap]  .video-still {
    display: block;
    width: 100%;
    height: 7rem;
    object-fit: cover;
    border-radius: 0.5rem;
}

.game-media__event[b-kof7opgvap] {
    color: var(--dmp-charcoal);
    line-height: 1.25;
}

.game-media__event-select[b-kof7opgvap] {
    max-width: 36rem;
}
/* /Components/Pages/BoardGames/ColorLegend.razor.rz.scp.css */
/* Colour legend on the game chest: an ivory card that opens to explain the colour codes. */
.color-legend[b-bkhle2ug4t] {
    margin-bottom: 1.5rem;
    border: 1px solid #e6dfc7;
    border-radius: 1.3rem;
    background: var(--dmp-card-bg);
    overflow: hidden;
}

.color-legend__summary[b-bkhle2ug4t] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.8rem 1.2rem;
    padding: 1rem 1.3rem;
    cursor: pointer;
    list-style: none;
}

.color-legend__summary[b-bkhle2ug4t]::-webkit-details-marker {
    display: none;
}

.color-legend__summary:hover[b-bkhle2ug4t] {
    background: var(--dmp-ivory-dark);
}

.color-legend__title[b-bkhle2ug4t] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--dmp-display-font);
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--dmp-charcoal);
}

/* Caret: down when closed, up when open. */
.color-legend__title[b-bkhle2ug4t]::after {
    content: "";
    border-top: 0.32em solid;
    border-right: 0.32em solid transparent;
    border-left: 0.32em solid transparent;
    transition: transform 0.15s ease;
}

.color-legend[open] .color-legend__title[b-bkhle2ug4t]::after {
    transform: rotate(180deg);
}

.color-legend__chips[b-bkhle2ug4t] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-left: auto;
}

.color-legend__chip[b-bkhle2ug4t] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.2rem 0.7rem 0.2rem 0.25rem;
    border: 1px solid #e6dfc7;
    border-radius: 50rem;
    background: var(--dmp-ivory);
    font-family: var(--dmp-display-font);
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--dmp-ink);
}

.color-legend__body[b-bkhle2ug4t] {
    display: grid;
    gap: 1.4rem;
    padding: 1.4rem 1.3rem 1.5rem;
    border-top: 1px solid #e6dfc7;
}

.color-legend__why[b-bkhle2ug4t] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
    padding: 1rem 1.2rem;
    border-radius: 1rem;
    background: var(--dmp-turquoise-tint);
}

.color-legend__why-icon[b-bkhle2ug4t] {
    display: grid;
    place-items: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background: var(--dmp-turquoise);
    color: var(--dmp-ivory);
    font-family: var(--dmp-display-font);
    font-weight: 700;
    font-size: 1.2rem;
}

.color-legend__why-title[b-bkhle2ug4t] {
    margin-bottom: 0.2rem;
    font-size: 1rem;
    color: var(--dmp-turquoise-ink);
}

.color-legend__why p[b-bkhle2ug4t] {
    max-width: 60rem;
    font-size: 0.95rem;
}

.color-legend__levels[b-bkhle2ug4t] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

/* One card per colour, with a top border in that colour (the same colours as ColorCodeBadge). */
.color-legend__level[b-bkhle2ug4t] {
    --level-color: #adb5bd;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-width: 0;
    padding: 1rem 1.1rem;
    border: 1px solid #e6dfc7;
    border-top: 5px solid var(--level-color);
    border-radius: 1rem;
    background: var(--dmp-ivory);
}

.color-legend__level--green[b-bkhle2ug4t] {
    --level-color: #198754;
}

.color-legend__level--yellow[b-bkhle2ug4t] {
    --level-color: #ffc107;
}

.color-legend__level--red[b-bkhle2ug4t] {
    --level-color: #dc3545;
}

.color-legend__level--black[b-bkhle2ug4t] {
    --level-color: #212529;
}

.color-legend__level-head[b-bkhle2ug4t] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.color-legend h3[b-bkhle2ug4t] {
    margin: 0;
    font-size: 1.2rem;
}

.color-legend__tag[b-bkhle2ug4t] {
    font-family: var(--dmp-display-font);
    font-weight: 600;
    font-size: 0.78rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--dmp-wood-darker);
}

.color-legend__level p[b-bkhle2ug4t] {
    margin: 0;
    font-size: 0.9rem;
    color: var(--dmp-charcoal);
}

/* Explanation and playing time side by side, pushed to the bottom so the cards line up. */
.color-legend__times[b-bkhle2ug4t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.4rem;
    margin: auto 0 0;
    padding-top: 0.3rem;
}

.color-legend__times div[b-bkhle2ug4t] {
    padding: 0.4rem 0.6rem;
    border-radius: 0.6rem;
    background: var(--dmp-turquoise-tint);
}

.color-legend__times dt[b-bkhle2ug4t] {
    font-family: var(--dmp-display-font);
    font-weight: 600;
    font-size: 0.7rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--dmp-turquoise-ink);
}

.color-legend__times dd[b-bkhle2ug4t] {
    margin: 0;
    font-family: var(--dmp-display-font);
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--dmp-ink);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.color-legend__bgg[b-bkhle2ug4t] {
    align-self: flex-start;
    padding: 0.25rem 0.55rem;
    border-radius: 0.5rem;
    background: var(--dmp-ivory-dark);
    font-family: var(--dmp-display-font);
    font-weight: 600;
    font-size: 0.78rem;
    font-variant-numeric: tabular-nums;
}

.color-legend a[b-bkhle2ug4t] {
    font-family: var(--dmp-display-font);
    font-weight: 600;
    font-size: 0.85rem;
}

.color-legend__pending[b-bkhle2ug4t] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 0.9rem 1.1rem;
    border: 2px dashed #adb5bd;
    border-radius: 1rem;
}

.color-legend__pending h3[b-bkhle2ug4t] {
    font-size: 1.05rem;
}

.color-legend__pending p[b-bkhle2ug4t] {
    font-size: 0.9rem;
    color: var(--dmp-charcoal);
}

.color-legend__pending a[b-bkhle2ug4t] {
    white-space: nowrap;
}

.color-legend__footnote[b-bkhle2ug4t] {
    font-size: 0.82rem;
    color: var(--dmp-charcoal);
}

@media (prefers-reduced-motion: reduce) {
    .color-legend__title[b-bkhle2ug4t]::after {
        transition: none;
    }
}

@media (max-width: 991.98px) {
    .color-legend__levels[b-bkhle2ug4t] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .color-legend__chips[b-bkhle2ug4t] {
        margin-left: 0;
    }
}

@media (max-width: 575.98px) {
    .color-legend__levels[b-bkhle2ug4t] {
        grid-template-columns: minmax(0, 1fr);
    }

    .color-legend__why[b-bkhle2ug4t] {
        grid-template-columns: minmax(0, 1fr);
    }

    .color-legend__pending[b-bkhle2ug4t] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .color-legend__pending a[b-bkhle2ug4t] {
        grid-column: 2;
    }
}
/* /Components/Pages/BoardGames/EditBoardGame.razor.rz.scp.css */
.boardgame-edit__image[b-3v5pyz4u5a] {
    width: 96px;
    height: 96px;
    object-fit: cover;
}

/* Current image in the image section; the box picture is shown whole (contain). */
.boardgame-edit__preview[b-3v5pyz4u5a] {
    width: 160px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid var(--bs-border-color);
    background: var(--bs-tertiary-bg, #f8f9fa);
}

.boardgame-edit__preview img[b-3v5pyz4u5a] {
    display: block;
    width: 160px;
    height: 160px;
    object-fit: contain;
}

/* Still of the saved sign language video, next to its link; opens the video in a new tab. */
.boardgame-edit__sign-video[b-3v5pyz4u5a] {
    flex: 0 0 12rem;
    max-width: 12rem;
}

.boardgame-edit__sign-video-input[b-3v5pyz4u5a] {
    min-width: min(100%, 18rem);
}

.boardgame-edit__sign-video[b-3v5pyz4u5a]  .video-still {
    height: 7rem;
}
/* /Components/Pages/BoardGames/GameWishButton.razor.rz.scp.css */
/* Spelwensen: the button on a game page, in a light turquoise card; after the tap a turquoise "done" pill. */
.game-wish[b-i62jorwf9i] {
    max-width: 34rem;
    padding: 0.9rem 1.1rem;
    border: 1px solid var(--dmp-turquoise);
    border-radius: 1rem;
    background: var(--dmp-turquoise-tint);
}

.game-wish__form[b-i62jorwf9i] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.4rem;
}

.game-wish__form .btn[b-i62jorwf9i] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.game-wish__status[b-i62jorwf9i] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 0.9rem;
    border-radius: 999px;
    background: var(--dmp-turquoise);
    color: var(--dmp-ink);
    font-family: var(--dmp-display-font);
    font-weight: 500;
}

.game-wish__hint[b-i62jorwf9i],
.game-wish__preview[b-i62jorwf9i] {
    color: var(--dmp-charcoal);
}

.game-wish__preview[b-i62jorwf9i] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    margin-top: 0.3rem;
    font-style: italic;
}
/* /Components/Pages/BoardGames/NewBoardGameDialog.razor.rz.scp.css */
.bgg-results[b-ik0ch9mkyd] {
    max-height: 260px;
    overflow-y: auto;
}

.bgg-attribution[b-ik0ch9mkyd] {
    font-size: 0.75rem;
    color: var(--bs-secondary-color, #6c757d);
    text-align: right;
}

.bgg-thumb[b-ik0ch9mkyd] {
    width: 96px;
    height: 96px;
    object-fit: cover;
    flex-shrink: 0;
}

.bgg-description[b-ik0ch9mkyd] {
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* /Components/Pages/Events/CalendarSubscribe.razor.rz.scp.css */
/* Agenda subscription on the events page: a card in the house style with a turquoise calendar icon. */
.calendar-subscribe[b-7ewy4hyrk8] {
    display: flex;
    gap: 1rem;
    max-width: 56rem;
    padding: 1.25rem;
    background: var(--dmp-card-bg);
    border: 1px solid var(--bs-border-color);
    border-left: 5px solid var(--dmp-turquoise);
    border-radius: 1rem;
}

.calendar-subscribe__icon[b-7ewy4hyrk8] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    color: var(--dmp-turquoise-ink);
    background: var(--dmp-turquoise-tint);
    border-radius: 50%;
}

.calendar-subscribe__body[b-7ewy4hyrk8] {
    min-width: 0;
    flex: 1 1 auto;
}

.calendar-subscribe__other summary[b-7ewy4hyrk8] {
    color: var(--dmp-turquoise-ink);
    text-decoration: underline;
    cursor: pointer;
}

@media (max-width: 575.98px) {
    .calendar-subscribe[b-7ewy4hyrk8] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .calendar-subscribe .btn[b-7ewy4hyrk8] {
        width: 100%;
    }
}
/* /Components/Pages/Events/EditEvent.razor.rz.scp.css */
/* Sticky save bar: always visible while the details form is on screen. */
.save-bar[b-oc939rvf4i] {
    position: sticky;
    bottom: 0;
    z-index: 10;
    margin-top: 1rem;
    padding: 0.75rem 0;
    background: var(--dmp-body-bg);
    border-top: 2px solid var(--dmp-wood);
}

/* Price per visitor: a short field. */
.event-price[b-oc939rvf4i] {
    max-width: 14rem;
}
/* /Components/Pages/Events/EditTabs.razor.rz.scp.css */
/* Check mark of a filled-in part: turquoise ink (ivory on the active tab). */
.edit-tabs__mark[b-62k3ifxanw] {
    margin-right: 0.3rem;
    color: var(--dmp-turquoise-ink);
}

.nav-link.active .edit-tabs__mark[b-62k3ifxanw],
.nav-link:hover .edit-tabs__mark[b-62k3ifxanw],
.nav-link:focus-visible .edit-tabs__mark[b-62k3ifxanw] {
    color: inherit;
}

/* "leeg": a small, quiet label after the name. */
.edit-tabs__empty[b-62k3ifxanw] {
    font-family: var(--bs-body-font-family);
    font-size: 0.75rem;
    font-weight: 500;
    opacity: 0.8;
}
/* /Components/Pages/Events/EventDetails.razor.rz.scp.css */
.event-details__flyer-column[b-r2wxkc6jsz]  .event-details__flyer {
    max-height: 520px;
    width: 100%;
    object-fit: contain;
}

.event-details__facts dt[b-r2wxkc6jsz] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--bs-secondary-color, #6c757d);
}

.event-details__facts dd[b-r2wxkc6jsz] {
    margin-bottom: 1rem;
}

.event-details__description[b-r2wxkc6jsz] {
    white-space: pre-line;
}

.event-details__figure[b-r2wxkc6jsz]  .event-details__photo {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

/* Photos highlighted for a board game / publisher search tag from the events list. */
.event-details__figure[b-r2wxkc6jsz] {
    position: relative;
    transition: opacity 0.15s ease;
}

.event-details__figure--match[b-r2wxkc6jsz]  .event-details__photo {
    outline: 4px solid var(--dmp-wood-dark);
    outline-offset: 2px;
}

.event-details__figure--other[b-r2wxkc6jsz] {
    opacity: 0.45;
}

.event-details__figure--other:hover[b-r2wxkc6jsz],
.event-details__figure--other:focus-within[b-r2wxkc6jsz] {
    opacity: 1;
}

.event-details__match-badge[b-r2wxkc6jsz] {
    position: absolute;
    top: 0.5rem;
    left: calc(var(--bs-gutter-x, 1.5rem) * 0.5 + 0.5rem);
    z-index: 1;
}

/* Video caption: keeps the line breaks. */
.event-details__caption[b-r2wxkc6jsz] {
    white-space: pre-line;
}

/* Partners ("Samen met"): logo and name side by side, wrapping on a phone. */
.event-details__partners[b-r2wxkc6jsz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.5rem;
}

.event-details__partner[b-r2wxkc6jsz] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    font-weight: 600;
}
/* /Components/Pages/Events/EventListItem.razor.rz.scp.css */
/* Phones: the flyer gets its own full-width row above the date and text columns (order: first), rounded to the card's
   top corners. */
.event-item[b-qho9jyt18m] {
    flex-wrap: wrap;
}

.event-item__poster-column[b-qho9jyt18m] {
    order: -1;
    flex: 0 0 100%;
    overflow: hidden;
    border-bottom: 1px solid var(--bs-border-color);
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
}

/* A fixed shape on phones, so the list doesn't jump while the flyers load. */
.event-item__poster[b-qho9jyt18m] {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    max-height: 20rem;
    object-fit: cover;
    object-position: top;
}

/* Larger screens: flyer on the right, rounded to match the card's right corners. */
@media (min-width: 576px) {
    .event-item[b-qho9jyt18m] {
        flex-wrap: nowrap;
    }

    .event-item__poster-column[b-qho9jyt18m] {
        order: 0;
        flex-basis: 13rem;
        border-bottom: 0;
        border-top-left-radius: 0;
        border-top-right-radius: var(--bs-card-inner-border-radius);
        border-bottom-right-radius: var(--bs-card-inner-border-radius);
    }

    .event-item__poster[b-qho9jyt18m] {
        height: 100%;
        aspect-ratio: auto;
        max-height: 280px;
        object-position: center;
    }
}

/* Desktop: a bigger flyer (there is room next to the text). */
@media (min-width: 992px) {
    .event-item__poster-column[b-qho9jyt18m] {
        flex-basis: 16rem;
    }

    .event-item__poster[b-qho9jyt18m] {
        max-height: 340px;
    }
}

.event-item__description[b-qho9jyt18m] {
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.event-item--past[b-qho9jyt18m] {
    opacity: 0.85;
}

.event-item[b-qho9jyt18m] {
    transition: box-shadow 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.event-item:hover[b-qho9jyt18m],
.event-item:focus-within[b-qho9jyt18m] {
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.12);
    border-color: var(--bs-primary-border-subtle, #9ec5fe);
}

.event-item__link[b-qho9jyt18m] {
    color: inherit;
    text-decoration: none;
}

.event-item:hover .event-item__link[b-qho9jyt18m] {
    color: #008080;
}

/* Calendar-sheet date column: weekday, day number, month + year stacked. */
.event-item__date[b-qho9jyt18m] {
    flex: 0 0 5.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 0.5rem;
    border-right: 1px solid var(--bs-border-color);
    text-align: center;
    line-height: 1.1;
    text-transform: uppercase;
}

.event-item__weekday[b-qho9jyt18m] {
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.05em;
}

.event-item__day[b-qho9jyt18m] {
    font-size: 2.25rem;
    font-weight: 700;
    margin: 0.15rem 0;
}

.event-item__month[b-qho9jyt18m] {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    white-space: nowrap;
}

/* Lets long titles wrap instead of pushing the card wider than the page. Basis 0: always next to the date, also when
   the card wraps (phones), where only the flyer moves to its own row. */
.event-item__content[b-qho9jyt18m] {
    flex: 1 1 0;
    min-width: 0;
}

/* "Samen met" and the partners' logos and names, small and on one wrapping line. */
.event-item__partners[b-qho9jyt18m] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 0.75rem;
    font-size: 0.875rem;
}

.event-item__partners-label[b-qho9jyt18m] {
    font-family: var(--dmp-display-font);
    font-weight: 500;
    color: var(--dmp-charcoal);
}

.event-item__partners ul[b-qho9jyt18m] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.9rem;
    padding: 0;
}

.event-item__partners li[b-qho9jyt18m] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.event-item__partner-logo[b-qho9jyt18m] {
    width: 3.25rem;
    height: 2rem;
}
/* /Components/Pages/Events/EventMediaEditor.razor.rz.scp.css */
.event-flyer-preview[b-gdxpopotze] {
    max-height: 320px;
    max-width: 100%;
    object-fit: contain;
}

.event-image-thumb[b-gdxpopotze] {
    height: 180px;
    object-fit: cover;
}

.event-image-unlink[b-gdxpopotze] {
    font-size: 0.5rem;
    padding: 0.25rem;
}

section[b-gdxpopotze] {
    scroll-margin-top: 4rem;
}

/* Add a video: a panel like the game chest's filter bar, with the segmented source choice on top. */
.video-add[b-gdxpopotze] {
    padding: 1rem 1.25rem;
    background: var(--dmp-card-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 1rem;
}

.video-add__choice[b-gdxpopotze] {
    cursor: pointer;
}

.video-add__choice:has(input:checked)[b-gdxpopotze] {
    background: var(--dmp-turquoise);
    font-weight: 600;
}

.video-add__choice:has(input:focus-visible)[b-gdxpopotze] {
    outline: 2px solid var(--dmp-turquoise-ink);
    outline-offset: 2px;
}

/* Only the fields of the chosen source. */
.video-add:has(input[name="source"][value="upload"]:checked) .video-add__link[b-gdxpopotze],
.video-add:has(input[name="source"][value="link"]:checked) .video-add__upload[b-gdxpopotze] {
    display: none;
}


/* Board game cards (like the "Andere spellen" cards). */
.event-game-card__name a[b-gdxpopotze] {
    color: inherit;
    text-decoration: none;
}

.event-game-card__name a:hover[b-gdxpopotze],
.event-game-card__name a:focus-visible[b-gdxpopotze] {
    text-decoration: underline;
}

.event-game-card__facts[b-gdxpopotze] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 1rem;
    font-size: 0.875rem;
    color: var(--bs-secondary-color);
}

.event-game-card__facts li[b-gdxpopotze] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

/* Position number on a photo/video card (the order visitors see). */
.media-card[b-gdxpopotze] {
    position: relative;
}

.media-card__number[b-gdxpopotze] {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    z-index: 1;
    min-width: 1.75rem;
    padding: 0.1rem 0.5rem;
    border-radius: 1rem;
    background: var(--dmp-turquoise);
    color: var(--dmp-ink);
    font-family: var(--dmp-display-font);
    font-weight: 600;
    text-align: center;
}

/* "Volgorde aanpassen": all photos/videos as small tiles in one block, sorted with mouse, finger or keys (drag-reorder.js). */
.media-sorter > summary[b-gdxpopotze] {
    list-style: none;
}

.media-sorter > summary[b-gdxpopotze]::-webkit-details-marker {
    display: none;
}

.media-sorter__panel[b-gdxpopotze] {
    margin-top: 0.75rem;
    padding: 1rem 1.25rem;
    background: var(--dmp-card-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 1rem;
}

.media-sorter__list[b-gdxpopotze] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(5.5rem, 1fr));
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.media-sorter__item[b-gdxpopotze] {
    position: relative;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 0.5rem;
    background: var(--dmp-turquoise-tint);
    cursor: grab;
    /* Dragging with a finger moves the tile instead of scrolling the page. */
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
}

.media-sorter__item img[b-gdxpopotze],
.media-sorter__placeholder[b-gdxpopotze] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    object-fit: cover;
    color: var(--dmp-turquoise-ink);
    pointer-events: none;
}

.media-sorter__number[b-gdxpopotze] {
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    min-width: 1.4rem;
    padding: 0 0.35rem;
    border-radius: 1rem;
    background: var(--dmp-ivory);
    color: var(--dmp-ink);
    font-family: var(--dmp-display-font);
    font-size: 0.8rem;
    font-weight: 600;
    text-align: center;
    pointer-events: none;
}

.media-sorter__item:focus-visible[b-gdxpopotze] {
    outline: 3px solid var(--dmp-turquoise-ink);
    outline-offset: 2px;
}

/* The tile being moved. */
.media-sorter__item.is-moving[b-gdxpopotze] {
    z-index: 1;
    cursor: grabbing;
    outline: 3px solid var(--dmp-turquoise-ink);
    outline-offset: 2px;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.3);
    transform: scale(1.05);
}

/* Rounded like the card, which doesn't clip its content (see the other games' cards). */
.other-game-card .other-game-cover[b-gdxpopotze] {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
/* /Components/Pages/Events/EventPartnersEditor.razor.rz.scp.css */
/* One row per partner: logo, name (to the organization), remove. */
.event-partners[b-m10zplnma8] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-width: 40rem;
    padding: 0;
}

.event-partners__item[b-m10zplnma8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    background: var(--dmp-card-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 1rem;
}

.event-partners__name[b-m10zplnma8] {
    font-family: var(--dmp-display-font);
    font-weight: 500;
}

.event-partners__add[b-m10zplnma8] {
    max-width: 36rem;
    flex: 1 1 20rem;
}
/* /Components/Pages/Events/EventReport.razor.rz.scp.css */
.report__eyebrow[b-jrwq9qg777] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--bs-secondary-color, #6c757d);
}

.report__header-image[b-jrwq9qg777] {
    width: 7rem;
    height: 7rem;
    object-fit: contain;
    background: var(--bs-tertiary-bg, #f8f9fa);
}

/* Key figures in a row of tiles. */
.report__stats[b-jrwq9qg777] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: 0.75rem;
}

.report__stats > div[b-jrwq9qg777] {
    padding: 0.75rem 1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius-lg, 0.5rem);
}

.report__stats dt[b-jrwq9qg777] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--bs-secondary-color, #6c757d);
}

.report__stats dd[b-jrwq9qg777] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 700;
}

.report__games[b-jrwq9qg777] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    gap: 0.75rem;
}

.report__game[b-jrwq9qg777] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.report__game-media[b-jrwq9qg777] {
    flex: 0 0 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: var(--bs-tertiary-bg, #f8f9fa);
}

.report__game-media img[b-jrwq9qg777] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.report__game-text[b-jrwq9qg777] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.report-event[b-jrwq9qg777] {
    padding-top: 1.5rem;
    border-top: 1px solid var(--bs-border-color);
}

.report-event__link[b-jrwq9qg777] {
    color: inherit;
    text-decoration: none;
}

.report-event__link:hover[b-jrwq9qg777] {
    text-decoration: underline;
}

.report-event__text[b-jrwq9qg777] {
    white-space: pre-line;
}

.report-event__games[b-jrwq9qg777] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.report-event__game[b-jrwq9qg777] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.2rem 0.6rem 0.2rem 0.2rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 999px;
    color: inherit;
    text-decoration: none;
    font-size: 0.875rem;
}

.report-event__game:hover[b-jrwq9qg777] {
    border-color: var(--bs-primary-border-subtle, #9ec5fe);
}

.report-event__game img[b-jrwq9qg777] {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    object-fit: cover;
}

.report-event__figure[b-jrwq9qg777]  .report-event__photo {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

@media print {
    .report-event__header[b-jrwq9qg777] {
        break-after: avoid;
    }

    .report-event__figure[b-jrwq9qg777] {
        break-inside: avoid;
    }

    .report-event__link[b-jrwq9qg777],
    .report__game a[b-jrwq9qg777] {
        color: inherit;
        text-decoration: none;
    }
}
/* /Components/Pages/Events/EventSearchInput.razor.rz.scp.css */
.event-search-input[b-5zr6mc8wan] {
    position: relative;
    flex: 1 1 8rem;
    min-width: 8rem;
    display: flex;
}

.event-search-input .tag-search__input[b-5zr6mc8wan] {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    outline: 0;
    padding: 0;
    background: transparent;
}

/* The standard dropdown list (app.css), placed below the whole search box instead of below this input. */
.event-search-input__popup[b-5zr6mc8wan] {
    top: calc(100% + 0.5rem);
    left: -0.75rem;
    right: auto;
    min-width: 18rem;
    max-width: calc(100vw - 2rem);
}

.event-search-input__kind[b-5zr6mc8wan] {
    font-weight: 600;
}
/* /Components/Pages/Events/EventTables.razor.rz.scp.css */
/* "Speltafels" on the event page: a card per table, grouped by time slot. */
.event-tables__legend[b-qga87xiihq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 1.2rem;
    margin-bottom: 1rem;
    color: var(--dmp-charcoal);
}

.event-tables__legend > span[b-qga87xiihq] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.event-tables__chip[b-qga87xiihq] {
    display: inline-block;
    width: 1.3rem;
    height: 1rem;
    border: 2px solid var(--dmp-wood-dark);
    border-radius: 0.3rem;
}

.event-tables__chip--free[b-qga87xiihq] {
    background: var(--dmp-ivory);
    border-style: dashed;
}

.event-tables__chip--taken[b-qga87xiihq] {
    background: var(--dmp-wood);
}

.event-tables__chip--mine[b-qga87xiihq] {
    background: var(--dmp-turquoise);
}

.event-tables__message[b-qga87xiihq] {
    margin-bottom: 1rem;
}

.event-tables__slot + .event-tables__slot[b-qga87xiihq] {
    margin-top: 1.5rem;
}

.event-tables__slot-title[b-qga87xiihq] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.6rem;
    margin-bottom: 0.75rem;
}

.event-tables__slot-title small[b-qga87xiihq] {
    font-family: var(--dmp-font-family);
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--dmp-charcoal);
}

.event-tables__grid[b-qga87xiihq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
    gap: 1rem;
    margin: 0;
    padding: 0;
}

.event-table[b-qga87xiihq] {
    display: grid;
    gap: 0.6rem;
    align-content: start;
    min-width: 0;
    padding: 0.9rem 0.9rem 1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 1rem;
    background: var(--dmp-card-bg);
}

/* A circle of 9 or more chairs gets two columns when there is room. */
@media (min-width: 720px) {
    .event-table--wide[b-qga87xiihq] {
        grid-column: span 2;
    }
}

.event-table__meta[b-qga87xiihq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.event-table__status[b-qga87xiihq] {
    padding: 0.15rem 0.75rem;
    border-radius: 999px;
    font-family: var(--dmp-display-font);
    font-size: 0.9rem;
    background: var(--dmp-turquoise-tint);
    color: var(--dmp-turquoise-ink);
}

.event-table__status--last[b-qga87xiihq] {
    background: var(--dmp-turquoise);
    color: var(--dmp-ink);
    font-weight: 600;
}

.event-table__status--full[b-qga87xiihq] {
    background: var(--bs-border-color);
    color: var(--dmp-charcoal);
}

.event-table__host[b-qga87xiihq] {
    font-size: 0.92rem;
    color: var(--dmp-charcoal);
}

.event-table__host strong[b-qga87xiihq] {
    color: var(--dmp-turquoise-ink);
}

/* "Stoel reserveren": turquoise with dark text, the one turquoise button (chosen for the game tables). */
.event-table__reserve[b-qga87xiihq],
.event-table__cancel[b-qga87xiihq] {
    width: 100%;
    border-radius: 999px;
    font-family: var(--dmp-display-font);
    font-size: 1.05rem;
    font-weight: 500;
}

.event-table__reserve[b-qga87xiihq] {
    border: 0;
    background: var(--dmp-turquoise);
    color: var(--dmp-ink);
    box-shadow: inset 0 -3px 0 var(--dmp-turquoise-ink);
}

.event-table__reserve:hover[b-qga87xiihq],
.event-table__reserve:focus-visible[b-qga87xiihq] {
    background: var(--dmp-turquoise-ink);
    color: var(--dmp-ivory);
}

.event-table__reserve:disabled[b-qga87xiihq] {
    background: var(--bs-border-color);
    color: var(--dmp-charcoal);
    box-shadow: none;
    opacity: 1;
}

.event-table__cancel[b-qga87xiihq] {
    border: 2px solid var(--dmp-turquoise-ink);
    background: transparent;
    color: var(--dmp-turquoise-ink);
}

.event-table__cancel:hover[b-qga87xiihq],
.event-table__cancel:focus-visible[b-qga87xiihq] {
    background: var(--dmp-turquoise-tint);
    color: var(--dmp-turquoise-ink);
}

.event-tables__dialog .modal-footer .event-table__reserve[b-qga87xiihq] {
    width: auto;
}

.event-tables__dialog .modal-content[b-qga87xiihq] {
    border-top: 6px solid var(--dmp-turquoise);
    background: var(--dmp-ivory);
}
/* /Components/Pages/Events/EventTablesEditor.razor.rz.scp.css */
/* Admin: one card per game table, the form on the left and the live preview on the right. */
.table-editor[b-zaag4leicq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1rem 1.5rem;
    align-items: start;
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 1rem;
    background: var(--dmp-card-bg);
}

@media (max-width: 767.98px) {
    .table-editor[b-zaag4leicq] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.table-editor__fields[b-zaag4leicq] {
    display: grid;
    gap: 0.8rem;
}

.table-editor__times[b-zaag4leicq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.8rem;
}

.table-editor__stepper[b-zaag4leicq] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.table-editor__stepper .btn[b-zaag4leicq] {
    width: 2.4rem;
    height: 2.4rem;
    padding: 0;
    border-radius: 50%;
    font-size: 1.2rem;
    line-height: 1;
}

.table-editor__stepper output[b-zaag4leicq] {
    min-width: 2ch;
    text-align: center;
    font-family: var(--dmp-display-font);
    font-size: 1.3rem;
}

.table-editor__actions[b-zaag4leicq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.table-editor__saved[b-zaag4leicq] {
    color: var(--dmp-turquoise-ink);
    font-weight: 600;
}

.table-editor__preview[b-zaag4leicq] {
    min-width: 0;
}

.table-editor__seats[b-zaag4leicq] {
    grid-column: 1 / -1;
    padding-top: 0.8rem;
    border-top: 1px solid var(--bs-border-color);
}

.table-editor__seats li[b-zaag4leicq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    padding: 0.3rem 0;
}

.table-editor__new[b-zaag4leicq] {
    padding: 0.1rem 0.6rem;
    border-radius: 999px;
    background: var(--dmp-turquoise-tint);
    color: var(--dmp-turquoise-ink);
    font-size: 0.8rem;
    font-weight: 600;
}
/* /Components/Pages/Events/EventWrapUp.razor.rz.scp.css */
/* One step at a time; wide enough for the photo and game cards. */
.wrapup-steps[b-x13jk22226] {
    max-width: 72rem;
    margin: 0 0 2rem;
}

.wrapup-step[b-x13jk22226] {
    padding: 1rem 1.25rem;
    background: var(--dmp-card-bg);
    border: 1px solid var(--bs-border-color);
    border-left: 5px solid var(--dmp-wood);
    border-radius: var(--bs-border-radius-lg, 0.5rem);
}

.wrapup-step--done[b-x13jk22226] {
    border-left-color: var(--dmp-turquoise);
}

.wrapup-step--optional:not(.wrapup-step--done)[b-x13jk22226] {
    border-left-style: dashed;
}

[b-x13jk22226] .wrapup-step__head {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.75rem;
}

[b-x13jk22226] .wrapup-step__mark {
    display: inline-grid;
    place-items: center;
    flex: none;
    width: 1.9rem;
    height: 1.9rem;
    font-family: var(--dmp-display-font);
    font-weight: 600;
    color: #fff;
    background: var(--dmp-wood-dark);
    border-radius: 50%;
}

.wrapup-step--done[b-x13jk22226]  .wrapup-step__mark {
    background: var(--dmp-turquoise-ink);
}






.wrapup-finish[b-x13jk22226] {
    max-width: 52rem;
    padding: 1.25rem;
    background: var(--dmp-turquoise-tint);
    border-radius: var(--bs-border-radius-lg, 0.5rem);
}

/* Note about the money side of the event (EventForm_FinanceNote). */
.wrapup-finance-note[b-x13jk22226] {
    max-width: 52rem;
    white-space: pre-line;
}

/* Costs of the event (step 4): the bookings, the quick add form and the balance. */
.event-costs[b-x13jk22226] {
    max-width: 52rem;
}

.event-costs__list li[b-x13jk22226] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 1rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--bs-border-color);
}

.event-costs__what[b-x13jk22226] {
    flex: 1 1 14rem;
}

.event-costs__amount[b-x13jk22226] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.event-costs__actions[b-x13jk22226] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.event-costs__balance[b-x13jk22226] {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start;
    gap: 0.1rem 1.5rem;
    padding-top: 0.75rem;
    border-top: 2px solid var(--dmp-turquoise);
}

.event-costs__balance dd[b-x13jk22226] {
    margin: 0;
    text-align: right;
    font-variant-numeric: tabular-nums;
}
/* /Components/Pages/Events/GameTableDrawing.razor.rz.scp.css */
/* A game table from above: light tabletop with a wooden edge, wooden chairs, the host in turquoise. */
.table-drawing[b-jp62yici0a] {
    position: relative;
}

.table-drawing svg[b-jp62yici0a] {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}

.table-drawing__top[b-jp62yici0a] {
    fill: var(--dmp-ivory-dark);
    stroke: var(--dmp-wood);
    stroke-width: 4;
}

.table-drawing__grain[b-jp62yici0a] {
    fill: none;
    stroke: var(--dmp-wood);
    stroke-opacity: 0.18;
    stroke-width: 1.5;
}

/* Big groups sit in a circle of chairs without a table. */
.table-drawing__circle[b-jp62yici0a] {
    fill: var(--dmp-turquoise-tint);
    stroke: var(--dmp-turquoise);
    stroke-width: 2;
    stroke-dasharray: 6 5;
}

.table-drawing__label[b-jp62yici0a] {
    fill: var(--dmp-ivory);
    stroke: var(--bs-border-color);
}

/* Colour code of the game (the game chest's own scale, same colours as ColorCodeBadge). */
.table-drawing__stripe[b-jp62yici0a] { fill: #adb5bd; }
.table-drawing__stripe--green[b-jp62yici0a] { fill: #198754; }
.table-drawing__stripe--yellow[b-jp62yici0a] { fill: #ffc107; }
.table-drawing__stripe--red[b-jp62yici0a] { fill: #dc3545; }
.table-drawing__stripe--black[b-jp62yici0a] { fill: #212529; }

.table-drawing__game[b-jp62yici0a] {
    font-family: var(--dmp-display-font);
    font-weight: 600;
    fill: var(--dmp-turquoise-ink);
    text-decoration: underline;
}

.table-drawing__time[b-jp62yici0a] {
    font-family: var(--dmp-font-family);
    font-size: 13px;
    font-weight: 700;
    fill: var(--dmp-charcoal);
}

.table-drawing__host-bg[b-jp62yici0a] {
    fill: var(--dmp-turquoise-tint);
}

.table-drawing__initials[b-jp62yici0a] {
    font-family: var(--dmp-display-font);
    font-size: 18px;
    font-weight: 600;
    fill: var(--dmp-turquoise-ink);
}

.table-drawing__host-ring[b-jp62yici0a] {
    fill: none;
    stroke: var(--dmp-turquoise);
    stroke-width: 4;
}

/* Chairs: free = light with a dashed wooden edge, taken = wood with an ivory meeple, yours = turquoise with a white one. */
.table-drawing__backrest[b-jp62yici0a],
.table-drawing__seat[b-jp62yici0a] {
    stroke: var(--dmp-wood-dark);
    stroke-width: 2;
}

.table-drawing__chair--free .table-drawing__backrest[b-jp62yici0a],
.table-drawing__chair--free .table-drawing__seat[b-jp62yici0a] {
    fill: var(--dmp-ivory);
    stroke-dasharray: 4 3;
}

.table-drawing__chair--taken .table-drawing__backrest[b-jp62yici0a],
.table-drawing__chair--mine .table-drawing__backrest[b-jp62yici0a] {
    fill: var(--dmp-wood-dark);
}

.table-drawing__chair--taken .table-drawing__seat[b-jp62yici0a] {
    fill: var(--dmp-wood);
}

.table-drawing__chair--mine .table-drawing__seat[b-jp62yici0a] {
    fill: var(--dmp-turquoise);
}

.table-drawing__meeple[b-jp62yici0a] {
    fill: var(--dmp-ivory);
}

.table-drawing__chair--mine .table-drawing__meeple[b-jp62yici0a] {
    fill: #fff;
}

.table-drawing__plus[b-jp62yici0a] {
    font-family: var(--dmp-display-font);
    font-size: 22px;
    fill: var(--dmp-wood-dark);
}

.table-drawing__chair--button[b-jp62yici0a] {
    cursor: pointer;
}

.table-drawing__chair-shape[b-jp62yici0a] {
    transition: opacity 0.15s ease;
}

.table-drawing__chair--button:hover .table-drawing__seat[b-jp62yici0a],
.table-drawing__chair--button:focus-visible .table-drawing__seat[b-jp62yici0a] {
    fill: var(--dmp-turquoise-tint);
}

.table-drawing__chair--button:focus-visible[b-jp62yici0a] {
    outline: none;
}

.table-drawing__chair--button:focus-visible .table-drawing__seat[b-jp62yici0a] {
    stroke: var(--dmp-turquoise-ink);
    stroke-width: 3;
    stroke-dasharray: none;
}

/* The game's card: an invisible button over the name; the card opens below it on hover, focus or a tap. */
.table-drawing__peek[b-jp62yici0a] {
    position: absolute;
    z-index: 5;
}

.table-drawing__peek-trigger[b-jp62yici0a] {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
}

.table-drawing__peek-trigger:focus-visible[b-jp62yici0a] {
    outline: 3px solid var(--dmp-turquoise-ink);
    outline-offset: 2px;
}

.table-peek[b-jp62yici0a] {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    width: 260px;
    max-width: 80vw;
    overflow: hidden;
    border: 1px solid var(--bs-border-color);
    border-radius: 1rem;
    background: var(--dmp-card-bg);
    box-shadow: 0 0.6rem 1.6rem rgba(43, 43, 40, 0.22);
    text-align: left;
}

.table-drawing__peek:hover .table-peek[b-jp62yici0a],
.table-drawing__peek:focus-within .table-peek[b-jp62yici0a],
.table-drawing__peek--open .table-peek[b-jp62yici0a] {
    display: block;
}

.table-peek__media[b-jp62yici0a] {
    position: relative;
    aspect-ratio: 16 / 10;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--dmp-turquoise-tint);
}

.table-peek__media img[b-jp62yici0a] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 0.5rem;
}

[b-jp62yici0a] .table-peek__placeholder {
    color: var(--dmp-turquoise-ink);
    opacity: 0.5;
}

.table-peek__color[b-jp62yici0a] {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    line-height: 0;
}

/* Same corner tags as the cards in the game chest. */
.table-peek__corner[b-jp62yici0a] {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 80%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.table-peek__strip[b-jp62yici0a] {
    display: flex;
    max-width: 100%;
    overflow: hidden;
    border-radius: 0 0 0 0.6rem;
}

.table-peek__tag[b-jp62yici0a] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.25rem 0.6rem;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-peek__tag--category[b-jp62yici0a] { background: #50d0c3; color: #102a27; }
.table-peek__tag--theme[b-jp62yici0a] { background: #008080; color: #fff; }
.table-peek__tag--donated[b-jp62yici0a] { background: #ffc107; color: #212529; border-radius: 0 0 0 0.6rem; }
.table-peek__tag--bought[b-jp62yici0a] { background: #6f42c1; color: #fff; border-radius: 0 0 0 0.6rem; }

.table-peek__body[b-jp62yici0a] {
    display: grid;
    gap: 0.3rem;
    padding: 0.6rem 0.9rem 0.8rem;
    font-size: 0.88rem;
}

.table-peek__name[b-jp62yici0a] {
    font-family: var(--dmp-display-font);
    font-weight: 600;
    font-size: 1.05rem;
    color: var(--dmp-ink);
}

.table-peek__facts[b-jp62yici0a] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    color: var(--dmp-charcoal);
}

.table-peek__level[b-jp62yici0a] {
    color: var(--dmp-charcoal);
}

.table-peek a[b-jp62yici0a] {
    font-weight: 600;
}

@media (prefers-reduced-motion: reduce) {
    .table-drawing__chair-shape[b-jp62yici0a] {
        transition: none;
    }
}
/* /Components/Pages/Events/OtherGameNameField.razor.rz.scp.css */
.other-game-name__field[b-bzlfk0e37c] {
    position: relative;
}

.other-game-name__popup[b-bzlfk0e37c] {
    padding-bottom: 0;
}

.other-game-name__attribution[b-bzlfk0e37c] {
    margin-top: 0.25rem;
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
    color: var(--bs-secondary-color);
    text-align: right;
    border-top: 1px solid var(--bs-border-color);
}

/* Group heading in the dropdown: "Eerder gespeeld" and "BoardGameGeek". */
.other-game-name__group[b-bzlfk0e37c] {
    padding: 0.35rem 0.75rem 0.15rem;
    font-family: var(--dmp-display-font);
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--dmp-turquoise-ink);
}
/* /Components/Pages/Faq.razor.rz.scp.css */
/* Veelgestelde vragen: one question per row, all open, centred, and a closing card with the agenda and contact. */
.faq-list[b-c1zbwod0i6] {
    display: grid;
    gap: 1rem;
    max-width: 52rem;
    margin: 0 auto;
    padding-top: 3.5rem;
}

.faq-list__item[b-c1zbwod0i6] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
    padding: 1.4rem 1.5rem;
    border: 1px solid #e6dfc7;
    border-radius: 1.2rem;
    background: var(--dmp-card-bg);
}

.faq-list__number[b-c1zbwod0i6] {
    display: grid;
    place-items: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background: var(--dmp-turquoise);
    color: var(--dmp-ink);
    font-family: var(--dmp-display-font);
    font-weight: 700;
    font-size: 1.1rem;
}

.faq-list h2[b-c1zbwod0i6] {
    margin: 0.3rem 0 0.5rem;
    font-size: 1.25rem;
}

.faq-list p[b-c1zbwod0i6] {
    color: var(--dmp-charcoal);
}

/* Closing card, like "Waarom dit logo" on Ons logo. */
.faq-ready[b-c1zbwod0i6] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 2rem;
    align-items: center;
    max-width: 52rem;
    margin: 3rem auto 2rem;
    padding: 2.4rem;
    border: 1px solid #e6dfc7;
    border-radius: 1.6rem;
    background: var(--dmp-turquoise-tint);
}

.faq-ready__mark[b-c1zbwod0i6] {
    width: 7rem;
    height: auto;
}

.faq-ready h2[b-c1zbwod0i6] {
    font-size: clamp(1.6rem, 3vw, 2.1rem);
}

.faq-ready p[b-c1zbwod0i6] {
    max-width: 40em;
}

@media (max-width: 575.98px) {
    .faq-list__item[b-c1zbwod0i6] {
        padding: 1.2rem;
    }

    .faq-ready[b-c1zbwod0i6] {
        grid-template-columns: minmax(0, 1fr);
        padding: 1.6rem;
    }

    .faq-ready__mark[b-c1zbwod0i6] {
        width: 5rem;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* Home page in the house style: ivory page, turquoise (the logo's) for identity, wood for warmth and the game table,
   the logo's grey for headings. Colours come from the --dmp-* tokens in app.css. */

/* Full-width band inside the layout's container: pulls out to the screen edges (html/body clip the overflow). */
.home-band[b-cq63fqr28o] {
    margin-inline: calc(50% - 50vw);
    position: relative;
}

/* The layout's main has padding at the top; the welcome band starts right under the menu. */
.home-hero[b-cq63fqr28o] {
    margin-top: -1.5rem;
    background: var(--dmp-turquoise);
    overflow: hidden;
}

/* The logo meeple large and pale behind the text. */
.home-hero__mark[b-cq63fqr28o] {
    position: absolute;
    right: -6rem;
    bottom: -8rem;
    width: 34rem;
    max-width: none;
    opacity: 0.35;
    filter: brightness(1.9) saturate(0.4);
    pointer-events: none;
}

.home-hero__inner[b-cq63fqr28o] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    gap: 2.5rem;
    align-items: center;
    padding-block: 3.5rem 4rem;
}

.home-hero__title[b-cq63fqr28o] {
    font-size: clamp(2.75rem, 6.5vw, 4.75rem);
    font-weight: 700;
    line-height: 1.05;
    color: var(--dmp-ink);
    margin-bottom: 1rem;
}

/* "Meeples" in ivory with a dark outline, like the lettering in the logo. */
.home-hero__title em[b-cq63fqr28o] {
    font-style: normal;
    color: var(--dmp-ivory);
    -webkit-text-stroke: 3px var(--dmp-ink);
    paint-order: stroke fill;
}

.home-hero__quote[b-cq63fqr28o] {
    margin-bottom: 1.1rem;
    font-family: var(--dmp-display-font);
    font-weight: 600;
    font-size: clamp(1.2rem, 2.4vw, 1.6rem);
    line-height: 1.45;
    color: var(--dmp-ink);
}

/* The answers ("Gebarentaal.", …) on little ivory tiles. */
.home-hero__quote[b-cq63fqr28o]  b {
    font-weight: 700;
    background: var(--dmp-ivory);
    padding: 0 0.4rem;
    border-radius: 0.45rem;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.home-hero__lead[b-cq63fqr28o] {
    max-width: 36em;
    margin-bottom: 1.6rem;
    font-size: 1.05rem;
    color: var(--dmp-ink);
}

.home-hero__more[b-cq63fqr28o],
.home-hero__more:hover[b-cq63fqr28o] {
    color: var(--dmp-ink);
    font-weight: 700;
    white-space: nowrap;
    text-decoration: underline;
    text-decoration-color: var(--dmp-wood-dark);
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

/* Wooden button that sits up a little, like a game piece. */
.home-btn-raised[b-cq63fqr28o] {
    box-shadow: 0 4px 0 var(--dmp-wood-darker);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.home-btn-raised:hover[b-cq63fqr28o] {
    transform: translateY(-2px);
    box-shadow: 0 6px 0 var(--dmp-wood-darker);
}

/* Outlined in the dark text colour (on turquoise and on ivory). */
.home-btn-ink[b-cq63fqr28o] {
    --bs-btn-color: var(--dmp-ink);
    --bs-btn-border-color: var(--dmp-ink);
    --bs-btn-hover-color: var(--dmp-ivory);
    --bs-btn-hover-bg: var(--dmp-ink);
    --bs-btn-hover-border-color: var(--dmp-ink);
    --bs-btn-active-color: var(--dmp-ivory);
    --bs-btn-active-bg: var(--dmp-ink);
    --bs-btn-active-border-color: var(--dmp-ink);
    border-width: 2px;
}

/* Photo prints scattered on the table. */
.home-table[b-cq63fqr28o] {
    position: relative;
    height: 23rem;
}

.home-print[b-cq63fqr28o] {
    position: absolute;
    margin: 0;
    padding: 0.6rem 0.6rem 2rem;
    background: var(--dmp-ivory);
    border-radius: 0.4rem;
    box-shadow: 0 14px 30px rgba(20, 60, 55, 0.28);
}

.home-print img[b-cq63fqr28o] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.2rem;
}

.home-print figcaption[b-cq63fqr28o] {
    position: absolute;
    left: 0.75rem;
    right: 0.75rem;
    bottom: 0.45rem;
    font-family: var(--dmp-display-font);
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--dmp-charcoal);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-print--1[b-cq63fqr28o] { width: 58%; height: 64%; left: 3%; top: 4%; transform: rotate(-5deg); z-index: 2; }
.home-print--2[b-cq63fqr28o] { width: 46%; height: 50%; right: 2%; top: 0; transform: rotate(6deg); }
.home-print--3[b-cq63fqr28o] { width: 50%; height: 52%; right: 8%; bottom: 0; transform: rotate(-2deg); z-index: 3; }

/* Only one photo: it takes the middle of the table. */
.home-print--1:only-of-type[b-cq63fqr28o] { width: 80%; height: 80%; left: 10%; }

/* A die showing five. */
.home-die[b-cq63fqr28o] {
    position: absolute;
    left: 9%;
    bottom: 5%;
    z-index: 4;
    width: 4rem;
    height: 4rem;
    border-radius: 0.9rem;
    background: var(--dmp-ivory);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
    transform: rotate(14deg);
}

.home-die i[b-cq63fqr28o] {
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background: var(--dmp-ink);
}

.home-die i:nth-child(1)[b-cq63fqr28o] { left: 22%; top: 22%; }
.home-die i:nth-child(2)[b-cq63fqr28o] { right: 22%; top: 22%; }
.home-die i:nth-child(3)[b-cq63fqr28o] { left: calc(50% - 0.3rem); top: calc(50% - 0.3rem); }
.home-die i:nth-child(4)[b-cq63fqr28o] { left: 22%; bottom: 22%; }
.home-die i:nth-child(5)[b-cq63fqr28o] { right: 22%; bottom: 22%; }

.home-section[b-cq63fqr28o] {
    margin-top: 4rem;
}

.home-section__head[b-cq63fqr28o] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.home-section__head h2[b-cq63fqr28o] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0;
    font-size: clamp(1.75rem, 3.4vw, 2.35rem);
}

.home-section__mark[b-cq63fqr28o] {
    flex: none;
}

.home-section__head a[b-cq63fqr28o] {
    font-weight: 700;
}

/* Upcoming: the next event large (flyer + details), the two after it compact beside it. */
.home-upcoming[b-cq63fqr28o] {
    display: grid;
    grid-template-columns: minmax(0, 1.9fr) minmax(0, 1fr);
    gap: 1.25rem;
    align-items: start;
}

.home-next[b-cq63fqr28o] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
    overflow: hidden;
    --bs-card-border-radius: 1.4rem;
    --bs-card-inner-border-radius: calc(1.4rem - 1px);
}

.home-next__flyer[b-cq63fqr28o] {
    display: grid;
    place-items: center;
    min-height: 17rem;
    background: var(--dmp-turquoise-tint);
}

.home-next__flyer img[b-cq63fqr28o] {
    width: 100%;
    height: 100%;
    max-height: 24rem;
    object-fit: cover;
}

.home-next__flyer img.home-next__placeholder[b-cq63fqr28o] {
    width: 7rem;
    height: auto;
    object-fit: contain;
}

.home-next__body[b-cq63fqr28o] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
    padding: 1.6rem;
}

.home-next__body h3[b-cq63fqr28o] {
    font-size: 1.75rem;
}

.home-badge[b-cq63fqr28o] {
    align-self: flex-start;
    background: var(--dmp-turquoise);
    color: var(--dmp-ink);
    font-family: var(--dmp-display-font);
    font-weight: 600;
    font-size: 0.9rem;
    border-radius: 50rem;
    padding: 0.2rem 0.9rem;
}

.home-next__link[b-cq63fqr28o],
.home-later__link[b-cq63fqr28o] {
    color: inherit;
    font-family: var(--dmp-display-font);
    font-weight: 600;
}

.home-next__meta[b-cq63fqr28o] {
    display: grid;
    gap: 0.3rem;
    font-weight: 600;
}

.home-next__meta li[b-cq63fqr28o] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.home-next__meta[b-cq63fqr28o]  .dmp-icon {
    flex: none;
    color: var(--dmp-wood-dark);
}

.home-next__description[b-cq63fqr28o] {
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home-later[b-cq63fqr28o] {
    display: grid;
    gap: 0.9rem;
}

.home-later__item[b-cq63fqr28o] {
    display: grid;
    grid-template-columns: 4.4rem minmax(0, 1fr);
    gap: 0.9rem;
    align-items: center;
    padding: 0.75rem;
    transition: transform 0.15s ease, border-color 0.15s ease;
}

.home-later__link[b-cq63fqr28o] {
    font-size: 1.1rem;
}

/* Date on a little wooden block. */
.home-later__date[b-cq63fqr28o] {
    text-align: center;
    border-radius: 0.75rem;
    background: var(--dmp-wood-dark);
    color: var(--dmp-ivory);
    padding: 0.5rem 0;
    line-height: 1;
}

.home-later__day[b-cq63fqr28o] {
    display: block;
    font-family: var(--dmp-display-font);
    font-size: 1.75rem;
    font-weight: 700;
}

.home-later__month[b-cq63fqr28o] {
    font-family: var(--dmp-display-font);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
}

.home-later__item:hover[b-cq63fqr28o],
.home-service:hover[b-cq63fqr28o] {
    transform: translateY(-3px);
    border-color: var(--dmp-turquoise);
}

/* Wooden bands (totals, game chest): dark wood with a faint grain, ivory text (contrast about 6:1). */
.home-wood[b-cq63fqr28o] {
    background-color: var(--dmp-wood-dark);
    background-image:
        repeating-linear-gradient(100deg, rgba(255, 255, 255, 0.035) 0 2px, transparent 2px 14px),
        repeating-linear-gradient(95deg, rgba(0, 0, 0, 0.06) 0 1px, transparent 1px 38px);
    color: var(--dmp-ivory);
}

.home-stats-band[b-cq63fqr28o] {
    margin-top: 4rem;
}

.home-stats[b-cq63fqr28o] {
    display: flex;
    flex-wrap: wrap;
    padding-block: 2.25rem;
}

.home-stats__item[b-cq63fqr28o] {
    flex: 1 1 0;
    min-width: 10rem;
    padding: 0.5rem 1rem;
    text-align: center;
}

.home-stats__item + .home-stats__item[b-cq63fqr28o] {
    border-left: 2px dashed rgba(255, 255, 240, 0.3);
}

.home-stats__item strong[b-cq63fqr28o] {
    display: block;
    font-family: var(--dmp-display-font);
    font-weight: 700;
    font-size: clamp(2.25rem, 5vw, 3.4rem);
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.home-stats__item span[b-cq63fqr28o] {
    font-weight: 700;
    color: #f1e7d6;
}

/* What we do: four cards, each icon on a turquoise tile. */
.home-services[b-cq63fqr28o] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.1rem;
}

.home-service[b-cq63fqr28o] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 1.4rem;
    --bs-card-border-radius: 1.4rem;
    transition: transform 0.15s ease, border-color 0.15s ease;
}

.home-service h3[b-cq63fqr28o] {
    font-size: 1.3rem;
}

.home-service__icon[b-cq63fqr28o] {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1.1rem;
    display: grid;
    place-items: center;
    background: var(--dmp-turquoise);
    color: var(--dmp-ink);
}

.home-service p[b-cq63fqr28o] {
    flex: 1;
    margin: 0;
    font-size: 0.95rem;
}

.home-service a[b-cq63fqr28o] {
    font-weight: 700;
}

/* Photos and videos as prints, slightly askew; straight on hover. */
.home-photos[b-cq63fqr28o] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.1rem;
}

.home-photos__link[b-cq63fqr28o] {
    display: block;
    padding: 0.5rem 0.5rem 1.6rem;
    background: var(--dmp-ivory);
    border-radius: 0.4rem;
    box-shadow: 0 6px 16px rgba(60, 45, 25, 0.16);
    transform: rotate(-1.5deg);
    transition: transform 0.2s ease;
}

.home-photos li:nth-child(even) .home-photos__link[b-cq63fqr28o] {
    transform: rotate(1.5deg);
}

.home-photos li .home-photos__link:hover[b-cq63fqr28o],
.home-photos li .home-photos__link:focus-visible[b-cq63fqr28o] {
    transform: rotate(0) scale(1.03);
}

.home-photos__link img[b-cq63fqr28o],
.home-photos__link[b-cq63fqr28o]  .video-still {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 0.2rem;
    overflow: hidden;
}

.home-photos__link[b-cq63fqr28o]  .video-still__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* The game chest: games lying on the wooden table. */
.home-chest[b-cq63fqr28o] {
    margin-top: 4rem;
    padding-block: 3.5rem;
}

.home-chest .home-section__head h2[b-cq63fqr28o] {
    color: var(--dmp-ivory);
}

/* Ivory and underlined: the logo turquoise is too light on dark wood for text (2.9:1; ivory 6.1:1). */
.home-chest .home-section__head a[b-cq63fqr28o],
.home-chest .home-section__head a:hover[b-cq63fqr28o] {
    color: var(--dmp-ivory);
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 0.2em;
}

.home-carousel[b-cq63fqr28o] {
    position: relative;
    overflow: hidden;
    /* Room for the cards' shadow and the lift on hover. */
    padding-block: 0.5rem 0.75rem;
    --slides: 4;
    --gap: 1.25rem;
}

.home-carousel__track[b-cq63fqr28o] {
    display: flex;
    gap: var(--gap);
}

.home-carousel__slide[b-cq63fqr28o] {
    flex: 0 0 calc((100% - (var(--slides) - 1) * var(--gap)) / var(--slides));
    min-width: 0;
}

.home-game[b-cq63fqr28o] {
    position: relative;
    height: 100%;
    overflow: hidden;
    background: var(--dmp-ivory);
    color: var(--dmp-ink);
    border-radius: 0.9rem;
    box-shadow: 0 10px 0 rgba(0, 0, 0, 0.18);
    transition: transform 0.15s ease;
}

.home-game:hover[b-cq63fqr28o] {
    transform: translateY(-4px) rotate(-1deg);
}

.home-game__media[b-cq63fqr28o] {
    position: relative;
}

.home-game__image[b-cq63fqr28o] {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    object-fit: contain;
    background: #fff;
}

/* Colour code (top left) and the corner tags (top right) above the card's link, so they stay clickable. */
.home-game__color[b-cq63fqr28o] {
    position: absolute;
    left: 0.6rem;
    top: 0.6rem;
    z-index: 2;
}

/* Same corner tags and colours as the chest cards (BoardGameCard): category and theme in a strip, "Donated" yellow below. */
.home-game__corner[b-cq63fqr28o] {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    max-width: 85%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.home-game__strip[b-cq63fqr28o] {
    display: flex;
    max-width: 100%;
    border-radius: 0 0 0 0.6rem;
    overflow: hidden;
}

.home-tag[b-cq63fqr28o],
.home-tag:hover[b-cq63fqr28o],
.home-tag:focus[b-cq63fqr28o] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    min-width: 0;
    padding: 0.3rem 0.7rem;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
    text-decoration: none;
}

.home-tag:hover[b-cq63fqr28o],
.home-tag:focus[b-cq63fqr28o] {
    filter: brightness(0.97);
}

.home-tag__text[b-cq63fqr28o] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-tag--category[b-cq63fqr28o],
.home-tag--category:hover[b-cq63fqr28o] {
    flex-shrink: 0;
    background: #50d0c3;
    color: #102a27;
}

.home-tag--theme[b-cq63fqr28o],
.home-tag--theme:hover[b-cq63fqr28o] {
    background: #008080;
    color: #fff;
}

.home-tag--donated[b-cq63fqr28o],
.home-tag--donated:hover[b-cq63fqr28o] {
    border-radius: 0 0 0 0.6rem;
    background: #ffc107;
    color: #212529;
}

.home-game__info[b-cq63fqr28o] {
    padding: 0.75rem 0.9rem 0.9rem;
}

.home-game__link[b-cq63fqr28o] {
    color: inherit;
    font-family: var(--dmp-display-font);
    font-weight: 600;
    font-size: 1.1rem;
}

.home-game .small[b-cq63fqr28o] {
    color: var(--dmp-charcoal);
}

/* "Nieuw in de Spellenkast": one row of at most four small cards, "Nieuw" at the bottom left of the image. */
.home-new[b-cq63fqr28o] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.25rem;
}

.home-new__item[b-cq63fqr28o] {
    height: 100%;
    overflow: hidden;
    --bs-card-border-radius: 1rem;
    --bs-card-inner-border-radius: calc(1rem - 1px);
    transition: transform 0.15s ease;
}

.home-new__item:hover[b-cq63fqr28o] {
    transform: translateY(-3px);
}

.home-new__media[b-cq63fqr28o] {
    position: relative;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    background: #fff;
}

.home-new__media img[b-cq63fqr28o] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.home-new__media img.home-new__placeholder[b-cq63fqr28o] {
    width: 40%;
    height: auto;
}

[b-cq63fqr28o] .home-new__badge {
    position: absolute;
    left: 0.6rem;
    bottom: 0.6rem;
}

.home-new__info[b-cq63fqr28o] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 0.75rem 0.9rem 0.9rem;
}

.home-new__link[b-cq63fqr28o] {
    color: inherit;
    font-family: var(--dmp-display-font);
    font-weight: 600;
    font-size: 1.1rem;
}

.home-new__donor[b-cq63fqr28o] {
    display: flex;
    align-items: flex-start;
    gap: 0.35rem;
    color: var(--dmp-charcoal);
}

.home-new__donor[b-cq63fqr28o]  svg {
    flex: none;
    margin-top: 0.15rem;
    color: var(--dmp-turquoise-ink);
}

/* Visitors who prefer reduced motion: no moving, the row scrolls sideways instead. Same once touched (home-carousel.js). */
@media (prefers-reduced-motion: reduce) {
    .home-carousel[b-cq63fqr28o] {
        overflow-x: auto;
    }
}

.home-carousel--paused[b-cq63fqr28o] {
    overflow-x: auto;
}

/* About us: the logo's story, with labels around the meeple. */
.home-about[b-cq63fqr28o] {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    gap: 2.5rem;
    align-items: center;
}

.home-about h2[b-cq63fqr28o] {
    font-size: clamp(1.75rem, 3.4vw, 2.35rem);
    margin-bottom: 0.9rem;
}

.home-about__quote[b-cq63fqr28o] {
    margin: 0 0 1rem;
    font-family: var(--dmp-display-font);
    font-weight: 600;
    font-size: clamp(1.4rem, 3vw, 1.9rem);
    line-height: 1.3;
    color: var(--dmp-turquoise-ink);
}

.home-about p[b-cq63fqr28o] {
    max-width: 38em;
}

.home-about__mark[b-cq63fqr28o] {
    position: relative;
    justify-self: center;
    width: min(20rem, 80%);
}

.home-about__mark img[b-cq63fqr28o] {
    display: block;
    width: 100%;
    height: auto;
}

.home-about__tag[b-cq63fqr28o] {
    position: absolute;
    background: var(--dmp-ivory);
    border: 2px solid var(--dmp-charcoal);
    color: var(--dmp-ink);
    font-family: var(--dmp-display-font);
    font-weight: 600;
    font-size: 0.9rem;
    border-radius: 50rem;
    padding: 0.2rem 0.8rem;
    white-space: nowrap;
}

.home-about__tag--1[b-cq63fqr28o] { left: 0; top: 4%; transform: rotate(-6deg); }
.home-about__tag--2[b-cq63fqr28o] { right: 0; top: 34%; transform: rotate(5deg); }
.home-about__tag--3[b-cq63fqr28o] { left: 10%; bottom: 6%; transform: rotate(3deg); }

@media (prefers-reduced-motion: reduce) {
    .home-btn-raised[b-cq63fqr28o],
    .home-later__item[b-cq63fqr28o],
    .home-service[b-cq63fqr28o],
    .home-photos__link[b-cq63fqr28o],
    .home-new__item[b-cq63fqr28o],
    .home-game[b-cq63fqr28o] {
        transition: none;
    }
}

/* Tablet: hero, upcoming and about stack; two columns of photos, three games. */
@media (max-width: 991.98px) {
    .home-hero__inner[b-cq63fqr28o],
    .home-upcoming[b-cq63fqr28o],
    .home-about[b-cq63fqr28o] {
        grid-template-columns: minmax(0, 1fr);
    }

    .home-table[b-cq63fqr28o] {
        height: 20rem;
    }

    .home-photos[b-cq63fqr28o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-carousel[b-cq63fqr28o] {
        --slides: 3;
    }
}

@media (max-width: 767.98px) {
    .home-services[b-cq63fqr28o] {
        grid-template-columns: minmax(0, 1fr);
    }

    .home-carousel[b-cq63fqr28o] {
        --slides: 2;
        --gap: 0.9rem;
    }

    .home-new[b-cq63fqr28o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.9rem;
    }
}

/* Phone: the flyer above the details, one column of services, totals stacked. */
@media (max-width: 575.98px) {
    .home-hero__inner[b-cq63fqr28o] {
        padding-block: 2.5rem 3rem;
    }

    .home-hero__mark[b-cq63fqr28o] {
        width: 22rem;
        right: -7rem;
        bottom: -5rem;
    }

    .home-table[b-cq63fqr28o] {
        height: 16rem;
    }

    .home-next[b-cq63fqr28o] {
        grid-template-columns: minmax(0, 1fr);
    }

    .home-next__flyer[b-cq63fqr28o] {
        min-height: 11rem;
    }

    .home-services[b-cq63fqr28o] {
        grid-template-columns: minmax(0, 1fr);
    }

    .home-carousel[b-cq63fqr28o] {
        --slides: 1.4;
    }

    .home-stats__item[b-cq63fqr28o] {
        flex-basis: 100%;
    }

    .home-stats__item + .home-stats__item[b-cq63fqr28o] {
        border-left: 0;
        border-top: 2px dashed rgba(255, 255, 240, 0.3);
    }
}
/* /Components/Pages/Locations/NewLocationDialog.razor.rz.scp.css */
/* Stack above an already open Bootstrap modal (modal z-index 1055, backdrop 1050). */
.location-dialog[b-ie2u42ntpo] {
    z-index: 1075;
}

.location-dialog-backdrop[b-ie2u42ntpo] {
    z-index: 1070;
}
/* /Components/Pages/Logo.razor.rz.scp.css */
/* Our logo: the story next to the original logo, two variants, the colour theme on a light band and a closing card. */
.logo-story[b-ctuudw8m9w] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 3rem;
    align-items: center;
    padding-top: 4rem;
}

.logo-story p[b-ctuudw8m9w] {
    max-width: 38em;
}

.logo-power[b-ctuudw8m9w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.9rem;
    align-items: center;
    margin: 1.4rem 0 0;
    padding: 1rem 1.2rem;
    border-radius: 1rem;
    background: var(--dmp-turquoise-tint);
}

.logo-power b[b-ctuudw8m9w] {
    font-family: var(--dmp-display-font);
    font-weight: 700;
    font-size: 1.25rem;
    color: var(--dmp-turquoise-ink);
    white-space: nowrap;
}

.logo-power span[b-ctuudw8m9w] {
    font-size: 0.95rem;
}

.logo-original[b-ctuudw8m9w] {
    display: grid;
    justify-items: center;
    gap: 1rem;
    margin: 0;
    padding: 2.5rem;
    border: 1px solid #e6dfc7;
    border-radius: 1.6rem;
    background: #fff;
    box-shadow: 0 12px 0 var(--dmp-ivory-dark);
}

.logo-original img[b-ctuudw8m9w] {
    width: min(17rem, 100%);
    height: auto;
}

.logo-original figcaption[b-ctuudw8m9w] {
    font-family: var(--dmp-display-font);
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--dmp-charcoal);
}

/* The meeple in ivory (a mask of the logo image) on turquoise and on wood. */
.logo-variants[b-ctuudw8m9w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin: 2rem 0 4rem;
}

.logo-variant[b-ctuudw8m9w] {
    display: grid;
    place-items: center;
    aspect-ratio: 16 / 9;
    border-radius: 1.2rem;
}

.logo-variant--turquoise[b-ctuudw8m9w] {
    background: var(--dmp-turquoise);
}

.logo-variant--wood[b-ctuudw8m9w] {
    background: var(--dmp-wood);
}

.logo-variant__meeple[b-ctuudw8m9w] {
    width: 34%;
    aspect-ratio: 200 / 174;
    background: var(--dmp-ivory);
    -webkit-mask: url("images/logo-meeple-large.png") center / contain no-repeat;
    mask: url("images/logo-meeple-large.png") center / contain no-repeat;
}

.logo-variant__caption[b-ctuudw8m9w] {
    display: block;
    margin-top: 0.5rem;
    text-align: center;
    font-family: var(--dmp-display-font);
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--dmp-charcoal);
}

/* Colour theme: one card per brand colour on a light full-width band. */
.logo-colors[b-ctuudw8m9w] {
    margin-inline: calc(50% - 50vw);
    background: var(--dmp-ivory-dark);
}

.logo-colors .container[b-ctuudw8m9w] {
    padding-block: 4rem;
}

.logo-swatches[b-ctuudw8m9w] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.4rem;
    margin-top: 2rem;
}

.logo-swatch[b-ctuudw8m9w] {
    display: grid;
    grid-template-rows: auto 1fr;
    overflow: hidden;
    border: 1px solid #e6dfc7;
    border-radius: 1.4rem;
    background: var(--dmp-card-bg);
}

.logo-swatch__chip[b-ctuudw8m9w] {
    display: flex;
    align-items: flex-end;
    height: 9rem;
    padding: 1rem 1.2rem;
}

.logo-swatch--turquoise .logo-swatch__chip[b-ctuudw8m9w] {
    background: var(--dmp-turquoise);
}

.logo-swatch--wood .logo-swatch__chip[b-ctuudw8m9w] {
    background: var(--dmp-wood);
}

.logo-swatch--ivory .logo-swatch__chip[b-ctuudw8m9w] {
    background: var(--dmp-ivory);
    border-bottom: 1px solid #e6dfc7;
}

.logo-swatch__hex[b-ctuudw8m9w] {
    padding: 0.35rem 0.6rem;
    border-radius: 0.5rem;
    background: rgba(255, 255, 240, 0.85);
    font-family: var(--bs-font-monospace);
    font-weight: 600;
    font-size: 0.9rem;
    line-height: 1;
    color: var(--dmp-ink);
}

.logo-swatch--ivory .logo-swatch__hex[b-ctuudw8m9w] {
    background: var(--dmp-ivory-dark);
}

.logo-swatch__body[b-ctuudw8m9w] {
    display: grid;
    align-content: start;
    gap: 0.45rem;
    padding: 1.2rem 1.3rem 1.4rem;
}

.logo-swatch h3[b-ctuudw8m9w] {
    margin: 0;
    font-size: 1.35rem;
}

.logo-swatch__meaning[b-ctuudw8m9w] {
    font-family: var(--dmp-display-font);
    font-weight: 600;
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--dmp-wood-darker);
}

.logo-swatch p[b-ctuudw8m9w] {
    font-size: 0.95rem;
    color: var(--dmp-charcoal);
}

/* Why this logo: closing card with the meeple and the three values. */
.logo-why[b-ctuudw8m9w] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 2rem;
    align-items: center;
    margin-block: 4rem 2rem;
    padding: 2.4rem;
    border: 1px solid #e6dfc7;
    border-radius: 1.6rem;
    background: var(--dmp-card-bg);
}

.logo-why__mark[b-ctuudw8m9w] {
    width: 8rem;
    height: auto;
}

.logo-why h2[b-ctuudw8m9w] {
    font-size: clamp(1.6rem, 3vw, 2.1rem);
}

.logo-why p[b-ctuudw8m9w] {
    max-width: 40em;
}

.logo-why__pillars[b-ctuudw8m9w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.logo-why__pillars li[b-ctuudw8m9w] {
    padding: 0.3rem 0.9rem;
    border-radius: 50rem;
    background: var(--dmp-wood-dark);
    color: var(--dmp-ivory);
    font-family: var(--dmp-display-font);
    font-weight: 600;
    font-size: 0.9rem;
}

@media (max-width: 991.98px) {
    .logo-story[b-ctuudw8m9w] {
        grid-template-columns: minmax(0, 1fr);
    }

    .logo-swatches[b-ctuudw8m9w] {
        grid-template-columns: minmax(0, 1fr);
    }

    .logo-swatch[b-ctuudw8m9w] {
        grid-template-columns: 9rem minmax(0, 1fr);
        grid-template-rows: none;
    }

    .logo-swatch__chip[b-ctuudw8m9w] {
        height: auto;
    }
}

@media (max-width: 575.98px) {
    .logo-variants[b-ctuudw8m9w] {
        grid-template-columns: minmax(0, 1fr);
    }

    .logo-swatch[b-ctuudw8m9w] {
        grid-template-columns: minmax(0, 1fr);
    }

    .logo-swatch__chip[b-ctuudw8m9w] {
        height: 6rem;
    }

    .logo-why[b-ctuudw8m9w] {
        grid-template-columns: minmax(0, 1fr);
        padding: 1.6rem;
    }

    .logo-why__mark[b-ctuudw8m9w] {
        width: 5.5rem;
    }
}
/* /Components/Pages/Partners.razor.rz.scp.css */
/* Partners: one section per kind (icon + heading) with a grid of cards (logo, name, short sentence, website), and a
   closing card to become a partner. Same build-up as Steun ons and Word vrijwilliger. */
.partners-empty[b-3caxqys11k] {
    max-width: 64rem;
    margin: 3rem auto 0;
    padding: 1.4rem 1.6rem;
    border-left: 6px solid var(--dmp-wood);
    border-radius: 1rem;
    background: var(--dmp-turquoise-tint);
}

.partners-group[b-3caxqys11k] {
    max-width: 64rem;
    margin: 0 auto;
    padding-top: 3rem;
}

.partners-group__title[b-3caxqys11k] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 1.2rem;
    font-size: clamp(1.4rem, 2.4vw, 1.8rem);
}

.partners-group__icon[b-3caxqys11k] {
    display: grid;
    place-items: center;
    width: 2.8rem;
    height: 2.8rem;
    flex: none;
    border-radius: 50%;
    background: var(--dmp-turquoise);
    color: var(--dmp-ink);
}

.partners-group__list[b-3caxqys11k] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.partner-card[b-3caxqys11k] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.4rem 1.5rem;
    border: 1px solid #e6dfc7;
    border-top: 5px solid var(--dmp-wood);
    border-radius: 1.2rem;
    background: var(--dmp-card-bg);
}

.partner-card__logo[b-3caxqys11k] {
    width: 100%;
    height: 5.5rem;
    margin-bottom: 1rem;
    padding: 0.5rem;
    object-fit: contain;
    border: 1px solid #e6dfc7;
    border-radius: 0.8rem;
    background: #fff;
}

.partner-card__name[b-3caxqys11k] {
    font-size: 1.2rem;
    margin-bottom: 0.4rem;
}

.partner-card__about[b-3caxqys11k] {
    color: var(--dmp-charcoal);
}

.partner-card__link[b-3caxqys11k] {
    margin-top: auto;
    font-family: var(--dmp-display-font);
    font-weight: 500;
    color: var(--dmp-turquoise-ink);
}

/* Closing card, like the one on Steun ons. */
.partners-join[b-3caxqys11k] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 2rem;
    align-items: center;
    max-width: 64rem;
    margin: 3rem auto 2rem;
    padding: 2.4rem;
    border: 1px solid #e6dfc7;
    border-radius: 1.6rem;
    background: var(--dmp-turquoise-tint);
}

.partners-join__mark[b-3caxqys11k] {
    width: 7rem;
    height: auto;
}

.partners-join h2[b-3caxqys11k] {
    font-size: clamp(1.6rem, 3vw, 2.1rem);
}

.partners-join p[b-3caxqys11k] {
    max-width: 40em;
}

@media (max-width: 991.98px) {
    .partners-group__list[b-3caxqys11k] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .partners-group__list[b-3caxqys11k],
    .partners-join[b-3caxqys11k] {
        grid-template-columns: minmax(0, 1fr);
    }

    .partners-join[b-3caxqys11k] {
        padding: 1.6rem;
    }

    .partners-join__mark[b-3caxqys11k] {
        width: 5rem;
    }
}
/* /Components/Pages/Publishers/JudgeLink.razor.rz.scp.css */
.pitch-judge[b-6qo9vcbq1m] {
    font-weight: 700;
    color: var(--dmp-turquoise-ink);
}
/* /Components/Pages/Publishers/PublisherPitch.razor.rz.scp.css */
/* Pitch page for publishers: house style (ivory page, turquoise hero, wooden bands), large enough to read on a tablet. */

/* QR code in the hero card, for the publisher to keep the page. */
.pitch-qr[b-vbeozl0q4m] {
    display: flex;
    gap: 0.9rem;
    align-items: center;
    padding-top: 0.4rem;
    border-top: 1px dashed var(--bs-border-color);
    font-weight: 600;
    color: var(--dmp-charcoal);
}

.pitch-qr[b-vbeozl0q4m]  .qr-code {
    flex: none;
    border-radius: 0.5rem;
    background: #fff;
}

/* The line and the PDF button beside the QR code. */
.pitch-qr__text[b-vbeozl0q4m] {
    display: grid;
    gap: 0.5rem;
    justify-items: start;
}

/* Totals on a full-width wooden band, like the home page. */
.pitch-band[b-vbeozl0q4m] {
    margin-inline: calc(50% - 50vw);
    background: var(--dmp-wood);
    color: var(--dmp-ivory);
}

.pitch-stats[b-vbeozl0q4m] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    padding-block: 1.6rem;
}

.pitch-stats__item strong[b-vbeozl0q4m] {
    display: block;
    font-family: var(--dmp-display-font);
    font-weight: 700;
    font-size: clamp(2rem, 4.5vw, 3rem);
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.pitch-stats__item span[b-vbeozl0q4m] {
    font-weight: 700;
    color: #f1e7d6;
}

@media (max-width: 575.98px) {
    .pitch-stats[b-vbeozl0q4m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.pitch[b-vbeozl0q4m] {
    display: grid;
    gap: 3rem;
    padding-block: 2.5rem 1rem;
}

.pitch h2[b-vbeozl0q4m] {
    font-size: 1.7rem;
    margin-bottom: 0.4rem;
}

.pitch-lead[b-vbeozl0q4m] {
    max-width: 65ch;
    margin-bottom: 1.1rem;
    font-size: 1.05rem;
    color: var(--dmp-charcoal);
}

/* "What you get" and "What deaf players look for": cards with an icon on a turquoise tile. */
.pitch-cards[b-vbeozl0q4m] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr));
    gap: 1rem;
    margin: 0;
}

.pitch-card[b-vbeozl0q4m] {
    display: grid;
    grid-template-columns: 2.9rem minmax(0, 1fr);
    gap: 0.8rem;
    align-items: start;
    padding: 1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 1rem;
    background: var(--dmp-card-bg);
}

.pitch-card--soon[b-vbeozl0q4m] {
    border-style: dashed;
}

.pitch-card__icon[b-vbeozl0q4m] {
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--dmp-turquoise-tint);
    color: var(--dmp-turquoise-ink);
    font-family: var(--dmp-display-font);
    font-size: 1.6rem;
    font-weight: 600;
}

.pitch-card h3[b-vbeozl0q4m] {
    font-size: 1.15rem;
    margin-bottom: 0.2rem;
    color: var(--dmp-ink);
}

.pitch-card p[b-vbeozl0q4m] {
    margin: 0;
    color: var(--dmp-charcoal);
}

.pitch-card__soon[b-vbeozl0q4m] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--dmp-wood-dark);
}

/* "Example" notice, like dmp-notice: light turquoise with a wooden edge. */
.pitch-example[b-vbeozl0q4m] {
    display: flex;
    gap: 0.8rem;
    align-items: center;
    margin-bottom: 1rem;
    padding: 0.8rem 1rem;
    border-left: 6px solid var(--dmp-wood);
    border-radius: 0.8rem;
    background: var(--dmp-turquoise-tint);
    font-weight: 600;
}

.pitch-example__tag[b-vbeozl0q4m] {
    flex: none;
    padding: 0.15rem 0.8rem;
    border-radius: 999px;
    background: var(--dmp-wood-dark);
    color: var(--dmp-ivory);
    font-family: var(--dmp-display-font);
    font-weight: 500;
}

/* One card per game: box image with the colour code, numbers, photos and accessibility. */
/* Two cards side by side on wide screens, so a game without photos doesn't leave a wide empty card. */
.pitch-games[b-vbeozl0q4m] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 30rem), 1fr));
    gap: 1rem;
    align-items: start;
}

.pitch-game[b-vbeozl0q4m] {
    display: grid;
    grid-template-columns: 8.5rem minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid var(--bs-border-color);
    border-radius: 1.1rem;
    background: var(--dmp-card-bg);
}

.pitch-game--example[b-vbeozl0q4m] {
    border-style: dashed;
}

@media (max-width: 575.98px) {
    .pitch-game[b-vbeozl0q4m] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.pitch-game__box[b-vbeozl0q4m] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 8rem;
    padding: 0.8rem;
    background: var(--dmp-turquoise-tint);
}

.pitch-game__box img[b-vbeozl0q4m] {
    max-width: 100%;
    max-height: 10rem;
    object-fit: contain;
    border-radius: 0.3rem;
    box-shadow: 4px 5px 0 rgba(0, 0, 0, 0.15);
}

.pitch-game__placeholder[b-vbeozl0q4m] {
    width: 80%;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    border-radius: 0.4rem;
    background: var(--dmp-charcoal);
    color: var(--dmp-ivory);
    font-family: var(--dmp-display-font);
    font-weight: 600;
    text-align: center;
}

.pitch-game__box[b-vbeozl0q4m]  .pitch-game__color {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
}

.pitch-game__body[b-vbeozl0q4m] {
    display: grid;
    gap: 0.7rem;
    align-content: start;
    min-width: 0;
    padding: 1rem 1.1rem 1.1rem;
}

.pitch-game__body h3[b-vbeozl0q4m] {
    margin: 0;
    font-size: 1.3rem;
}

.pitch-game__body h3 a[b-vbeozl0q4m] {
    color: var(--dmp-ink);
}

.pitch-game__nums[b-vbeozl0q4m] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 1.2rem;
    align-items: baseline;
    margin: 0;
    color: var(--dmp-charcoal);
}

.pitch-game__nums strong[b-vbeozl0q4m] {
    font-family: var(--dmp-display-font);
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--dmp-turquoise-ink);
}

.pitch-game__donated[b-vbeozl0q4m] {
    font-weight: 700;
    color: var(--dmp-wood-dark);
}

.pitch-game__photos[b-vbeozl0q4m] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.4rem;
}

.pitch-game__photos[b-vbeozl0q4m]  .pitch-game__photo,
.pitch-game__photo-placeholder[b-vbeozl0q4m] {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 0.5rem;
}

.pitch-game__photo-placeholder[b-vbeozl0q4m] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--dmp-turquoise-tint), var(--dmp-ivory-dark));
    font-size: 0.8rem;
    color: var(--dmp-charcoal);
}

/* Our colour code: why we have our own, then one card per colour with times and the BGG guide. */
.pitch-why[b-vbeozl0q4m] {
    display: grid;
    grid-template-columns: 2.6rem minmax(0, 1fr);
    gap: 0.9rem;
    max-width: 60rem;
    margin-bottom: 1rem;
    padding: 1rem 1.1rem;
    border-left: 6px solid var(--dmp-wood);
    border-radius: 0.8rem;
    background: var(--dmp-turquoise-tint);
}

.pitch-why__icon[b-vbeozl0q4m] {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--dmp-ivory);
    color: var(--dmp-turquoise-ink);
    font-family: var(--dmp-display-font);
    font-size: 1.4rem;
    font-weight: 600;
}

.pitch-why h3[b-vbeozl0q4m] {
    font-size: 1.1rem;
    margin-bottom: 0.3rem;
}

.pitch-scale[b-vbeozl0q4m] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 13rem), 1fr));
    gap: 0.75rem;
    margin: 0;
}

.pitch-scale li[b-vbeozl0q4m] {
    display: grid;
    gap: 0.45rem;
    align-content: start;
    padding: 0.9rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 1rem;
    background: var(--dmp-card-bg);
    font-size: 0.92rem;
}

.pitch-scale li.pitch-scale__none[b-vbeozl0q4m] {
    border-style: dashed;
}

.pitch-scale__head[b-vbeozl0q4m] {
    display: flex;
    gap: 0.45rem;
    align-items: center;
    font-family: var(--dmp-display-font);
    font-weight: 500;
    font-size: 1.15rem;
}

.pitch-scale__tag[b-vbeozl0q4m] {
    justify-self: start;
    padding: 0.1rem 0.6rem;
    border-radius: 999px;
    background: var(--dmp-ivory-dark);
    font-weight: 700;
    font-size: 0.82rem;
    color: var(--dmp-wood-dark);
}

.pitch-scale__times[b-vbeozl0q4m] {
    display: grid;
    gap: 0.15rem;
    margin: 0;
}

.pitch-scale__times div[b-vbeozl0q4m] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
}

.pitch-scale__times dt[b-vbeozl0q4m] {
    font-weight: 600;
    color: var(--dmp-charcoal);
}

.pitch-scale__times dd[b-vbeozl0q4m] {
    margin: 0;
    font-variant-numeric: tabular-nums;
}

.pitch-scale__bgg[b-vbeozl0q4m] {
    font-size: 0.82rem;
    color: var(--dmp-charcoal);
}

.pitch-footnote[b-vbeozl0q4m] {
    max-width: 65ch;
    margin: 0.8rem 0 0;
    font-size: 0.88rem;
    color: var(--dmp-charcoal);
}

/* What deaf players look for: green plus points and grey minus points, one per row. */
.pitch-look[b-vbeozl0q4m] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
}

/* Closed by default: the summary shows the mark, the title, how many points and a chevron. */
.pitch-look__summary[b-vbeozl0q4m] {
    display: flex;
    gap: 0.7rem;
    align-items: center;
    cursor: pointer;
    list-style: none;
}

.pitch-look__summary[b-vbeozl0q4m]::-webkit-details-marker {
    display: none;
}

.pitch-look__summary h3[b-vbeozl0q4m] {
    margin: 0 auto 0 0;
}

.pitch-look__summary[b-vbeozl0q4m]::after {
    content: "";
    width: 0.6rem;
    height: 0.6rem;
    border-right: 2px solid var(--dmp-charcoal);
    border-bottom: 2px solid var(--dmp-charcoal);
    transform: rotate(45deg);
    transition: transform 0.15s;
}

details[open] > .pitch-look__summary[b-vbeozl0q4m]::after {
    transform: rotate(225deg);
}

.pitch-look__summary:focus-visible[b-vbeozl0q4m] {
    outline: 3px solid var(--dmp-turquoise);
    outline-offset: 4px;
    border-radius: 0.4rem;
}

.pitch-look__count[b-vbeozl0q4m] {
    padding: 0.05rem 0.55rem;
    border-radius: 999px;
    background: var(--dmp-wood-dark);
    color: var(--dmp-ivory);
    font-family: var(--dmp-display-font);
    font-size: 0.85rem;
}

@media (max-width: 767.98px) {
    .pitch-look[b-vbeozl0q4m] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.pitch-look__column[b-vbeozl0q4m] {
    padding: 1.1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 1rem;
    background: var(--dmp-card-bg);
}

.pitch-look__column h3[b-vbeozl0q4m] {
    font-size: 1.25rem;
}

.pitch-look__row[b-vbeozl0q4m] {
    display: grid;
    grid-template-columns: 1.9rem minmax(0, 1fr);
    gap: 0.7rem;
    align-items: start;
    padding: 0.55rem 0;
    border-top: 1px dashed var(--bs-border-color);
}

.pitch-look__row strong[b-vbeozl0q4m] {
    color: var(--dmp-ink);
}

.pitch-look__mark[b-vbeozl0q4m] {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--dmp-display-font);
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1;
}

.pitch-look__column--plus .pitch-look__mark[b-vbeozl0q4m] {
    background: #198754;
    color: #fff;
}

.pitch-look__column--minus .pitch-look__mark[b-vbeozl0q4m] {
    background: var(--dmp-charcoal);
    color: #fff;
}

/* Their games in our collection that weren't played yet. */
.pitch-empty[b-vbeozl0q4m] {
    grid-column: 1 / -1;
    margin: 0;
    padding: 0.8rem 1rem;
    border: 1px dashed var(--bs-border-color);
    border-radius: 0.8rem;
    color: var(--dmp-charcoal);
}

.pitch-waiting[b-vbeozl0q4m] {
    margin-top: 1.8rem;
}

.pitch-waiting__title[b-vbeozl0q4m] {
    font-size: 1.3rem;
    margin-bottom: 0.3rem;
}

.pitch-waiting__list[b-vbeozl0q4m] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr));
    gap: 0.75rem;
    margin: 0;
}

/* Their other games: the not-yet-played list under the played cards. */
.pitch-games + .pitch-waiting__list[b-vbeozl0q4m] {
    margin-top: 1rem;
}

.pitch-waiting__game[b-vbeozl0q4m] {
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1fr);
    overflow: hidden;
    border: 1px dashed var(--dmp-wood);
    border-radius: 0.9rem;
    background: var(--dmp-card-bg);
}

.pitch-waiting__box[b-vbeozl0q4m] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 5.5rem;
    padding: 0.5rem;
    background: var(--dmp-turquoise-tint);
}

.pitch-waiting__box img[b-vbeozl0q4m] {
    max-width: 100%;
    max-height: 5rem;
    object-fit: contain;
    border-radius: 0.2rem;
}

.pitch-waiting__box[b-vbeozl0q4m]  .pitch-game__color {
    position: absolute;
    top: 0.3rem;
    left: 0.3rem;
}

.pitch-waiting__body[b-vbeozl0q4m] {
    display: grid;
    gap: 0.2rem;
    align-content: start;
    padding: 0.6rem 0.8rem;
}

.pitch-waiting__name[b-vbeozl0q4m] {
    font-family: var(--dmp-display-font);
    font-weight: 500;
    font-size: 1.05rem;
    color: var(--dmp-ink);
}

.pitch-waiting__planned[b-vbeozl0q4m] {
    font-size: 0.85rem;
    color: var(--dmp-charcoal);
}

/* Call to action on a wooden card, with the contact details on ivory. */
.pitch-cta[b-vbeozl0q4m] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: 1.5rem;
    align-items: center;
    padding: 1.7rem;
    border-radius: 1.4rem;
    background: var(--dmp-wood-dark);
    color: var(--dmp-ivory);
}

@media (max-width: 767.98px) {
    .pitch-cta[b-vbeozl0q4m] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.pitch-cta h2[b-vbeozl0q4m] {
    color: var(--dmp-ivory);
}

.pitch-cta p[b-vbeozl0q4m] {
    margin: 0.3rem 0 0;
}

.pitch-cta ul[b-vbeozl0q4m] {
    margin: 0.6rem 0 0;
    padding-left: 1.2rem;
}

.pitch-contact[b-vbeozl0q4m] {
    display: grid;
    gap: 0.35rem;
    padding: 1.1rem;
    border-radius: 1rem;
    background: var(--dmp-ivory);
    color: var(--dmp-ink);
}

.pitch-contact strong[b-vbeozl0q4m] {
    font-family: var(--dmp-display-font);
    font-weight: 500;
    font-size: 1.1rem;
}

.pitch-contact a[b-vbeozl0q4m] {
    color: var(--dmp-turquoise-ink);
    font-weight: 700;
}

/* Our motto, the same in every language. */
.pitch-contact__quote[b-vbeozl0q4m] {
    margin-top: 0.3rem;
    font-family: var(--dmp-display-font);
    font-size: 1.05rem;
    color: var(--dmp-turquoise-ink);
}

/* Foldable sections (your games, colour code): the summary shows the title and intro with a chevron. */
.pitch-fold__summary[b-vbeozl0q4m] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
    cursor: pointer;
    list-style: none;
}

.pitch-fold__summary[b-vbeozl0q4m]::-webkit-details-marker {
    display: none;
}

.pitch-fold__summary[b-vbeozl0q4m]::after {
    content: "";
    flex: none;
    width: 0.8rem;
    height: 0.8rem;
    margin-top: 0.7rem;
    border-right: 3px solid var(--dmp-wood-dark);
    border-bottom: 3px solid var(--dmp-wood-dark);
    transform: rotate(45deg);
    transition: transform 0.15s;
}

.pitch-fold[open] > .pitch-fold__summary[b-vbeozl0q4m]::after {
    transform: rotate(225deg);
}

.pitch-fold__summary:focus-visible[b-vbeozl0q4m] {
    outline: 3px solid var(--dmp-turquoise);
    outline-offset: 4px;
    border-radius: 0.4rem;
}

.pitch-fold:not([open]) .pitch-lead[b-vbeozl0q4m] {
    margin-bottom: 0;
}

/* In the narrower game cards: the four accessibility aspects in two columns. */
.pitch-game__body[b-vbeozl0q4m]  .access-facts__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 399.98px) {
    .pitch-game__body[b-vbeozl0q4m]  .access-facts__list {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* "Where we played it" in a game card: the report for this game, closed until tapped. One row per event. */
.pitch-plays[b-vbeozl0q4m] {
    padding-top: 0.6rem;
    border-top: 1px dashed var(--bs-border-color);
}

.pitch-plays__summary[b-vbeozl0q4m] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    list-style: none;
    font-family: var(--dmp-display-font);
    font-weight: 500;
    color: var(--dmp-turquoise-ink);
}

.pitch-plays__summary[b-vbeozl0q4m]::-webkit-details-marker {
    display: none;
}

.pitch-plays__summary[b-vbeozl0q4m]::before {
    content: "";
    flex: none;
    width: 0.5rem;
    height: 0.5rem;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(-45deg);
    transition: transform 0.15s;
}

.pitch-plays[open] > .pitch-plays__summary[b-vbeozl0q4m]::before {
    transform: rotate(45deg);
}

.pitch-plays__summary:focus-visible[b-vbeozl0q4m] {
    outline: 3px solid var(--dmp-turquoise);
    outline-offset: 3px;
    border-radius: 0.3rem;
}

.pitch-plays__list[b-vbeozl0q4m] {
    display: grid;
    gap: 0.5rem;
    margin: 0.6rem 0 0;
    padding: 0;
}

.pitch-play[b-vbeozl0q4m] {
    display: grid;
    grid-template-columns: 6.5rem minmax(0, 1fr) auto;
    gap: 0.4rem 0.75rem;
    align-items: center;
    padding: 0.55rem 0.7rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.75rem;
    background: #fff;
}

.pitch-play__date[b-vbeozl0q4m] {
    font-size: 0.85rem;
    color: var(--dmp-charcoal);
}

.pitch-play__text[b-vbeozl0q4m] {
    display: grid;
    min-width: 0;
}

.pitch-play__title[b-vbeozl0q4m] {
    font-weight: 600;
    color: var(--dmp-ink);
}

.pitch-play__meta[b-vbeozl0q4m] {
    font-size: 0.85rem;
    color: var(--dmp-charcoal);
}

.pitch-play__photos[b-vbeozl0q4m] {
    display: flex;
    gap: 0.3rem;
}

.pitch-play__photos[b-vbeozl0q4m]  .pitch-play__photo {
    width: 3rem;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 0.4rem;
}

/* Phones: date above the title, photos below. */
@media (max-width: 575.98px) {
    .pitch-play[b-vbeozl0q4m] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Support.razor.rz.scp.css */
/* Steun ons: where the support goes (three tiles), money and games side by side as two cards, and a closing thank-you. */
.support-where[b-0dyhdosnqh] {
    max-width: 64rem;
    margin: 0 auto;
    padding-top: 3.5rem;
}

.support-where__list[b-0dyhdosnqh] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.support-where__item[b-0dyhdosnqh] {
    padding: 1.4rem 1.5rem;
    border: 1px solid #e6dfc7;
    border-radius: 1.2rem;
    background: var(--dmp-card-bg);
}

.support-where__icon[b-0dyhdosnqh],
.support-card__icon[b-0dyhdosnqh] {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    margin-bottom: 0.8rem;
    border-radius: 50%;
    background: var(--dmp-turquoise);
    color: var(--dmp-ink);
}

.support-where h3[b-0dyhdosnqh] {
    font-size: 1.2rem;
    margin-bottom: 0.4rem;
}

.support-where p[b-0dyhdosnqh] {
    color: var(--dmp-charcoal);
}

.support-ways[b-0dyhdosnqh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
    max-width: 64rem;
    margin: 3rem auto 0;
}

.support-card[b-0dyhdosnqh] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 2rem;
    border: 1px solid #e6dfc7;
    border-top: 6px solid var(--dmp-wood);
    border-radius: 1.4rem;
    background: var(--dmp-card-bg);
}

.support-card h2[b-0dyhdosnqh] {
    font-size: clamp(1.5rem, 2.6vw, 1.9rem);
}

.support-card h3[b-0dyhdosnqh] {
    font-size: 1.1rem;
    margin-bottom: 0.4rem;
}

.support-card__checks[b-0dyhdosnqh] {
    padding-left: 1.2rem;
}

.support-card__checks li[b-0dyhdosnqh]::marker {
    color: var(--dmp-turquoise-ink);
}

/* Small print at the bottom of a card (no ANBI, publishers). */
.support-card__note[b-0dyhdosnqh] {
    margin: auto 0 0;
    padding-top: 1.2rem;
    font-size: 0.9rem;
    color: var(--dmp-charcoal);
}

.support-bank[b-0dyhdosnqh] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    align-items: center;
    margin-bottom: 1rem;
}

.support-bank__details dt[b-0dyhdosnqh] {
    font-family: var(--dmp-display-font);
    font-weight: 500;
    color: var(--dmp-charcoal);
}

.support-bank__details dd[b-0dyhdosnqh] {
    margin-bottom: 0.6rem;
}

/* Easy to read and to copy by hand. */
.support-bank__iban[b-0dyhdosnqh] {
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.support-bank__qr[b-0dyhdosnqh] {
    max-width: 150px;
    text-align: center;
}

.support-bank__qr figcaption[b-0dyhdosnqh] {
    margin-top: 0.4rem;
    font-size: 0.85rem;
    color: var(--dmp-charcoal);
}

/* Closing card, like the one on the FAQ page. */
.support-thanks[b-0dyhdosnqh] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 2rem;
    align-items: center;
    max-width: 64rem;
    margin: 3rem auto 2rem;
    padding: 2.4rem;
    border: 1px solid #e6dfc7;
    border-radius: 1.6rem;
    background: var(--dmp-turquoise-tint);
}

.support-thanks__mark[b-0dyhdosnqh] {
    width: 7rem;
    height: auto;
}

.support-thanks h2[b-0dyhdosnqh] {
    font-size: clamp(1.6rem, 3vw, 2.1rem);
}

.support-thanks p[b-0dyhdosnqh] {
    max-width: 40em;
}

@media (max-width: 767.98px) {
    .support-where__list[b-0dyhdosnqh],
    .support-ways[b-0dyhdosnqh] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 575.98px) {
    .support-card[b-0dyhdosnqh] {
        padding: 1.4rem;
    }

    .support-thanks[b-0dyhdosnqh] {
        grid-template-columns: minmax(0, 1fr);
        padding: 1.6rem;
    }

    .support-thanks__mark[b-0dyhdosnqh] {
        width: 5rem;
    }
}
/* /Components/Pages/Volunteer.razor.rz.scp.css */
/* Word vrijwilliger: the one task, three tiles with what crew gets, who we look for and how to sign up as two cards,
   and a closing card. Same build-up as Steun ons. */
.volunteer-task[b-w6cmhqpkh6] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1.5rem;
    align-items: center;
    max-width: 64rem;
    margin: 3.5rem auto 0;
    padding: 1.8rem 2rem;
    border: 1px solid #e6dfc7;
    border-left: 6px solid var(--dmp-wood);
    border-radius: 1.4rem;
    background: var(--dmp-card-bg);
}

.volunteer-task h2[b-w6cmhqpkh6] {
    font-size: clamp(1.4rem, 2.4vw, 1.8rem);
}

.volunteer-task__icon[b-w6cmhqpkh6],
.volunteer-get__icon[b-w6cmhqpkh6],
.volunteer-card__icon[b-w6cmhqpkh6] {
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--dmp-turquoise);
    color: var(--dmp-ink);
}

.volunteer-task__icon[b-w6cmhqpkh6] {
    width: 4.2rem;
    height: 4.2rem;
}

.volunteer-get__icon[b-w6cmhqpkh6],
.volunteer-card__icon[b-w6cmhqpkh6] {
    width: 3rem;
    height: 3rem;
    margin-bottom: 0.8rem;
}

.volunteer-get[b-w6cmhqpkh6] {
    max-width: 64rem;
    margin: 0 auto;
    padding-top: 3rem;
}

.volunteer-get__list[b-w6cmhqpkh6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.volunteer-get__item[b-w6cmhqpkh6] {
    padding: 1.4rem 1.5rem;
    border: 1px solid #e6dfc7;
    border-radius: 1.2rem;
    background: var(--dmp-card-bg);
}

.volunteer-get h3[b-w6cmhqpkh6] {
    font-size: 1.2rem;
    margin-bottom: 0.4rem;
}

.volunteer-get p[b-w6cmhqpkh6] {
    color: var(--dmp-charcoal);
}

.volunteer-ways[b-w6cmhqpkh6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
    max-width: 64rem;
    margin: 3rem auto 0;
}

.volunteer-card[b-w6cmhqpkh6] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 2rem;
    border: 1px solid #e6dfc7;
    border-top: 6px solid var(--dmp-wood);
    border-radius: 1.4rem;
    background: var(--dmp-card-bg);
}

.volunteer-card h2[b-w6cmhqpkh6] {
    font-size: clamp(1.5rem, 2.6vw, 1.9rem);
}

.volunteer-card__checks[b-w6cmhqpkh6] {
    padding-left: 1.2rem;
}

.volunteer-card__checks li[b-w6cmhqpkh6] {
    margin-bottom: 0.4rem;
}

.volunteer-card__checks li[b-w6cmhqpkh6]::marker {
    color: var(--dmp-turquoise-ink);
}

/* Three ways to sign up: the way as a link, the address or a short explanation below it. */
.volunteer-card__steps[b-w6cmhqpkh6] {
    padding-left: 1.4rem;
}

.volunteer-card__steps li[b-w6cmhqpkh6] {
    margin-bottom: 0.7rem;
}

.volunteer-card__steps li[b-w6cmhqpkh6]::marker {
    color: var(--dmp-turquoise-ink);
    font-family: var(--dmp-display-font);
    font-weight: 700;
}

.volunteer-card__steps a[b-w6cmhqpkh6] {
    font-family: var(--dmp-display-font);
    font-weight: 500;
}

.volunteer-card__detail[b-w6cmhqpkh6] {
    display: block;
    font-size: 0.92rem;
    color: var(--dmp-charcoal);
}

/* Closing card, like the one on Steun ons and the FAQ page. */
.volunteer-thanks[b-w6cmhqpkh6] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 2rem;
    align-items: center;
    max-width: 64rem;
    margin: 3rem auto 2rem;
    padding: 2.4rem;
    border: 1px solid #e6dfc7;
    border-radius: 1.6rem;
    background: var(--dmp-turquoise-tint);
}

.volunteer-thanks__mark[b-w6cmhqpkh6] {
    width: 7rem;
    height: auto;
}

.volunteer-thanks h2[b-w6cmhqpkh6] {
    font-size: clamp(1.6rem, 3vw, 2.1rem);
}

.volunteer-thanks p[b-w6cmhqpkh6] {
    max-width: 40em;
}

@media (max-width: 767.98px) {
    .volunteer-get__list[b-w6cmhqpkh6],
    .volunteer-ways[b-w6cmhqpkh6] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 575.98px) {
    .volunteer-task[b-w6cmhqpkh6],
    .volunteer-card[b-w6cmhqpkh6] {
        padding: 1.4rem;
    }

    .volunteer-task[b-w6cmhqpkh6] {
        grid-template-columns: minmax(0, 1fr);
        gap: 1rem;
    }

    .volunteer-thanks[b-w6cmhqpkh6] {
        grid-template-columns: minmax(0, 1fr);
        padding: 1.6rem;
    }

    .volunteer-thanks__mark[b-w6cmhqpkh6] {
        width: 5rem;
    }
}
/* /Components/Pages/Workshop.razor.rz.scp.css */
/* Workshop aanvragen: how it works (three tiles), who teaches and the practical facts as two cards, the request card
   and links to the other ways to join in. Same build-up as Steun ons and Word vrijwilliger. */
.workshop-how[b-fbxlb2d7jz] {
    max-width: 64rem;
    margin: 0 auto;
    padding-top: 3.5rem;
}

.workshop-how__list[b-fbxlb2d7jz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.workshop-how__item[b-fbxlb2d7jz] {
    padding: 1.4rem 1.5rem;
    border: 1px solid #e6dfc7;
    border-radius: 1.2rem;
    background: var(--dmp-card-bg);
}

.workshop-how__icon[b-fbxlb2d7jz],
.workshop-card__icon[b-fbxlb2d7jz] {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    margin-bottom: 0.8rem;
    border-radius: 50%;
    background: var(--dmp-turquoise);
    color: var(--dmp-ink);
}

.workshop-how h3[b-fbxlb2d7jz] {
    font-size: 1.2rem;
    margin-bottom: 0.4rem;
}

.workshop-how p[b-fbxlb2d7jz] {
    color: var(--dmp-charcoal);
}

.workshop-cards[b-fbxlb2d7jz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
    max-width: 64rem;
    margin: 3rem auto 0;
}

.workshop-card[b-fbxlb2d7jz] {
    padding: 2rem;
    border: 1px solid #e6dfc7;
    border-top: 6px solid var(--dmp-wood);
    border-radius: 1.4rem;
    background: var(--dmp-card-bg);
}

.workshop-card h2[b-fbxlb2d7jz] {
    font-size: clamp(1.5rem, 2.6vw, 1.9rem);
}

.workshop-card__facts dt[b-fbxlb2d7jz] {
    font-family: var(--dmp-display-font);
    font-weight: 500;
    color: var(--dmp-charcoal);
}

.workshop-card__facts dd[b-fbxlb2d7jz] {
    margin-bottom: 0.6rem;
}

/* The request: turquoise closing card with the four things to put in the mail. */
.workshop-request[b-fbxlb2d7jz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 2rem;
    align-items: center;
    max-width: 64rem;
    margin: 3rem auto 0;
    padding: 2.4rem;
    border: 1px solid #e6dfc7;
    border-radius: 1.6rem;
    background: var(--dmp-turquoise-tint);
}

.workshop-request h2[b-fbxlb2d7jz] {
    font-size: clamp(1.6rem, 3vw, 2.1rem);
}

.workshop-request__fields[b-fbxlb2d7jz] {
    padding-left: 1.4rem;
}

.workshop-request__fields li[b-fbxlb2d7jz] {
    margin-bottom: 0.4rem;
}

.workshop-request__fields li[b-fbxlb2d7jz]::marker {
    color: var(--dmp-turquoise-ink);
    font-family: var(--dmp-display-font);
    font-weight: 700;
}

.workshop-request__fields span[b-fbxlb2d7jz] {
    color: var(--dmp-charcoal);
}

.workshop-request__mark[b-fbxlb2d7jz] {
    width: 7rem;
    height: auto;
}

.workshop-more[b-fbxlb2d7jz] {
    max-width: 64rem;
    margin: 1rem auto 0;
}

.workshop-more:last-child[b-fbxlb2d7jz] {
    margin-bottom: 2rem;
}

@media (max-width: 767.98px) {
    .workshop-how__list[b-fbxlb2d7jz],
    .workshop-cards[b-fbxlb2d7jz] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 575.98px) {
    .workshop-card[b-fbxlb2d7jz] {
        padding: 1.4rem;
    }

    .workshop-request[b-fbxlb2d7jz] {
        grid-template-columns: minmax(0, 1fr);
        padding: 1.6rem;
    }

    .workshop-request__mark[b-fbxlb2d7jz] {
        display: none;
    }
}
/* /Components/Pages/YearInNumbers.razor.rz.scp.css */
/* Ons jaar in cijfers: year picker, number tiles (icon, big number, label), top 5 games, a photo grid and a closing
   card. Same build-up as the other "about" pages. */
.year-picker[b-mv49k688ij] {
    display: flex;
    justify-content: center;
    width: fit-content;
    max-width: 100%;
    margin: 2.5rem auto 0;
}

.year-empty[b-mv49k688ij] {
    max-width: 52rem;
    margin: 3rem auto 0;
    text-align: center;
    color: var(--dmp-charcoal);
}

.year-numbers[b-mv49k688ij] {
    max-width: 64rem;
    margin: 0 auto;
    padding-top: 2.5rem;
}

.year-numbers__note[b-mv49k688ij] {
    margin-top: -0.5rem;
    color: var(--dmp-charcoal);
}

.year-numbers__grid[b-mv49k688ij] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: 1rem;
}

/* Number first, label below: the markup keeps <dt> before <dd>, the order puts the number on top. */
.year-numbers__item[b-mv49k688ij] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.4rem 1.5rem;
    border: 1px solid #e6dfc7;
    border-top: 6px solid var(--dmp-wood);
    border-radius: 1.2rem;
    background: var(--dmp-card-bg);
}

.year-numbers__icon[b-mv49k688ij] {
    order: -2;
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    margin-bottom: 0.6rem;
    border-radius: 50%;
    background: var(--dmp-turquoise);
    color: var(--dmp-ink);
}

.year-numbers__item dd[b-mv49k688ij] {
    order: -1;
    margin: 0;
    font-family: var(--dmp-display-font);
    font-weight: 700;
    font-size: clamp(2.2rem, 5vw, 3rem);
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
    color: var(--dmp-ink);
}

.year-numbers__item dt[b-mv49k688ij] {
    font-family: var(--dmp-display-font);
    font-weight: 500;
    font-size: 1.1rem;
}

.year-numbers__detail[b-mv49k688ij] {
    margin-top: 0.3rem;
    font-size: 0.92rem;
    color: var(--dmp-charcoal);
}

.year-top[b-mv49k688ij] {
    max-width: 64rem;
    margin: 0 auto;
    padding-top: 3rem;
}

.year-top__list[b-mv49k688ij] {
    display: grid;
    gap: 0.7rem;
}

.year-top__item[b-mv49k688ij] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.8rem 1.2rem;
    border: 1px solid #e6dfc7;
    border-radius: 1.2rem;
    background: var(--dmp-card-bg);
}

.year-top__rank[b-mv49k688ij] {
    display: grid;
    flex: none;
    place-items: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background: var(--dmp-wood-dark);
    color: var(--dmp-ivory);
    font-family: var(--dmp-display-font);
    font-weight: 700;
    font-size: 1.1rem;
}

.year-top__image[b-mv49k688ij] {
    flex: none;
    width: 3.5rem;
    height: 3.5rem;
    object-fit: cover;
    border-radius: 0.6rem;
    background: var(--dmp-ivory);
}

.year-top__name[b-mv49k688ij] {
    display: block;
    font-family: var(--dmp-display-font);
    font-weight: 600;
    font-size: 1.15rem;
}

.year-top__count[b-mv49k688ij] {
    color: var(--dmp-charcoal);
    font-size: 0.95rem;
}

.year-photos[b-mv49k688ij] {
    max-width: 64rem;
    margin: 0 auto;
    padding-top: 3rem;
}

.year-photos__grid[b-mv49k688ij] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
}

.year-photos__grid a[b-mv49k688ij] {
    display: block;
    overflow: hidden;
    border-radius: 1rem;
    aspect-ratio: 4 / 3;
    background: var(--dmp-card-bg);
}

.year-photos__grid img[b-mv49k688ij] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.2s ease;
}

.year-photos__grid a:hover img[b-mv49k688ij],
.year-photos__grid a:focus-visible img[b-mv49k688ij] {
    transform: scale(1.04);
}

/* Closing card, like the one on Steun ons and the FAQ page. */
.year-closing[b-mv49k688ij] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 2rem;
    align-items: center;
    max-width: 64rem;
    margin: 3rem auto 2rem;
    padding: 2.4rem;
    border: 1px solid #e6dfc7;
    border-radius: 1.6rem;
    background: var(--dmp-turquoise-tint);
}

.year-closing__mark[b-mv49k688ij] {
    width: 7rem;
    height: auto;
}

.year-closing h2[b-mv49k688ij] {
    font-size: clamp(1.6rem, 3vw, 2.1rem);
}

.year-closing p[b-mv49k688ij] {
    max-width: 40em;
}

@media (max-width: 767.98px) {
    .year-photos__grid[b-mv49k688ij] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .year-closing[b-mv49k688ij] {
        grid-template-columns: minmax(0, 1fr);
        padding: 1.6rem;
    }

    .year-closing__mark[b-mv49k688ij] {
        width: 5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .year-photos__grid img[b-mv49k688ij] {
        transition: none;
    }
}
/* /Components/Shared/AddressAutocomplete.razor.rz.scp.css */
.address-autocomplete[b-ufz2v1fsum] {
    position: relative;
}

.address-autocomplete__popup[b-ufz2v1fsum] {
    padding-bottom: 0;
}

.address-autocomplete__attribution[b-ufz2v1fsum] {
    margin-top: 0.25rem;
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
    color: var(--bs-secondary-color, #6c757d);
    text-align: right;
    border-top: 1px solid var(--bs-border-color, #dee2e6);
}
/* /Components/Shared/BarChart.razor.rz.scp.css */
.bar-chart[b-dkpplbui8r] {
    height: 100%;
    margin: 0;
    padding: 1rem 1rem 0.5rem;
    background: var(--dmp-card-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius-lg, 0.5rem);
}

.bar-chart__head[b-dkpplbui8r] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    margin-bottom: 0.75rem;
    color: var(--dmp-ink);
}

.bar-chart__legend[b-dkpplbui8r] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.875rem;
}

.bar-chart__legend li[b-dkpplbui8r] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.bar-chart__swatch[b-dkpplbui8r] {
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 3px;
}

.bar-chart__scroll[b-dkpplbui8r] {
    overflow-x: auto;
}

.bar-chart svg[b-dkpplbui8r] {
    display: block;
    width: 100%;
    height: auto;
}

.bar-chart text[b-dkpplbui8r] {
    font-family: var(--dmp-font-family, sans-serif);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    fill: var(--dmp-charcoal);
}

.bar-chart .bar-chart__value[b-dkpplbui8r] {
    font-weight: 600;
    fill: var(--dmp-ink);
}

.bar-chart__grid[b-dkpplbui8r] {
    stroke: #e8e3cf;
    stroke-width: 1;
}

.bar-chart__baseline[b-dkpplbui8r] {
    stroke: var(--dmp-charcoal);
    stroke-width: 1;
}

.bar-chart__hit[b-dkpplbui8r] {
    fill: transparent;
}

.bar-chart__bar:hover .bar-chart__hit[b-dkpplbui8r] {
    fill: rgba(170, 132, 90, 0.1);
}
/* /Components/Shared/ColorCodeBadge.razor.rz.scp.css */
/* White round tile, border in the color code, meeple in the menu colour. */
.dmp-color[b-gbfiwvg2ls] {
    --dmp-color-code: #6c757d;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--dmp-color-size, 28px);
    height: var(--dmp-color-size, 28px);
    border-radius: 50%;
    border: max(2px, calc(var(--dmp-color-size, 28px) * 0.09)) solid var(--dmp-color-code);
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    flex: none;
}

.dmp-color__meeple[b-gbfiwvg2ls] {
    width: 62%;
    height: 62%;
    background: var(--dmp-sidebar-bg, #50d0c3);
    -webkit-mask: url("images/meeple-192.png") center / contain no-repeat;
    mask: url("images/meeple-192.png") center / contain no-repeat;
}

.dmp-color--green[b-gbfiwvg2ls] {
    --dmp-color-code: #198754;
}

.dmp-color--yellow[b-gbfiwvg2ls] {
    --dmp-color-code: #ffc107;
}

.dmp-color--red[b-gbfiwvg2ls] {
    --dmp-color-code: #dc3545;
}

.dmp-color--black[b-gbfiwvg2ls] {
    --dmp-color-code: #212529;
}

/* No color code yet: grey dashed border, muted meeple. */
.dmp-color--none[b-gbfiwvg2ls] {
    --dmp-color-code: #adb5bd;
    border-style: dashed;
    box-shadow: none;
}

.dmp-color--none .dmp-color__meeple[b-gbfiwvg2ls] {
    background: #adb5bd;
}
/* /Components/Shared/HiddenPage.razor.rz.scp.css */
/* Bar at the bottom of a switched-off page, for the board only. Stays in view while scrolling. */
.hidden-page-bar[b-c4w3kxip5o] {
    position: sticky;
    bottom: 1rem;
    z-index: 1020;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
    width: fit-content;
    max-width: 100%;
    margin: 2rem auto 0;
    padding: 0.7rem 1.2rem;
    color: var(--dmp-ink);
    background: var(--dmp-turquoise-tint);
    border: 1px solid var(--dmp-turquoise);
    border-left: 5px solid var(--dmp-wood);
    border-radius: var(--bs-border-radius-lg);
    box-shadow: 0 0.4rem 1.2rem rgb(43 43 40 / 0.15);
    font-family: var(--dmp-display-font);
}

.hidden-page-bar a[b-c4w3kxip5o] {
    color: var(--dmp-turquoise-ink);
    font-weight: 600;
}
/* /Components/Shared/NewBadge.razor.rz.scp.css */
.dmp-new-badge[b-r1cvk0sz8a] {
    display: inline-block;
    background: var(--dmp-turquoise);
    color: var(--dmp-ink);
    font-family: var(--dmp-display-font);
    font-weight: 600;
    font-size: 0.8rem;
    line-height: 1.2;
    border-radius: 50rem;
    padding: 0.2rem 0.7rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    white-space: nowrap;
}
/* /Components/Shared/PageHero.razor.rz.scp.css */
/* Full-width band inside the layout's container (html/body clip the overflow); the layout's main has padding at the top,
   so the band moves up to start right under the menu. */
.page-hero[b-e9rzur5xgn] {
    position: relative;
    margin-inline: calc(50% - 50vw);
    margin-top: -1.5rem;
    background: var(--dmp-turquoise);
    overflow: hidden;
}

/* The logo meeple large and pale behind the text, as on the home page. */
.page-hero__mark[b-e9rzur5xgn] {
    position: absolute;
    right: -6rem;
    bottom: -8rem;
    width: 30rem;
    max-width: none;
    opacity: 0.35;
    filter: brightness(1.9) saturate(0.4);
    pointer-events: none;
}

.page-hero__inner[b-e9rzur5xgn] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    gap: 2.5rem;
    align-items: center;
    padding-block: 3.5rem 4rem;
}

.page-hero__eyebrow[b-e9rzur5xgn] {
    margin-bottom: 0.3rem;
    font-family: var(--dmp-display-font);
    font-weight: 600;
    font-size: 0.85rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--dmp-wood-darker);
}

/* Ivory with a dark outline, like the lettering in the logo. */
.page-hero__title[b-e9rzur5xgn] {
    font-size: clamp(2.6rem, 6vw, 4.2rem);
    font-weight: 700;
    line-height: 1.05;
    color: var(--dmp-ivory);
    -webkit-text-stroke: 3px var(--dmp-ink);
    paint-order: stroke fill;
    margin-bottom: 1.1rem;
}

.page-hero__quote[b-e9rzur5xgn] {
    margin-bottom: 0;
    font-family: var(--dmp-display-font);
    font-weight: 600;
    font-size: clamp(1.15rem, 2.2vw, 1.45rem);
    line-height: 1.5;
    color: var(--dmp-ink);
}

/* The answers ("Gebarentaal.", …) on little ivory tiles, as on the home page. */
.page-hero__quote[b-e9rzur5xgn]  b {
    font-weight: 700;
    background: var(--dmp-ivory);
    padding: 0 0.4rem;
    border-radius: 0.45rem;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.page-hero__intro[b-e9rzur5xgn] {
    display: grid;
    gap: 0.8rem;
    padding: 1.5rem 1.6rem;
    border-radius: 1.2rem;
    background: var(--dmp-ivory);
    box-shadow: 0 10px 0 rgba(0, 0, 0, 0.12);
    color: var(--dmp-ink);
}

.page-hero__intro[b-e9rzur5xgn]  p {
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    .page-hero__inner[b-e9rzur5xgn] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 575.98px) {
    .page-hero__mark[b-e9rzur5xgn] {
        width: 18rem;
        right: -4rem;
        bottom: -5rem;
    }
}
/* /Components/Shared/PhotoLightbox.razor.rz.scp.css */
.photo-lightbox__link[b-gxs1mzuoxk] {
    display: block;
    cursor: zoom-in;
}

.photo-lightbox__content[b-gxs1mzuoxk] {
    position: relative;
    background: transparent;
    border: 0;
}

.photo-lightbox__image[b-gxs1mzuoxk] {
    display: block;
    max-width: 100%;
    max-height: 85vh;
    margin: 0 auto;
    border-radius: var(--bs-border-radius);
    object-fit: contain;
}

/* Dark X on a light round button, so it stays visible on any photo. */
.photo-lightbox__close[b-gxs1mzuoxk] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 1;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.9);
    background-size: 0.9rem;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.3);
    opacity: 1;
}
/* /Components/Shared/TagSearch.razor.rz.scp.css */
.tag-search__box[b-9kjj9nmvsg] {
    flex: 1 1 18rem;
    min-height: calc(1.5em + 0.75rem + 2px);
    cursor: text;
}

.tag-search__box:focus-within[b-9kjj9nmvsg] {
    border-color: var(--dmp-turquoise);
    box-shadow: 0 0 0 0.25rem rgba(102, 193, 191, 0.35);
}

.tag-search__tag[b-9kjj9nmvsg] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.875rem;
    font-weight: 500;
}

.tag-search__remove[b-9kjj9nmvsg] {
    color: inherit;
    text-decoration: none;
    line-height: 1;
    opacity: 0.8;
}

.tag-search__remove:hover[b-9kjj9nmvsg],
.tag-search__remove:focus[b-9kjj9nmvsg] {
    opacity: 1;
}

.tag-search__input[b-9kjj9nmvsg] {
    flex: 1 1 8rem;
    min-width: 8rem;
    border: 0;
    outline: 0;
    padding: 0;
    background: transparent;
}
/* /Components/Shared/TranslationEditor.razor.rz.scp.css */
.translation-item[b-j0nx5awqan] {
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
}

.translation-item__summary[b-j0nx5awqan] {
    padding: 0.5rem 0.75rem;
    cursor: pointer;
}

.translation-item__form[b-j0nx5awqan] {
    padding: 0 0.75rem 0.75rem;
}
/* /Components/Shared/VideoLightbox.razor.rz.scp.css */
.video-lightbox__link[b-iyrf977xbt] {
    display: block;
}

.video-lightbox__content[b-iyrf977xbt] {
    overflow: hidden;
    background: #000;
    border: 0;
}

/* Note on where it plays, the link to the platform and the close button, above the player. */
.video-lightbox__bar[b-iyrf977xbt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.5rem 0.75rem;
    color: rgba(255, 255, 255, 0.85);
}

.video-lightbox__bar a[b-iyrf977xbt] {
    color: #fff;
}

.video-lightbox__frame[b-iyrf977xbt] {
    display: block;
    width: 100%;
    border: 0;
    background: #000;
}

.video-lightbox__frame--wide[b-iyrf977xbt] {
    aspect-ratio: 16 / 9;
}

/* Shorts: 9:16, as tall as fits. */
.video-lightbox__frame--vertical[b-iyrf977xbt] {
    height: min(80vh, 760px);
    width: calc(min(80vh, 760px) * 9 / 16);
    max-width: 100%;
    margin: 0 auto;
}

/*
   Instagram: only the video of Instagram's embed page. The box has the video's shape (9:16, as tall as fits); the frame
   inside is moved up by the height of Instagram's header and made taller than the box, so the header (top) and the
   footer with likes and comments (bottom) fall outside it and are clipped. Adjust --ig-header if Instagram's header
   changes height (a strip of it showing: increase; the top of the video cut off: decrease).
*/
.video-lightbox__dialog--instagram[b-iyrf977xbt] {
    max-width: fit-content;
}

.video-lightbox__instagram[b-iyrf977xbt] {
    --ig-header: 54px;
    --ig-footer: 260px;
    --ig-height: min(82vh, 740px);
    position: relative;
    overflow: hidden;
    height: var(--ig-height);
    width: min(calc(var(--ig-height) * 9 / 16), calc(100vw - 2rem));
    background: #000;
}

.video-lightbox__instagram-frame[b-iyrf977xbt] {
    position: absolute;
    top: calc(-1 * var(--ig-header));
    left: 0;
    width: 100%;
    height: calc(var(--ig-height) + var(--ig-header) + var(--ig-footer));
    border: 0;
}

/* Floating close button (Instagram has no bar), on a dark circle so it shows on any video. */
.video-lightbox__close[b-iyrf977xbt] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 1;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.6);
    background-size: 0.8rem;
    opacity: 1;
}
/* /Components/Shared/VideoPlayer.razor.rz.scp.css */
/*
   The video takes its own shape from the file (upright phone video or landscape), scaled down to fit: at most the
   column's width and at most 440px tall, centred. Until the file's size is known the browser uses a small default box.
*/
.video-player[b-kpeqt2m6xf] {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 440px;
    margin: 0 auto;
    background: #000;
    border-radius: var(--bs-border-radius);
}
/* /Components/Shared/VideoStill.razor.rz.scp.css */
.video-still[b-8hl6e0kqja] {
    position: relative;
    display: block;
    height: 220px;
    overflow: hidden;
    border-radius: var(--bs-border-radius);
    background: #102a27;
}

.video-still__image[b-8hl6e0kqja],
.video-still__placeholder[b-8hl6e0kqja] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* No still: the platform's colours. */
.video-still__placeholder--youtube[b-8hl6e0kqja] {
    background: linear-gradient(135deg, #282828, #ff0033);
}

.video-still__placeholder--instagram[b-8hl6e0kqja] {
    background: linear-gradient(45deg, #feda75, #fa7e1e 25%, #d62976 50%, #962fbf 75%, #4f5bd5);
}

.video-still__play[b-8hl6e0kqja] {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    transform: translate(-50%, -50%);
    transition: background-color 0.15s ease, transform 0.15s ease;
}

/* The play triangle sits a little right of centre, like on a real play button. */
.video-still__play[b-8hl6e0kqja]  .dmp-icon {
    margin-left: 0.2rem;
}

.video-still__platform[b-8hl6e0kqja] {
    position: absolute;
    left: 0.5rem;
    bottom: 0.5rem;
    padding: 0.1rem 0.45rem;
    border-radius: 0.25rem;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 600;
}

a:hover .video-still__play[b-8hl6e0kqja],
a:focus-visible .video-still__play[b-8hl6e0kqja] {
    background: #44b1a6;
    transform: translate(-50%, -50%) scale(1.08);
}