:where(.k2fc-kursliste, .k2fc-former, .k2fc-form-panel, .k2fc-kursdatoer, .k2fc-moduler, .k2fc-pamelding, .k2fc-pameldingspanel, .k2fc-info-request) {
    color: var(--wp--preset--color--tekst);
    font-family: var(--wp--preset--font-family--brod);
    line-height: 1.6;

    [hidden] {
        display: none !important;
    }

    :focus-visible {
        outline: 3px solid var(--wp--preset--color--gronn);
        outline-offset: 4px;
    }

    & input:not([type="checkbox"], [type="radio"], [type="hidden"]),
    & select,
    & textarea {
        max-inline-size: 100%;
        min-block-size: 48px;
        padding: 12px 16px;
        border: 1px solid var(--wp--custom--farge--kant-valg);
        border-radius: var(--wp--custom--radius--s);
        background: var(--wp--preset--color--hvit);
        color: var(--wp--preset--color--tekst);
        font: inherit;
        line-height: 1.5;
    }

    & input:is([type="checkbox"], [type="radio"]) {
        inline-size: 20px;
        block-size: 20px;
        accent-color: var(--wp--preset--color--gronn);
    }

    & button:disabled {
        opacity: 0.6;
        cursor: not-allowed;
    }
}

:where(.k2fc-kursliste button, .k2fc-kursdatoer button, .k2fc-kursdatoer a, .k2fc-pamelding button, .k2fc-info-request button):not([hidden]) {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    min-block-size: 48px;
    max-inline-size: 100%;
    padding: 12px 24px;
    border: 1px solid transparent;
    border-radius: var(--wp--custom--radius--pille);
    background: var(--wp--preset--color--gronn);
    color: var(--wp--preset--color--hvit);
    font-family: var(--wp--preset--font-family--brod);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: var(--wp--custom--overgang);

    @media (min-width: 1280px) {
        min-block-size: 52px;
        padding-inline: 26px;
    }

    @media (hover: hover) {
        &:hover:not(:disabled) {
            background: var(--wp--preset--color--gronn-dyp);
            color: var(--wp--preset--color--hvit);
        }
    }
}

.k2fc-kursliste .wp-block-read-more {
    display: inline-flex;
    align-items: center;
    min-block-size: 44px;
    color: var(--wp--preset--color--gronn);
    font-size: 15px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.k2-pameldingsside {
    padding-block: var(--k2-seksjon);
    background: var(--wp--preset--color--flate);

    > .wp-block-group {
        max-width: 864px;
    }

    .wp-block-post-title {
        margin-block: 12px 32px;
        font-size: var(--wp--preset--font-size--xxl);
        line-height: 1.15;
        overflow-wrap: anywhere;
    }
}