/* /Components/Layout/MainLayout.razor.rz.scp.css */
.site-shell[b-sijrpvpngp] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.site-header[b-sijrpvpngp] {
    position: sticky;
    top: 0;
    z-index: 20;
    background: rgba(247, 245, 240, .94);
    border-bottom: 1px solid rgba(11, 18, 32, .1);
    backdrop-filter: blur(14px);
}

.header-inner[b-sijrpvpngp] {
    min-height: 4.75rem;
    display: flex;
    align-items: center;
    gap: 2rem;
}

.site-nav[b-sijrpvpngp] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 1.6rem;
}

.site-nav a[b-sijrpvpngp],
.site-nav[b-sijrpvpngp]  a {
    color: var(--navy-soft);
    font-size: .93rem;
    font-weight: 650;
    text-decoration: none;
}

.site-nav a:hover[b-sijrpvpngp],
.site-nav a:focus-visible[b-sijrpvpngp],
.site-nav[b-sijrpvpngp]  a:hover,
.site-nav[b-sijrpvpngp]  a:focus-visible,
.site-nav[b-sijrpvpngp]  a.active {
    color: var(--teal-dark);
}

.header-cta[b-sijrpvpngp] {
    white-space: nowrap;
    padding: .72rem 1rem;
    border-radius: .7rem;
    background: var(--navy);
    color: white;
    font-size: .9rem;
    font-weight: 700;
    text-decoration: none;
}

.header-cta:hover[b-sijrpvpngp] {
    background: var(--navy-soft);
    color: white;
}

main[b-sijrpvpngp] {
    flex: 1;
}

.site-footer[b-sijrpvpngp] {
    background: var(--navy);
    color: rgba(255, 255, 255, .75);
}

.footer-inner[b-sijrpvpngp] {
    min-height: 8.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

.footer-inner div[b-sijrpvpngp] {
    display: grid;
    gap: .25rem;
}

.footer-inner strong[b-sijrpvpngp] {
    color: white;
    font-size: 1.05rem;
}

.footer-inner a[b-sijrpvpngp] {
    color: var(--mint);
}

@media (max-width: 760px) {
    .header-inner[b-sijrpvpngp] {
        min-height: 4.2rem;
    }

    .site-nav[b-sijrpvpngp] {
        display: none;
    }

    .header-cta[b-sijrpvpngp] {
        margin-left: auto;
        padding: .64rem .8rem;
    }

    .footer-inner[b-sijrpvpngp] {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        gap: 1rem;
    }
}
/* /Components/Pages/Account/Login.razor.rz.scp.css */
.login-page[b-979epvj1pa] {
    position: relative;
    min-height: 100svh;
    display: grid;
    place-items: center;
    overflow: hidden;
    padding: 32px 20px;
    background: #081b36;
}

.login-backdrop[b-979epvj1pa] {
    position: absolute;
    inset: -20px;
    background:
        linear-gradient(rgba(8, 20, 38, .62), rgba(8, 20, 38, .72)),
        url('/images/ai-network-concept.png') center / cover no-repeat;
    filter: blur(5px);
    transform: scale(1.03);
}

.login-dialog[b-979epvj1pa] {
    position: relative;
    z-index: 1;
    width: min(100%, 520px);
    padding: 30px 32px 28px;
    border: 1px solid rgba(220, 228, 238, .9);
    border-radius: 18px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 28px 80px rgba(3, 13, 29, .38);
}

.dialog-header[b-979epvj1pa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.close-dialog[b-979epvj1pa] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #718096;
    font-size: 27px;
    font-weight: 300;
    line-height: 1;
    text-decoration: none;
    transition: background-color .16s ease, color .16s ease;
}

.close-dialog:hover[b-979epvj1pa] {
    background: #eef3f8;
    color: #081426;
}

.dialog-copy[b-979epvj1pa] {
    margin-top: 28px;
}

.dialog-copy h1[b-979epvj1pa] {
    margin: 0;
    color: #081426;
    font-family: "Funnel Sans", Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.1;
}

/* FocusOnNavigate (Routes.razor) focuses this h1 on load; suppress the browser outline. */
.dialog-copy h1:focus[b-979epvj1pa] {
    outline: none;
}

.dialog-copy p[b-979epvj1pa] {
    margin: 10px 0 0;
    color: #52627a;
    font-size: 16px;
    line-height: 1.5;
}

.login-providers[b-979epvj1pa] {
    display: grid;
    gap: 12px;
    margin-top: 24px;
}

.provider-button[b-979epvj1pa] {
    width: 100%;
    min-height: 50px;
    display: grid;
    grid-template-columns: 28px auto 28px;
    align-items: center;
    padding: 10px 18px;
    border: 1px solid #c8d4e3;
    border-radius: 9px;
    background: #fff;
    color: #17243b;
    cursor: pointer;
    font: inherit;
    font-size: 15px;
    font-weight: 650;
    text-align: center;
    transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.provider-button:hover[b-979epvj1pa] {
    border-color: #2457ff;
    background: #f7f9ff;
    box-shadow: 0 5px 16px rgba(36, 87, 255, .1);
    transform: translateY(-1px);
}

.microsoft-icon[b-979epvj1pa] {
    width: 20px;
    height: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2px;
}

.microsoft-icon i:nth-child(1)[b-979epvj1pa] { background: #f25022; }
.microsoft-icon i:nth-child(2)[b-979epvj1pa] { background: #7fba00; }
.microsoft-icon i:nth-child(3)[b-979epvj1pa] { background: #00a4ef; }
.microsoft-icon i:nth-child(4)[b-979epvj1pa] { background: #ffb900; }

.google-icon[b-979epvj1pa] {
    width: 22px;
    display: inline-block;
    background: conic-gradient(from -45deg, #4285f4 0 25%, #34a853 0 43%, #fbbc05 0 68%, #ea4335 0 86%, #4285f4 0);
    background-clip: text;
    color: transparent;
    font-family: Arial, sans-serif;
    font-size: 21px;
    font-weight: 800;
}

.linkedin-icon[b-979epvj1pa] {
    width: 21px;
    height: 21px;
    display: inline-grid;
    place-items: center;
    border-radius: 3px;
    background: #0a66c2;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
}

.login-note[b-979epvj1pa] {
    margin: 20px 6px 0;
    color: #718096;
    font-size: 13px;
    line-height: 1.45;
}

.login-providers label[b-979epvj1pa] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}

.login-providers input[type="checkbox"][b-979epvj1pa] {
    width: 18px;
    height: 18px;
    accent-color: #2563eb;
}

.login-providers .login-note[b-979epvj1pa] {
    margin: 0 0 8px 28px;
}

@media (max-width: 560px) {
    .login-page[b-979epvj1pa] {
        align-items: end;
        padding: 18px 12px;
    }

    .login-dialog[b-979epvj1pa] {
        padding: 24px 20px 22px;
        border-radius: 16px;
    }

    .dialog-copy[b-979epvj1pa] {
        margin-top: 24px;
    }

    .dialog-copy h1[b-979epvj1pa] {
        font-size: 29px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .close-dialog[b-979epvj1pa],
    .provider-button[b-979epvj1pa] {
        transition: none;
    }
}
/* /Components/Pages/AdgangAfventer.razor.rz.scp.css */
.gate-page[b-sxgy04oqid] {
    position: relative;
    min-height: 100svh;
    display: grid;
    place-items: center;
    overflow: hidden;
    padding: 32px 20px;
    background: #081b36;
}

.gate-backdrop[b-sxgy04oqid] {
    position: absolute;
    inset: -20px;
    background:
        linear-gradient(rgba(8, 20, 38, .62), rgba(8, 20, 38, .72)),
        url('/images/ai-network-concept.png') center / cover no-repeat;
    filter: blur(5px);
    transform: scale(1.03);
}

.gate-dialog[b-sxgy04oqid] {
    position: relative;
    z-index: 1;
    width: min(100%, 520px);
    padding: 30px 32px 28px;
    border: 1px solid rgba(220, 228, 238, .9);
    border-radius: 18px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 28px 80px rgba(3, 13, 29, .38);
}

/* ---- Header ------------------------------------------------------------- */
.gate-header[b-sxgy04oqid] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.gate-badge[b-sxgy04oqid] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 12px;
    border: 1px solid #f6c877;
    border-radius: 999px;
    background: #fef3e0;
    color: #9a5b08;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.gate-badge-dot[b-sxgy04oqid] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e08a0b;
}

/* ---- Copy --------------------------------------------------------------- */
.gate-copy[b-sxgy04oqid] {
    margin-top: 24px;
}

.gate-copy h1[b-sxgy04oqid] {
    margin: 0;
    color: #081426;
    font-family: "Funnel Sans", Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.1;
}

.gate-copy p[b-sxgy04oqid] {
    margin: 10px 0 0;
    color: #52627a;
    font-size: 16px;
    line-height: 1.5;
}

/* ---- Status callout ----------------------------------------------------- */
.gate-callout[b-sxgy04oqid] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 22px;
    padding: 14px;
    border: 1px solid #d3e0ff;
    border-radius: 10px;
    background: #eef4ff;
}

.gate-callout-icon[b-sxgy04oqid] {
    flex-shrink: 0;
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    background: rgba(36, 87, 255, .1);
    color: #2457ff;
}

.gate-callout-icon svg[b-sxgy04oqid] {
    width: 15px;
    height: 15px;
}

.gate-callout-title[b-sxgy04oqid] {
    margin: 0;
    color: #17243b;
    font-size: 13px;
    font-weight: 650;
}

.gate-callout-text[b-sxgy04oqid] {
    margin: 3px 0 0;
    color: #52627a;
    font-size: 13px;
    line-height: 1.45;
}

/* ---- Alerts ------------------------------------------------------------- */
.gate-alert[b-sxgy04oqid] {
    margin-top: 18px;
    padding: 12px 14px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.45;
}

.gate-alert-success[b-sxgy04oqid] {
    border-color: #b7e3cf;
    background: #e8f7ef;
    color: #1c6b45;
}

.gate-alert-danger[b-sxgy04oqid] {
    border-color: #f2c2c2;
    background: #fdeaea;
    color: #9a2c2c;
}

.gate-alert-warning[b-sxgy04oqid] {
    border-color: #f6dca0;
    background: #fdf4e1;
    color: #8a5b12;
}

/* ---- Form --------------------------------------------------------------- */
/* EditForm / InputText / InputTextArea render their own elements, which do not
   receive this component's scope attribute. Reach them with ::deep. */
.gate-dialog[b-sxgy04oqid]  .gate-form {
    display: grid;
    gap: 16px;
    margin-top: 22px;
}

.gate-dialog[b-sxgy04oqid]  .gate-field {
    display: grid;
    gap: 7px;
}

.gate-dialog[b-sxgy04oqid]  .gate-label {
    color: #17243b;
    font-size: 13px;
    font-weight: 600;
}

.gate-dialog[b-sxgy04oqid]  .gate-input {
    width: 100%;
    min-height: 46px;
    padding: 10px 14px;
    border: 1px solid #c8d4e3;
    border-radius: 9px;
    background: #fff;
    color: #17243b;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.gate-dialog[b-sxgy04oqid]  .gate-input::placeholder {
    color: #8a97a8;
}

.gate-dialog[b-sxgy04oqid]  .gate-input:focus {
    outline: none;
    border-color: #2457ff;
    box-shadow: 0 0 0 3px rgba(36, 87, 255, .12);
}

.gate-dialog[b-sxgy04oqid]  .gate-textarea {
    min-height: 96px;
    resize: vertical;
    line-height: 1.5;
}

.gate-submit[b-sxgy04oqid] {
    min-height: 50px;
    margin-top: 2px;
    border: 0;
    border-radius: 9px;
    background: #2457ff;
    color: #fff;
    font: inherit;
    font-size: 15px;
    font-weight: 650;
    cursor: pointer;
    transition: background-color .16s ease, transform .16s ease;
}

.gate-submit:hover:not(:disabled)[b-sxgy04oqid] {
    background: #1747e5;
    transform: translateY(-1px);
}

.gate-submit:disabled[b-sxgy04oqid] {
    opacity: .65;
    cursor: default;
}

.gate-loading[b-sxgy04oqid] {
    margin: 22px 0 0;
    color: #718096;
    font-size: 14px;
    font-style: italic;
}

.gate-description[b-sxgy04oqid] {
    margin-top: 18px;
    color: #718096;
    font-size: 13px;
}

/* ---- Footnote ----------------------------------------------------------- */
.gate-footnote[b-sxgy04oqid] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-top: 22px;
    color: #718096;
    font-size: 13px;
}

.gate-footnote-sep[b-sxgy04oqid] {
    color: #c2ccd8;
}

.gate-logout-form[b-sxgy04oqid] {
    display: inline;
    margin: 0;
}

.gate-link[b-sxgy04oqid],
.gate-link-button[b-sxgy04oqid] {
    padding: 0;
    border: 0;
    background: none;
    color: #2457ff;
    font: inherit;
    font-size: 13px;
    font-weight: 650;
    text-decoration: none;
    cursor: pointer;
}

.gate-link:hover[b-sxgy04oqid],
.gate-link-button:hover[b-sxgy04oqid] {
    text-decoration: underline;
}

/* ---- Responsive --------------------------------------------------------- */
@media (max-width: 560px) {
    .gate-page[b-sxgy04oqid] {
        align-items: end;
        padding: 18px 12px;
    }

    .gate-dialog[b-sxgy04oqid] {
        padding: 24px 20px 22px;
        border-radius: 16px;
    }

    .gate-copy[b-sxgy04oqid] {
        margin-top: 20px;
    }

    .gate-copy h1[b-sxgy04oqid] {
        font-size: 29px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gate-dialog[b-sxgy04oqid]  .gate-input,
    .gate-submit[b-sxgy04oqid] {
        transition: none;
    }
}
/* /Components/Pages/AdgangAfvist.razor.rz.scp.css */
.gate-page[b-x6c9ok87kz] {
    position: relative;
    min-height: 100svh;
    display: grid;
    place-items: center;
    overflow: hidden;
    padding: 32px 20px;
    background: #081b36;
}

.gate-backdrop[b-x6c9ok87kz] {
    position: absolute;
    inset: -20px;
    background:
        linear-gradient(rgba(8, 20, 38, .62), rgba(8, 20, 38, .72)),
        url('/images/ai-network-concept.png') center / cover no-repeat;
    filter: blur(5px);
    transform: scale(1.03);
}

.gate-dialog[b-x6c9ok87kz] {
    position: relative;
    z-index: 1;
    width: min(100%, 520px);
    padding: 30px 32px 28px;
    border: 1px solid rgba(220, 228, 238, .9);
    border-radius: 18px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 28px 80px rgba(3, 13, 29, .38);
}

/* ---- Header ------------------------------------------------------------- */
.gate-header[b-x6c9ok87kz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.gate-badge[b-x6c9ok87kz] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 12px;
    border: 1px solid #f2b8b8;
    border-radius: 999px;
    background: #fdeaea;
    color: #a12f2f;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.gate-badge-dot[b-x6c9ok87kz] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d64545;
}

/* ---- Copy --------------------------------------------------------------- */
.gate-copy[b-x6c9ok87kz] {
    margin-top: 24px;
}

.gate-copy h1[b-x6c9ok87kz] {
    margin: 0;
    color: #081426;
    font-family: "Funnel Sans", Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.1;
}

.gate-copy p[b-x6c9ok87kz] {
    margin: 10px 0 0;
    color: #52627a;
    font-size: 16px;
    line-height: 1.5;
}

.gate-loading[b-x6c9ok87kz] {
    color: #718096;
    font-style: italic;
}

/* ---- Callout ------------------------------------------------------------ */
.gate-callout[b-x6c9ok87kz] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 22px;
    padding: 14px;
    border: 1px solid #f4d0d0;
    border-radius: 10px;
    background: #fdf1f1;
}

.gate-callout-icon[b-x6c9ok87kz] {
    flex-shrink: 0;
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    background: rgba(214, 69, 69, .12);
    color: #c23b3b;
}

.gate-callout-icon svg[b-x6c9ok87kz] {
    width: 15px;
    height: 15px;
}

.gate-callout-title[b-x6c9ok87kz] {
    margin: 0;
    color: #17243b;
    font-size: 13px;
    font-weight: 650;
}

.gate-callout-text[b-x6c9ok87kz] {
    margin: 3px 0 0;
    color: #52627a;
    font-size: 13px;
    line-height: 1.45;
}

.gate-link[b-x6c9ok87kz] {
    color: #2457ff;
    font-weight: 650;
    text-decoration: none;
}

.gate-link:hover[b-x6c9ok87kz] {
    text-decoration: underline;
}

/* ---- Actions ------------------------------------------------------------ */
.gate-actions[b-x6c9ok87kz] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.gate-btn[b-x6c9ok87kz] {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    border: 1px solid transparent;
    border-radius: 9px;
    font: inherit;
    font-size: 14px;
    font-weight: 650;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .16s ease, border-color .16s ease, transform .16s ease;
}

.gate-btn-primary[b-x6c9ok87kz] {
    background: #2457ff;
    color: #fff;
}

.gate-btn-primary:hover[b-x6c9ok87kz] {
    background: #1747e5;
    transform: translateY(-1px);
}

.gate-btn-secondary[b-x6c9ok87kz] {
    border-color: #c8d4e3;
    background: #fff;
    color: #17243b;
}

.gate-btn-secondary:hover[b-x6c9ok87kz] {
    border-color: #2457ff;
    color: #2457ff;
}

.gate-logout-form[b-x6c9ok87kz] {
    display: inline;
    margin: 0;
}

/* ---- Responsive --------------------------------------------------------- */
@media (max-width: 560px) {
    .gate-page[b-x6c9ok87kz] {
        align-items: end;
        padding: 18px 12px;
    }

    .gate-dialog[b-x6c9ok87kz] {
        padding: 24px 20px 22px;
        border-radius: 16px;
    }

    .gate-copy[b-x6c9ok87kz] {
        margin-top: 20px;
    }

    .gate-copy h1[b-x6c9ok87kz] {
        font-size: 29px;
    }

    .gate-actions[b-x6c9ok87kz] {
        flex-direction: column;
    }

    .gate-btn[b-x6c9ok87kz] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gate-btn[b-x6c9ok87kz] {
        transition: none;
    }
}
/* /Components/Pages/Admin/Beskeder.razor.rz.scp.css */
/* Testbeskeder er rigtige beskeder i loggen, men de er ikke udløst af et arrangement.
   Den svage stribe gør dem til at kende fra listen uden at skjule dem. */
.message-row-test td[b-sloux5eelp] {
    background: rgba(36, 87, 255, .04);
}

.message-row-test td:first-child[b-sloux5eelp] {
    box-shadow: inset 3px 0 0 var(--blue);
}

.message-test-chip[b-sloux5eelp] {
    margin-left: 6px;
    background: rgba(36, 87, 255, .1);
    color: var(--blue);
}

.message-time[b-sloux5eelp] {
    white-space: nowrap;
}

.message-recipient[b-sloux5eelp] {
    font-weight: 600;
}

.message-address[b-sloux5eelp],
.message-event[b-sloux5eelp] {
    font-size: 12px;
    color: var(--muted);
}

/* ---- Listen -------------------------------------------------------------- */

/* Otte kolonner har brug for hele bredden. De andre kommunikationssider er kapslet til 1120px,
   men her ville det presse Emne ned til to-tre ord pr. linje, så siden bruger alt hvad den kan få. */
.communication-page-wide[b-sloux5eelp] {
    width: 100%;
}

.app-content:has(.communication-page-wide)[b-sloux5eelp] {
    max-width: none;
}

/* De smalle kolonner tager kun den plads deres indhold kræver – width: 1% + nowrap er den
   klassiske måde at få en tabel til at give resten til én kolonne. Så bliver "E-mail" aldrig
   knækket over to linjer, og Sendt/Handlinger står lige under deres overskrift. */
.message-col-compact[b-sloux5eelp] {
    width: 1%;
    white-space: nowrap;
}

.message-col-recipient[b-sloux5eelp] {
    width: 1%;
    min-width: 14ch;
    max-width: 28ch;
}

.message-col-recipient > div[b-sloux5eelp] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.message-col-subject[b-sloux5eelp] {
    min-width: 24ch;
}

/* Emnet må fylde to linjer, arrangementet én. Resten står i title-tooltippet og i detaljevisningen. */
.message-subject[b-sloux5eelp] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    overflow-wrap: anywhere;
}

.message-event[b-sloux5eelp] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Godkendelseschippen står under statusmærket. Rækken er alligevel to linjer høj (navn + adresse),
   så det koster ingen højde – men det sparer ~110px bredde, som Emne får i stedet. */
.message-status[b-sloux5eelp] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.message-status .app-chip[b-sloux5eelp] {
    margin-left: 0;
}

/* Vis · Godkend · Slet skal kunne kendes fra hinanden som tre knapper, ikke ét ord. */
.communication-page-wide .message-row-actions[b-sloux5eelp] {
    gap: 6px;
}

/* ---- Detaljer ---------------------------------------------------------- */
.message-detail[b-sloux5eelp] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 8px 20px;
    margin: 0;
    font-size: 14px;
}

.message-detail dt[b-sloux5eelp] {
    color: var(--muted);
    font-weight: 600;
}

.message-detail dd[b-sloux5eelp] {
    margin: 0;
    color: var(--text);
    overflow-wrap: anywhere;
}

.message-section-title[b-sloux5eelp] {
    margin: 0 0 8px;
    font-family: var(--font-head);
    font-size: 15px;
    font-weight: 650;
}

.message-body[b-sloux5eelp] {
    padding: 12px 14px;
    border: 1px solid var(--border-card);
    border-radius: 10px;
    background: var(--surface);
    color: var(--text-2);
    font-size: 14px;
    line-height: 1.55;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.message-link[b-sloux5eelp] {
    margin: 8px 0 0;
    font-size: 12px;
    overflow-wrap: anywhere;
}

/* Annulleringsteksten kan være en hel sætning om et forsøg der aldrig blev afsluttet.
   Den vises i sin fulde længde – en afkortet udgave ville sige noget andet end den gør. */
.message-reason[b-sloux5eelp] {
    margin-top: 2px;
    color: var(--text-2);
    white-space: normal;
}

.message-error[b-sloux5eelp] {
    color: var(--danger);
}

@media (max-width: 700px) {
    .message-detail[b-sloux5eelp] {
        grid-template-columns: 1fr;
        gap: 2px 0;
    }

    .message-detail dd[b-sloux5eelp] {
        margin-bottom: 10px;
    }
}

/* Beskedloggen foelger modtageren og forsvinder med kontoen (GDPR-kaskaden). Den linje staar
   lige under indledningen, hvor en admin der laeser listen ser den - ikke gemt i et tooltip. */
.admin-lead-note[b-sloux5eelp] {
    margin-top: -12px;
    padding-left: 10px;
    border-left: 2px solid var(--border);
    color: var(--muted);
}

/* Vis/Slet side by side, and the confirmation that replaces them, so the actions column keeps one
   height whichever state a row is in. */
.message-row-actions[b-sloux5eelp],
.message-confirm[b-sloux5eelp] {
    display: flex;
    gap: .4rem;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
}

.message-confirm-text[b-sloux5eelp] {
    font-size: .8rem;
    font-weight: 600;
    white-space: nowrap;
}

/* ---- Godkendelse ------------------------------------------------------- */

/* Baanneret staar oeverst paa siden, over alle filtre, fordi det svarer paa det spoergsmaal en
   admin har naar hun aabner panelet: er der noget der venter paa mig. Den rolige udgave siger
   "nej" lige saa tydeligt som den gule siger "ja" – tavshed ville ligne en side der ikke virker. */
.approval-banner[b-sloux5eelp] {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 0 4px;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--surface);
    font-size: 14px;
}

.approval-banner-waiting[b-sloux5eelp] {
    border-color: rgba(180, 120, 10, .35);
    background: rgba(240, 180, 20, .1);
}

.approval-banner-text[b-sloux5eelp] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1 1 20ch;
}

.approval-banner-text span[b-sloux5eelp] {
    color: var(--text-2);
    font-size: 13px;
}

/* Roligt gruent flueben naar intet venter, som i designet: raekken skal se laest ud, ikke tom. */
.approval-banner-calm[b-sloux5eelp] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #26724f;
}

.approval-banner-calm[b-sloux5eelp]  svg { flex: none; }

.approval-banner-refresh[b-sloux5eelp] {
    margin-left: auto;
}

/* Gul, ikke roed: rekken er ikke i stykker, den venter paa et menneske. */
.approval-chip-waiting[b-sloux5eelp] {
    margin-left: 6px;
    background: rgba(240, 180, 20, .16);
    color: #8a6200;
}

.approval-chip-approved[b-sloux5eelp] {
    margin-left: 6px;
    background: var(--success-tint);
    color: var(--success);
}

.approval-pending-text[b-sloux5eelp] {
    color: #8a6200;
    font-weight: 600;
}

/* Egen linje under de to toggle-knapperne, saa "godkend alt paa siden" ikke drukner i dem, og
   hintet om at det kun er siden - ikke hele filteret - staar lige under knapperne der udloeser det. */
.approval-banner-actions[b-sloux5eelp] {
    flex-basis: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.approval-banner-actions-buttons[b-sloux5eelp] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.approval-banner-actions .form-hint[b-sloux5eelp] {
    margin: 0;
}
/* /Components/Pages/Admin/Beskedindstillinger.razor.rz.scp.css */
/* Sundhedstal: en definitionsliste, ikke tal-fliser — det er status, ikke nøgletal, der skal
   sammenlignes eller fremhæves. */
.health-grid[b-f3q4tgxaza] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 16px;
    margin: 0;
}

.health-grid dt[b-f3q4tgxaza] {
    color: var(--text-2);
    font-size: 12px;
    font-weight: 600;
}

.health-grid dd[b-f3q4tgxaza] {
    margin: 4px 0 0;
    color: var(--text);
    font-family: var(--font-head);
    font-size: 20px;
    font-weight: 500;
}

.job-run-list[b-f3q4tgxaza] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.job-run-list li[b-f3q4tgxaza] {
    color: var(--text-2);
    font-size: 13px;
    line-height: 1.5;
}
/* /Components/Pages/Admin/Beskedskabeloner.razor.rz.scp.css */
.template-card + .template-card[b-3ock7u2hd8] {
    margin-top: 16px;
}

.template-card-off[b-3ock7u2hd8] {
    opacity: .72;
}

.template-head[b-3ock7u2hd8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.chip-custom[b-3ock7u2hd8] {
    background: var(--blue-08);
    color: var(--blue);
}

.chip-default[b-3ock7u2hd8] {
    background: var(--border);
}

.placeholder-list[b-3ock7u2hd8] {
    margin: 0;
    display: grid;
    gap: 6px;
}

.placeholder-row[b-3ock7u2hd8] {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 12px;
}

.placeholder-row dt code[b-3ock7u2hd8] {
    font-size: 13px;
}

.placeholder-row dd[b-3ock7u2hd8] {
    margin: 0;
    color: var(--muted, #5b6675);
}

.default-text[b-3ock7u2hd8] {
    margin: 8px 0 12px;
}

.default-text pre[b-3ock7u2hd8] {
    white-space: pre-wrap;
    font: inherit;
    margin: 0;
}

@media (max-width: 640px) {
    .placeholder-row[b-3ock7u2hd8] {
        grid-template-columns: 1fr;
        gap: 2px;
    }
}

.template-editor-column[b-3ock7u2hd8] {
    display: grid;
    gap: 16px;
    min-width: 0;
}
/* /Components/Pages/Admin/Modtagerlister.razor.rz.scp.css */
.recipient-list-create[b-xbm9ml1o68] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) auto;
    gap: 0.75rem;
    align-items: center;
}

.recipient-search[b-xbm9ml1o68] {
    position: relative;
}

.recipient-suggestions[b-xbm9ml1o68] {
    list-style: none;
    margin: 0.25rem 0 0;
    padding: 0;
    border: 1px solid var(--border, #d0d5dd);
    border-radius: 8px;
    max-height: 16rem;
    overflow-y: auto;
}

.recipient-suggestions button[b-xbm9ml1o68] {
    width: 100%;
    text-align: left;
    padding: 0.5rem 0.75rem;
    background: none;
    border: 0;
    cursor: pointer;
}

.recipient-suggestions button:hover[b-xbm9ml1o68] {
    background: var(--surface-subtle, #f2f4f7);
}

.recipient-muted td[b-xbm9ml1o68] {
    opacity: 0.55;
}

.recipient-warning[b-xbm9ml1o68] {
    color: #b45309;
}

tr.is-selected td[b-xbm9ml1o68] {
    background: var(--surface-subtle, #f2f4f7);
}

@media (max-width: 640px) {
    .recipient-list-create[b-xbm9ml1o68] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/TestBeskeder.razor.rz.scp.css */
.test-contacts[b-w809rbpv5r] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.test-chip[b-w809rbpv5r] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 6px;
    background: #eef3f8;
    color: #44546a;
    font-size: 13px;
    font-weight: 500;
}

.test-chip-ok[b-w809rbpv5r] {
    background: #e7f6ef;
    color: #0e8a4a;
}

.test-chip-warn[b-w809rbpv5r] {
    background: #fdf0e6;
    color: #b6541b;
}

/* Står mellem modtageren og send-knapperne, fordi det er dér valget træffes. */
.test-notice[b-w809rbpv5r] {
    margin: 0;
    padding: 12px 14px;
    border-left: 3px solid #b6541b;
    border-radius: 6px;
    background: #fdf0e6;
    color: #7a3a13;
    font-size: 13px;
    line-height: 1.55;
}

/* Vises i stedet for en aktiv kanal, når modtageren ikke kan nås ad den vej. */
.test-unavailable[b-w809rbpv5r] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 14px;
    padding: 10px 12px;
    border-radius: 6px;
    background: #fdf0e6;
    color: #b6541b;
    font-size: 13px;
    font-weight: 500;
}
/* /Components/Pages/Admin/Tidsregler.razor.rz.scp.css */
.rule-table[b-w13t3d5gy8] {
    width: 100%;
}

.rule-row-off[b-w13t3d5gy8] {
    opacity: .6;
}

.rule-row-actions[b-w13t3d5gy8] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.rule-offset-grid[b-w13t3d5gy8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
}

@media (max-width: 640px) {
    .rule-offset-grid[b-w13t3d5gy8] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/UdsendelseModtagere.razor.rz.scp.css */
.review-body[b-uuuyjh98w8] {
    white-space: pre-wrap;
    margin: 0;
}

.recipient-muted td[b-uuuyjh98w8] {
    opacity: 0.55;
}
/* /Components/Pages/Admin/Udsendelser.razor.rz.scp.css */
/* Målgruppevalg: segment-select og "kun administratorer" på én linje, stablet på smalle skærme. */
.broadcast-audience[b-xph3qry7jq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1.25rem;
}

.broadcast-audience select[b-xph3qry7jq] {
    max-width: 16rem;
}

/* Event titles are longer than segment names; the date at the end must stay visible. */
.broadcast-audience select.broadcast-event-select[b-xph3qry7jq] {
    max-width: 28rem;
}

.broadcast-event-who[b-xph3qry7jq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* .app-shell a resets links to plain text; this hint's link must look like one. */
.broadcast-list-hint a[b-xph3qry7jq] {
    color: var(--blue);
    text-decoration: underline;
}

.broadcast-list-hint a:hover[b-xph3qry7jq] {
    color: var(--blue-hover);
}

.broadcast-count[b-xph3qry7jq] {
    font-weight: 600;
}

.broadcast-schedule[b-xph3qry7jq] {
    max-width: 16rem;
    margin-top: 0.5rem;
}

/* Tabellen har seks kolonner; den skal kunne rulle vandret frem for at knække layoutet. */
.broadcast-table-wrap[b-xph3qry7jq] {
    overflow-x: auto;
}

.broadcast-table small[b-xph3qry7jq] {
    color: var(--muted);
}

.broadcast-row-actions[b-xph3qry7jq] {
    white-space: nowrap;
}

.broadcast-audience-modes[b-xph3qry7jq] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.recipient-picker[b-xph3qry7jq] {
    position: relative;
}

.recipient-suggestions[b-xph3qry7jq] {
    list-style: none;
    margin: 0.25rem 0 0;
    padding: 0;
    border: 1px solid var(--border, #d0d5dd);
    border-radius: 8px;
    max-height: 16rem;
    overflow-y: auto;
}

.recipient-suggestions button[b-xph3qry7jq] {
    width: 100%;
    text-align: left;
    padding: 0.5rem 0.75rem;
    background: none;
    border: 0;
    cursor: pointer;
}

.recipient-chips[b-xph3qry7jq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.recipient-chip button[b-xph3qry7jq] {
    margin-left: 0.25rem;
    background: none;
    border: 0;
    cursor: pointer;
}

.recipient-excluded[b-xph3qry7jq] {
    margin-top: 0.75rem;
    opacity: 0.7;
}

.recipient-excluded h3[b-xph3qry7jq] {
    font-size: 0.9rem;
    margin: 0 0 0.25rem;
}

.recipient-confirm-list[b-xph3qry7jq] {
    max-height: 12rem;
    overflow-y: auto;
    margin: 0 0 0.75rem;
    padding-left: 1.25rem;
}

/* The shared channel-fieldset lays its children out in a row, which suits channel checkboxes but
   not the recipient section: mode, audience, count, table and exclusions stack vertically here. */
.channel-fieldset.broadcast-recipients[b-xph3qry7jq] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
}

.broadcast-recipients .broadcast-audience-modes[b-xph3qry7jq] {
    margin-bottom: 0;
}

.broadcast-recipients .recipient-picker[b-xph3qry7jq] {
    max-width: 32rem;
}

.broadcast-recipients .recipient-table[b-xph3qry7jq] {
    width: 100%;
}

.broadcast-show-all[b-xph3qry7jq] {
    align-self: flex-start;
}
/* /Components/Pages/App/Arrangementer.razor.rz.scp.css */
/* Et aflyst arrangement bliver stående på listen. Mærkatet er det eneste der skiller det
   fra et der stadig holdes, så det skal kunne ses i et hurtigt blik ned over kortene. */
.badge-cancelled[b-sb0go07wd5] {
    display: inline-block;
    padding: 2px 9px;
    border-radius: 999px;
    background: rgba(214, 69, 69, .12);
    color: #b3261e;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
}

.detail-title .badge-cancelled[b-sb0go07wd5] {
    margin-left: 8px;
    vertical-align: middle;
}

.event-cancelled-note[b-sb0go07wd5] {
    color: #b3261e;
    font-size: 13px;
    font-weight: 500;
}

.detail-signup-cancelled[b-sb0go07wd5] {
    color: #b3261e;
}
/* /Components/Pages/App/EventAddParticipantDialog.razor.rz.scp.css */
/* Layout for "tilmeld et medlem"-dialogen. Kun det denne dialog selv har brug for — knapper,
   søgefelt, avatar og modal-stilladset kommer fra den globale app-area.css. */

.app-modal-add-participant[b-0h5u1cj4uc] {
    max-width: 30rem;
    text-align: left;
}

.add-participant-search[b-0h5u1cj4uc] {
    margin-bottom: .75rem;
}

.add-participant-search input[b-0h5u1cj4uc] {
    width: 100%;
    max-width: none;
}

.add-participant-list[b-0h5u1cj4uc] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
    max-height: 20rem;
    overflow-y: auto;
}

.add-participant-row[b-0h5u1cj4uc] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.add-participant-text[b-0h5u1cj4uc] {
    flex: 1;
    min-width: 0;
    display: grid;
}

.add-participant-name[b-0h5u1cj4uc] {
    font-size: 14px;
    color: var(--text);
}

.add-participant-meta[b-0h5u1cj4uc] {
    font-size: 12px;
    color: var(--muted, #5b6675);
}

.add-participant-note[b-0h5u1cj4uc] {
    font-size: .85rem;
    color: var(--muted, #5b6675);
    margin: .2rem 0 .9rem;
}
/* /Components/Pages/App/EventMessageDialog.razor.rz.scp.css */
/* Layout for beskeddialogen. Kun det denne dialog selv har brug for — knapper, alerts og
   modal-stilladset kommer fra den globale app-area.css. */

.app-modal-message[b-erzj7kzkk1] {
    max-width: 34rem;
    text-align: left;
}

.message-field[b-erzj7kzkk1] {
    display: grid;
    gap: .35rem;
    margin-bottom: .9rem;
}

.message-options[b-erzj7kzkk1] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.message-option[b-erzj7kzkk1] {
    display: flex;
    align-items: center;
    gap: .35rem;
}

.message-note[b-erzj7kzkk1] {
    font-size: .85rem;
    color: var(--muted, #5b6675);
    margin: .2rem 0 .9rem;
}

/* CSS-isolation deler ikke .placeholder-list/.placeholder-row med Beskedskabeloner.razor.css,
   selvom markuppet er det samme — reglerne gentages derfor herfra. */
.placeholder-list[b-erzj7kzkk1] {
    margin: 0;
    display: grid;
    gap: 6px;
}

.placeholder-row[b-erzj7kzkk1] {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 12px;
}

.placeholder-row dt code[b-erzj7kzkk1] {
    font-size: 13px;
}

.placeholder-row dd[b-erzj7kzkk1] {
    margin: 0;
    color: var(--muted, #5b6675);
}

@media (max-width: 640px) {
    .placeholder-row[b-erzj7kzkk1] {
        grid-template-columns: 1fr;
        gap: 2px;
    }
}

.message-history[b-erzj7kzkk1] {
    border-top: 1px solid var(--border);
    margin-top: 1rem;
    padding-top: .75rem;
    text-align: left;
}

.message-history-title[b-erzj7kzkk1] {
    font-size: .95rem;
    margin: 0 0 .5rem;
}

.message-history-row[b-erzj7kzkk1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    padding: .4rem 0;
}

.message-history-text[b-erzj7kzkk1] {
    display: grid;
    gap: .15rem;
}

.message-history-subject[b-erzj7kzkk1] {
    font-weight: 600;
}

.message-history-meta[b-erzj7kzkk1] {
    font-size: .8rem;
    color: var(--muted, #5b6675);
}
/* /Components/Pages/App/MinProfil.razor.rz.scp.css */
/* Beskedindstillinger: kategori × kanal. Tabellen kan blive bredere end en telefon,
   så den ruller i sin egen boks i stedet for at presse resten af siden. */
.preference-scroll[b-3muac2kduc] {
    overflow-x: auto;
}

.preference-table[b-3muac2kduc] {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.preference-table thead th[b-3muac2kduc] {
    padding: 0 0 10px;
    color: #718096;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .02em;
    text-transform: uppercase;
    white-space: nowrap;
}

.preference-table thead th:not(:first-child)[b-3muac2kduc],
.preference-table tbody td[b-3muac2kduc] {
    width: 84px;
    text-align: center;
}

.preference-table tbody tr + tr th[b-3muac2kduc],
.preference-table tbody tr + tr td[b-3muac2kduc] {
    border-top: 1px solid #dce4ee;
}

.preference-table tbody th[b-3muac2kduc] {
    padding: 14px 16px 14px 0;
    font-weight: 500;
}

.preference-table tbody td[b-3muac2kduc] {
    padding: 14px 0;
}

.preference-name[b-3muac2kduc] {
    display: block;
    color: #081426;
    font-size: 14px;
    font-weight: 600;
}

.preference-help[b-3muac2kduc] {
    display: block;
    margin-top: 2px;
    color: #718096;
    font-size: 12.5px;
    line-height: 1.5;
}

/* Three 84 px channel columns left the description a sliver on a phone. */
@media (max-width: 560px) {
    .preference-table thead th:not(:first-child)[b-3muac2kduc],
    .preference-table tbody td[b-3muac2kduc] {
        width: 58px;
    }

    .preference-table thead th[b-3muac2kduc] {
        font-size: 11px;
        letter-spacing: 0;
    }

    .preference-table tbody th[b-3muac2kduc] {
        padding-right: 10px;
    }
}

.preference-toggle[b-3muac2kduc] {
    display: inline-flex;
    cursor: pointer;
}

/* En låst kanal skal se låst ud, ikke bare slået fra: den kan ikke gemmes. */
.toggle-input:disabled + .toggle-switch[b-3muac2kduc] {
    opacity: .45;
    cursor: not-allowed;
}

.preference-notes[b-3muac2kduc] {
    margin: 14px 0 0;
    padding-left: 18px;
    color: #718096;
    font-size: 12.5px;
    line-height: 1.6;
}

.preference-notes li + li[b-3muac2kduc] {
    margin-top: 4px;
}

/* Uden en kanal til ændringer hører medlemmet ikke om en aflysning. Det skal ses. */
.preference-warning[b-3muac2kduc] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 16px;
    padding: 12px 14px;
    border-left: 3px solid #b6541b;
    border-radius: 6px;
    background: #fdf0e6;
    color: #7a3a13;
    font-size: 13px;
    line-height: 1.55;
}

.preference-warning strong[b-3muac2kduc] {
    display: block;
}

/* Synlighedsvalg pr. felt: står lige under det felt det gælder, så valget træffes
   hvor værdien indtastes. Samme tone som form-hint, men klikbart. */
.visibility-choice[b-3muac2kduc] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
    color: #4a5568;
    font-size: 12.5px;
    line-height: 1.5;
    cursor: pointer;
}

.visibility-choice input[type="checkbox"][b-3muac2kduc] {
    width: 15px;
    height: 15px;
    margin: 0;
    accent-color: #1f5f8b;
    cursor: pointer;
}

.participant-consent-field[b-3muac2kduc] {
    padding-top: 14px;
    border-top: 1px solid #e2e8f0;
}

.participant-consent-choice[b-3muac2kduc] {
    color: #081426;
    font-size: 14px;
    align-items: flex-start;
}

.participant-consent-choice input[type="checkbox"][b-3muac2kduc] {
    margin-top: 3px;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.landing-page[b-fz81j4znbe] {
    min-height: 100vh;
    overflow: hidden;
    background: #f7f9fc;
    color: #081426;
}

.landing-nav[b-fz81j4znbe] {
    height: 77px;
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 20px max(24px, calc((100vw - 1264px) / 2));
    border-bottom: 1px solid #dce4ee;
    background: #fff;
}

.landing-nav-links[b-fz81j4znbe] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 24px;
}

.landing-nav-links a[b-fz81j4znbe],
.landing-nav-links[b-fz81j4znbe]  a {
    color: #44546a;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.landing-nav-links a:hover[b-fz81j4znbe],
.landing-nav-links[b-fz81j4znbe]  a:hover {
    color: #2457ff;
}

.landing-nav-links .nav-access[b-fz81j4znbe] {
    padding: 10px 22px;
    border-radius: 8px;
    background: #2457ff;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    text-decoration: none;
    transition: background-color .16s ease, transform .16s ease;
}

.landing-nav-links .nav-access:hover[b-fz81j4znbe] {
    background: #1747e5;
    color: #fff;
    transform: translateY(-1px);
}

.landing-hero[b-fz81j4znbe] {
    height: 381px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 54px 24px 44px;
    background: linear-gradient(105deg, #00b8d9 0%, #2457ff 48%, #4c24ff 100%);
    color: #fff;
    text-align: center;
}

.landing-eyebrow[b-fz81j4znbe] {
    margin: 0;
    font-family: "Geist Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.6px;
}

.landing-hero h1[b-fz81j4znbe] {
    width: min(820px, 100%);
    margin: 0;
    font-family: "Funnel Sans", Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: 58px;
    font-weight: 650;
    letter-spacing: 0;
    line-height: 1.04;
}

.landing-hero h1:focus[b-fz81j4znbe] {
    outline: none;
}

.landing-intro[b-fz81j4znbe] {
    width: min(620px, 100%);
    margin: 0;
    color: rgba(255, 255, 255, .9);
    font-size: 17px;
    line-height: 1.5;
}

.hero-cta[b-fz81j4znbe] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: 14px 28px;
    border-radius: 8px;
    background: #fff;
    color: #2457ff;
    box-shadow: 0 8px 18px rgba(8, 20, 38, .25);
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    text-decoration: none;
    transition: box-shadow .16s ease, transform .16s ease;
}

.hero-cta:hover[b-fz81j4znbe] {
    color: #1747e5;
    box-shadow: 0 10px 24px rgba(8, 20, 38, .3);
    transform: translateY(-2px);
}

.network-visuals[b-fz81j4znbe] {
    height: 442px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    padding: 36px max(24px, calc((100vw - 1200px) / 2));
    overflow: hidden;
    background: #f7f9fc;
}

.network-visuals figure[b-fz81j4znbe] {
    position: relative;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid #dce4ee;
    border-radius: 16px;
    background: #081b36;
    box-shadow: 0 16px 36px rgba(8, 20, 38, .14);
}

.network-visuals img[b-fz81j4znbe] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .3s ease;
}

.network-visuals figure[b-fz81j4znbe]::after {
    content: "";
    position: absolute;
    inset: 45% 0 0;
    background: linear-gradient(transparent, rgba(8, 20, 38, .92));
    pointer-events: none;
}

.network-visuals figcaption[b-fz81j4znbe] {
    position: absolute;
    right: 24px;
    bottom: 22px;
    left: 24px;
    z-index: 1;
    color: #fff;
    font-family: "Funnel Sans", Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: 21px;
    font-weight: 650;
    line-height: 1.15;
}

.network-visuals figure:hover img[b-fz81j4znbe] {
    transform: scale(1.025);
}

.network-value[b-fz81j4znbe] {
    min-height: 577px;
    padding: 88px max(24px, calc((100vw - 1200px) / 2));
    background: #fff;
    scroll-margin-top: 24px;
}

.network-value-inner[b-fz81j4znbe] {
    width: min(1200px, 100%);
    margin-inline: auto;
}

.value-heading[b-fz81j4znbe] {
    width: min(850px, 100%);
}

.section-eyebrow[b-fz81j4znbe] {
    margin: 0 0 12px;
    color: #00a8c7;
    font-family: "Geist Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.6px;
}

.value-heading h2[b-fz81j4znbe],
.access-heading h2[b-fz81j4znbe] {
    margin: 0;
    font-family: "Funnel Sans", Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: 44px;
    font-weight: 650;
    line-height: 1.06;
}

.value-heading > p:last-child[b-fz81j4znbe] {
    width: min(660px, 100%);
    margin: 12px 0 0;
    color: #44546a;
    font-size: 16px;
    line-height: 1.55;
}

.value-cards[b-fz81j4znbe] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 21px;
    margin-top: 44px;
}

.value-cards article[b-fz81j4znbe] {
    height: 220px;
    padding: 28px;
    border: 1px solid #dce4ee;
    border-radius: 14px;
    background: #f7f9fc;
}

.value-number[b-fz81j4znbe] {
    width: 38px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #e7edff;
    color: #2457ff;
    font-family: "Geist Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 12px;
    font-weight: 700;
}

.card-spacer[b-fz81j4znbe] { height: 24px; }

.value-cards h3[b-fz81j4znbe] {
    margin: 0;
    color: #081426;
    font-family: "Funnel Sans", Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: 22px;
    font-weight: 650;
}

.value-cards p[b-fz81j4znbe] {
    margin: 14px 0 0;
    color: #44546a;
    font-size: 15px;
    line-height: 1.5;
}

.access-section[b-fz81j4znbe] {
    min-height: 402px;
    padding: 80px max(24px, calc((100vw - 1200px) / 2));
    background: #081b36;
    color: #fff;
    scroll-margin-top: 24px;
}

.access-inner[b-fz81j4znbe] {
    width: min(1200px, 100%);
    margin-inline: auto;
    display: grid;
    grid-template-columns: 500px minmax(0, 1fr);
    align-items: start;
    gap: 110px;
}

.access-heading .section-eyebrow[b-fz81j4znbe] {
    color: #00cfff;
}

.access-details > p[b-fz81j4znbe] {
    margin: 0;
    color: rgba(255, 255, 255, .8);
    font-size: 16px;
    line-height: 1.55;
}

.access-details > p + p[b-fz81j4znbe] {
    margin-top: 12px;
}

.access-details > p.access-details-note[b-fz81j4znbe] {
    font-size: 13px;
    color: rgba(255, 255, 255, .65);
}

.access-details ol[b-fz81j4znbe] {
    display: grid;
    gap: 12px;
    margin: 20px 0;
    padding: 0;
    list-style: none;
}

.access-details li[b-fz81j4znbe] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 15px;
    font-weight: 600;
}

.access-details li > span[b-fz81j4znbe] {
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #00cfff;
    border-radius: 50%;
    color: #00cfff;
    font-family: "Geist Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 12px;
    font-weight: 700;
}

.access-cta[b-fz81j4znbe] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 13px 22px;
    border-radius: 8px;
    background: #00cfff;
    color: #081426;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: background-color .16s ease, transform .16s ease;
}

.access-cta:hover[b-fz81j4znbe] {
    background: #39dcf8;
    color: #081426;
    transform: translateY(-2px);
}

.landing-footer[b-fz81j4znbe] {
    min-height: 112px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    padding: 28px max(24px, calc((100vw - 1264px) / 2));
    background: #06101f;
    color: #fff;
}

.landing-footer > div[b-fz81j4znbe] {
    display: grid;
    gap: 4px;
}

.landing-footer strong[b-fz81j4znbe] {
    font-family: "Geist Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 14px;
    letter-spacing: .8px;
}

.landing-footer span[b-fz81j4znbe] {
    color: rgba(255, 255, 255, .6);
    font-size: 14px;
}

.landing-footer a[b-fz81j4znbe] {
    color: #00cfff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.landing-footer > .landing-footer-links[b-fz81j4znbe] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.landing-footer-cookie[b-fz81j4znbe] {
    padding: 0;
    border: 0;
    background: none;
    color: rgba(255, 255, 255, .7);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.landing-footer-cookie:hover[b-fz81j4znbe] {
    color: #fff;
}

@media (max-width: 900px) {
    .landing-nav[b-fz81j4znbe] {
        height: 68px;
        padding-block: 15px;
    }

    .landing-nav-links > a:not(.nav-access)[b-fz81j4znbe],
    .landing-nav-links[b-fz81j4znbe]  a:not(.nav-access) {
        display: none;
    }

    .landing-hero[b-fz81j4znbe] {
        height: auto;
        min-height: 360px;
        justify-content: center;
        padding: 48px 24px;
    }

    .landing-hero h1[b-fz81j4znbe] { font-size: clamp(40px, 7vw, 58px); }
    .desktop-break[b-fz81j4znbe] { display: none; }

    .network-visuals[b-fz81j4znbe] {
        height: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .network-visuals figure[b-fz81j4znbe] {
        aspect-ratio: 4 / 3;
    }

    .network-visuals figure:last-child[b-fz81j4znbe] {
        grid-column: 1 / -1;
        aspect-ratio: 2 / 1;
    }

    .network-value[b-fz81j4znbe] {
        padding-block: 72px;
    }

    .value-cards[b-fz81j4znbe] {
        grid-template-columns: 1fr;
    }

    .value-cards article[b-fz81j4znbe] {
        height: auto;
        min-height: 200px;
    }

    .access-section[b-fz81j4znbe] {
        padding-block: 72px;
    }

    .access-inner[b-fz81j4znbe] {
        grid-template-columns: 1fr;
        gap: 48px;
    }
}

@media (max-width: 540px) {
    .landing-nav[b-fz81j4znbe] { padding-inline: 18px; }
    .landing-nav-links[b-fz81j4znbe] { gap: 0; }
    .landing-nav-links .nav-access[b-fz81j4znbe] { padding: 9px 16px; font-size: 13px; }

    .landing-hero[b-fz81j4znbe] {
        min-height: 390px;
        gap: 18px;
        padding-inline: 18px;
    }

    .landing-eyebrow[b-fz81j4znbe] { font-size: 10px; }
    .landing-hero h1[b-fz81j4znbe] { font-size: clamp(36px, 11vw, 48px); }
    .landing-intro[b-fz81j4znbe] { font-size: 15px; }
    .hero-cta[b-fz81j4znbe] { padding: 13px 22px; font-size: 15px; }

    .network-visuals[b-fz81j4znbe] {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 24px 18px;
    }

    /* På mobil er tre billeder for meget – vis kun det første. */
    .network-visuals figure:nth-child(n + 2)[b-fz81j4znbe] {
        display: none;
    }

    .network-visuals figure:last-child[b-fz81j4znbe] {
        grid-column: auto;
        aspect-ratio: 4 / 3;
    }

    .network-visuals figcaption[b-fz81j4znbe] {
        right: 20px;
        bottom: 18px;
        left: 20px;
        font-size: 19px;
    }

    .network-value[b-fz81j4znbe],
    .access-section[b-fz81j4znbe] {
        padding: 64px 18px;
    }

    .value-heading h2[b-fz81j4znbe],
    .access-heading h2[b-fz81j4znbe] {
        font-size: 36px;
    }

    .value-cards article[b-fz81j4znbe] { padding: 24px; }

    .landing-footer[b-fz81j4znbe] {
        align-items: flex-start;
        flex-direction: column;
        padding: 28px 18px;
    }

    .landing-footer > .landing-footer-links[b-fz81j4znbe] {
        flex-wrap: wrap;
        gap: 8px 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nav-access[b-fz81j4znbe],
    .hero-cta[b-fz81j4znbe],
    .access-cta[b-fz81j4znbe],
    .network-visuals img[b-fz81j4znbe] {
        transition: none;
    }
}
/* /Components/Pages/Offentlig/Arrangement.razor.rz.scp.css */
/* Samme designsprog som /arrangementer. Reglerne er kopieret frem for genbrugt, fordi scoped CSS
   ikke krydser komponentgrænsen. */
.event-page[b-y7u0vqi0s2] {
    min-height: 100vh;
    background: #f7f9fc;
    color: #081426;
}

.event-hero[b-y7u0vqi0s2] {
    display: flex;
    justify-content: center;
    padding: 56px max(24px, calc((100vw - 1064px) / 2)) 52px;
    background: linear-gradient(105deg, #2457ff 0%, #4c24ff 58%, #00b8d9 100%);
    color: #fff;
}

.event-hero-inner[b-y7u0vqi0s2] {
    width: min(820px, 100%);
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.event-hero-chips[b-y7u0vqi0s2] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.event-hero-chip[b-y7u0vqi0s2] {
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .18);
    font-family: "Geist Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .4px;
}

.event-hero-chip-cancelled[b-y7u0vqi0s2] {
    background: #c62828;
}

.event-hero h1[b-y7u0vqi0s2] {
    margin: 0;
    font-family: "Funnel Sans", Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: 46px;
    font-weight: 650;
    line-height: 1.06;
}

.event-hero-when[b-y7u0vqi0s2] {
    margin: 0;
    color: rgba(255, 255, 255, .9);
    font-size: 17px;
    line-height: 1.5;
}

.event-content[b-y7u0vqi0s2] {
    display: flex;
    justify-content: center;
    padding: 56px max(24px, calc((100vw - 1064px) / 2)) 88px;
    background: #fff;
}

.event-column[b-y7u0vqi0s2] {
    width: min(820px, 100%);
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
}

/* Faktaboks */
.event-facts[b-y7u0vqi0s2] {
    width: 100%;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 18px 28px;
    padding: 22px 24px;
    border: 1px solid #dce4ee;
    border-radius: 14px;
    background: #f7f9fc;
}

.event-facts dt[b-y7u0vqi0s2] {
    margin: 0 0 4px;
    color: #6b7c93;
    font-family: "Geist Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.event-facts dd[b-y7u0vqi0s2] {
    margin: 0;
    color: #081426;
    font-size: 15px;
    line-height: 1.5;
}

.event-cancelled-note[b-y7u0vqi0s2] {
    width: 100%;
    margin: 0;
    padding: 14px 18px;
    border-radius: 12px;
    background: #fdecec;
    color: #c62828;
    font-size: 15px;
    font-weight: 600;
}

/* Beskrivelsen kommer fra rich-text-editoren, så selektorerne skal ramme vilkårlig markup. */
.event-description[b-y7u0vqi0s2] {
    width: 100%;
    color: #44546a;
    font-size: 16px;
    line-height: 1.65;
}

.event-description[b-y7u0vqi0s2]  p,
.event-description[b-y7u0vqi0s2]  ul,
.event-description[b-y7u0vqi0s2]  ol {
    margin: 0 0 14px;
}

.event-description[b-y7u0vqi0s2]  h1,
.event-description[b-y7u0vqi0s2]  h2,
.event-description[b-y7u0vqi0s2]  h3 {
    margin: 26px 0 10px;
    color: #081426;
    font-family: "Funnel Sans", Inter, ui-sans-serif, system-ui, sans-serif;
    font-weight: 650;
    line-height: 1.2;
}

.event-description[b-y7u0vqi0s2]  h1 { font-size: 26px; }
.event-description[b-y7u0vqi0s2]  h2 { font-size: 22px; }
.event-description[b-y7u0vqi0s2]  h3 { font-size: 18px; }

.event-description[b-y7u0vqi0s2]  a {
    color: #2457ff;
    font-weight: 600;
    text-decoration: none;
}

.event-description[b-y7u0vqi0s2]  a:hover {
    text-decoration: underline;
}

.event-description[b-y7u0vqi0s2]  img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

.event-description[b-y7u0vqi0s2]  blockquote {
    margin: 0 0 14px;
    padding-left: 16px;
    border-left: 3px solid #dce4ee;
    color: #6b7c93;
}

.event-description[b-y7u0vqi0s2]  > *:last-child {
    margin-bottom: 0;
}

/* CTA */
.event-cta[b-y7u0vqi0s2] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 28px;
    border-radius: 16px;
    background: #f2f6fd;
}

.event-cta h2[b-y7u0vqi0s2] {
    margin: 0;
    color: #081426;
    font-family: "Funnel Sans", Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: 22px;
    font-weight: 650;
    line-height: 1.2;
}

.event-cta p[b-y7u0vqi0s2] {
    margin: 0;
    color: #44546a;
    font-size: 16px;
    line-height: 1.6;
}

.event-cta-actions[b-y7u0vqi0s2] {
    margin-top: 6px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.event-cta-primary[b-y7u0vqi0s2] {
    padding: 11px 22px;
    border-radius: 8px;
    background: #2457ff;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color .16s ease;
}

.event-cta-primary:hover[b-y7u0vqi0s2] {
    background: #1747e5;
}

.event-cta-secondary[b-y7u0vqi0s2] {
    padding: 11px 22px;
    border: 1px solid #c6d3e6;
    border-radius: 8px;
    background: #fff;
    color: #2457ff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.event-cta-secondary:hover[b-y7u0vqi0s2] {
    border-color: #2457ff;
}

.event-back[b-y7u0vqi0s2] {
    color: #2457ff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}

.event-back:hover[b-y7u0vqi0s2] {
    text-decoration: underline;
}

@media (max-width: 700px) {
    .event-hero[b-y7u0vqi0s2] { padding-block: 44px 40px; }
    .event-hero h1[b-y7u0vqi0s2] { font-size: 34px; }
    .event-content[b-y7u0vqi0s2] { padding-top: 44px; padding-bottom: 64px; }
    .event-facts[b-y7u0vqi0s2] { padding: 20px; }
    .event-cta[b-y7u0vqi0s2] { padding: 22px; }
}

@media (prefers-reduced-motion: reduce) {
    .event-cta-primary[b-y7u0vqi0s2] {
        transition: none;
    }
}
/* /Components/Pages/Offentlig/Arrangementer.razor.rz.scp.css */
/* Samme designsprog som forsiden og privatlivspolitikken: lys baggrund, blå gradient-hero,
   #44546a til brødtekst. Reglerne er kopieret frem for genbrugt, fordi scoped CSS ikke krydser
   komponentgrænsen. */
.events-page[b-bb425lbc6r] {
    min-height: 100vh;
    background: #f7f9fc;
    color: #081426;
}

.events-hero[b-bb425lbc6r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 56px 24px 52px;
    background: linear-gradient(105deg, #2457ff 0%, #4c24ff 58%, #00b8d9 100%);
    color: #fff;
    text-align: center;
}

.events-eyebrow[b-bb425lbc6r] {
    margin: 0;
    font-family: "Geist Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.6px;
}

.events-hero h1[b-bb425lbc6r] {
    margin: 0;
    font-family: "Funnel Sans", Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: 52px;
    font-weight: 650;
    line-height: 1.05;
}

.events-intro[b-bb425lbc6r] {
    width: min(640px, 100%);
    margin: 0;
    color: rgba(255, 255, 255, .9);
    font-size: 17px;
    line-height: 1.5;
}

.events-content[b-bb425lbc6r] {
    display: flex;
    justify-content: center;
    padding: 64px max(24px, calc((100vw - 1064px) / 2)) 88px;
    background: #fff;
}

.events-column[b-bb425lbc6r] {
    width: min(820px, 100%);
    display: flex;
    flex-direction: column;
    gap: 56px;
}

.events-group[b-bb425lbc6r] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.events-group h2[b-bb425lbc6r] {
    margin: 0;
    color: #081426;
    font-family: "Funnel Sans", Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: 26px;
    font-weight: 650;
    line-height: 1.15;
}

.events-empty[b-bb425lbc6r] {
    margin: 0;
    color: #44546a;
    font-size: 16px;
    line-height: 1.6;
}

/* Kommende arrangementer som kort */
.event-cards[b-bb425lbc6r] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.event-card-link[b-bb425lbc6r] {
    display: flex;
    gap: 20px;
    padding: 20px;
    border: 1px solid #dce4ee;
    border-radius: 14px;
    background: #fff;
    color: inherit;
    text-decoration: none;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.event-card-link:hover[b-bb425lbc6r] {
    border-color: #2457ff;
    box-shadow: 0 8px 24px rgba(36, 87, 255, .1);
    transform: translateY(-1px);
}

.event-date[b-bb425lbc6r] {
    flex: 0 0 62px;
    height: 62px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    border-radius: 12px;
    background: #eef3ff;
    color: #2457ff;
}

.event-date-month[b-bb425lbc6r] {
    font-family: "Geist Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .8px;
}

.event-date-day[b-bb425lbc6r] {
    font-family: "Funnel Sans", Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: 24px;
    font-weight: 650;
    line-height: 1;
}

.event-body[b-bb425lbc6r] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.event-chips[b-bb425lbc6r] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.event-chip[b-bb425lbc6r] {
    padding: 3px 10px;
    border-radius: 999px;
    background: #eef3ff;
    color: #2457ff;
    font-size: 12px;
    font-weight: 600;
}

.event-chip-cancelled[b-bb425lbc6r] {
    background: #fdecec;
    color: #c62828;
}

.event-title[b-bb425lbc6r] {
    color: #081426;
    font-family: "Funnel Sans", Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: 20px;
    font-weight: 650;
    line-height: 1.2;
}

.event-meta[b-bb425lbc6r] {
    color: #44546a;
    font-size: 14px;
}

.event-excerpt[b-bb425lbc6r] {
    color: #44546a;
    font-size: 15px;
    line-height: 1.55;
}

.event-more[b-bb425lbc6r] {
    margin-top: 2px;
    color: #2457ff;
    font-size: 14px;
    font-weight: 600;
}

/* Tidligere arrangementer som kompakt liste */
.event-list[b-bb425lbc6r] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
}

.event-list li + li[b-bb425lbc6r] {
    border-top: 1px solid #e6ecf5;
}

.event-list a[b-bb425lbc6r] {
    display: flex;
    align-items: baseline;
    gap: 16px;
    padding: 12px 0;
    color: #081426;
    text-decoration: none;
}

.event-list a:hover .event-list-title[b-bb425lbc6r] {
    color: #2457ff;
    text-decoration: underline;
}

.event-list-date[b-bb425lbc6r] {
    flex: 0 0 190px;
    color: #44546a;
    font-size: 14px;
}

.event-list-title[b-bb425lbc6r] {
    font-size: 16px;
    font-weight: 600;
}

/* Afsluttende CTA */
.events-cta[b-bb425lbc6r] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 28px;
    border-radius: 16px;
    background: #f2f6fd;
}

.events-cta h2[b-bb425lbc6r] {
    margin: 0;
    color: #081426;
    font-family: "Funnel Sans", Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: 22px;
    font-weight: 650;
}

.events-cta p[b-bb425lbc6r] {
    margin: 0;
    color: #44546a;
    font-size: 16px;
    line-height: 1.6;
}

.events-cta-actions[b-bb425lbc6r] {
    margin-top: 6px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.events-cta-primary[b-bb425lbc6r] {
    padding: 11px 22px;
    border-radius: 8px;
    background: #2457ff;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color .16s ease;
}

.events-cta-primary:hover[b-bb425lbc6r] {
    background: #1747e5;
}

.events-cta-secondary[b-bb425lbc6r] {
    padding: 11px 22px;
    border: 1px solid #c6d3e6;
    border-radius: 8px;
    background: #fff;
    color: #2457ff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.events-cta-secondary:hover[b-bb425lbc6r] {
    border-color: #2457ff;
}

@media (max-width: 700px) {
    .events-hero h1[b-bb425lbc6r] { font-size: 38px; }
    .events-content[b-bb425lbc6r] { padding-top: 48px; padding-bottom: 64px; }
    .events-column[b-bb425lbc6r] { gap: 44px; }

    .event-card-link[b-bb425lbc6r] {
        flex-direction: column;
        gap: 14px;
    }

    .event-date[b-bb425lbc6r] {
        flex: 0 0 auto;
        width: 62px;
    }

    .event-list a[b-bb425lbc6r] {
        flex-direction: column;
        gap: 2px;
    }

    .event-list-date[b-bb425lbc6r] { flex: 0 0 auto; }
}

@media (prefers-reduced-motion: reduce) {
    .event-card-link[b-bb425lbc6r],
    .events-cta-primary[b-bb425lbc6r] {
        transition: none;
    }
}
/* /Components/Pages/Privatlivspolitik.razor.rz.scp.css */
.policy-page[b-22qappw5l3] {
    min-height: 100vh;
    background: #f7f9fc;
    color: #081426;
}

/* Nav – matcher landing-nav */
.policy-nav[b-22qappw5l3] {
    height: 77px;
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 20px max(24px, calc((100vw - 1264px) / 2));
    border-bottom: 1px solid #dce4ee;
    background: #fff;
}

.policy-nav-links[b-22qappw5l3] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 24px;
}

.policy-nav-links a[b-22qappw5l3],
.policy-nav-links[b-22qappw5l3]  a {
    color: #44546a;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.policy-nav-links a:hover[b-22qappw5l3],
.policy-nav-links[b-22qappw5l3]  a:hover {
    color: #2457ff;
}

.policy-nav-links .nav-access[b-22qappw5l3] {
    padding: 10px 22px;
    border-radius: 8px;
    background: #2457ff;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    text-decoration: none;
    transition: background-color .16s ease, transform .16s ease;
}

.policy-nav-links .nav-access:hover[b-22qappw5l3] {
    background: #1747e5;
    color: #fff;
    transform: translateY(-1px);
}

/* Header-band */
.policy-hero[b-22qappw5l3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 56px 24px 52px;
    background: linear-gradient(105deg, #2457ff 0%, #4c24ff 58%, #00b8d9 100%);
    color: #fff;
    text-align: center;
}

.policy-eyebrow[b-22qappw5l3] {
    margin: 0;
    font-family: "Geist Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.6px;
}

.policy-hero h1[b-22qappw5l3] {
    margin: 0;
    font-family: "Funnel Sans", Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: 52px;
    font-weight: 650;
    line-height: 1.05;
}

.policy-intro[b-22qappw5l3] {
    width: min(620px, 100%);
    margin: 0;
    color: rgba(255, 255, 255, .9);
    font-size: 17px;
    line-height: 1.5;
}

.policy-updated[b-22qappw5l3] {
    margin-top: 2px;
    padding: 7px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .15);
    font-family: "Geist Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .4px;
}

/* Indhold */
.policy-content[b-22qappw5l3] {
    display: flex;
    justify-content: center;
    padding: 72px max(24px, calc((100vw - 1064px) / 2)) 88px;
    background: #fff;
}

.policy-column[b-22qappw5l3] {
    width: min(820px, 100%);
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.policy-lead[b-22qappw5l3] {
    margin: 0;
    color: #44546a;
    font-size: 18px;
    line-height: 1.6;
}

.policy-column > section[b-22qappw5l3] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.policy-column h2[b-22qappw5l3] {
    margin: 0;
    color: #081426;
    font-family: "Funnel Sans", Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: 26px;
    font-weight: 650;
    line-height: 1.15;
}

.policy-column p[b-22qappw5l3] {
    margin: 0;
    color: #44546a;
    font-size: 16px;
    line-height: 1.6;
}

.policy-column a[b-22qappw5l3] {
    color: #2457ff;
    font-weight: 600;
    text-decoration: none;
}

.policy-column a:hover[b-22qappw5l3] {
    text-decoration: underline;
}

.policy-column ul[b-22qappw5l3] {
    margin: 4px 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.policy-column li[b-22qappw5l3] {
    position: relative;
    padding-left: 22px;
    color: #44546a;
    font-size: 16px;
    line-height: 1.6;
}

.policy-column li[b-22qappw5l3]::before {
    content: "•";
    position: absolute;
    left: 4px;
    color: #2457ff;
    font-weight: 700;
}

.policy-cookie-link[b-22qappw5l3] {
    padding: 0;
    border: 0;
    background: none;
    color: #2457ff;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
}

/* Footer – matcher landing-footer */
.policy-footer[b-22qappw5l3] {
    min-height: 112px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    padding: 28px max(24px, calc((100vw - 1264px) / 2));
    background: #06101f;
    color: #fff;
}

.policy-footer > div:first-child[b-22qappw5l3] {
    display: grid;
    gap: 4px;
}

.policy-footer strong[b-22qappw5l3] {
    font-family: "Geist Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 14px;
    letter-spacing: .8px;
}

.policy-footer span[b-22qappw5l3] {
    color: rgba(255, 255, 255, .6);
    font-size: 14px;
}

.policy-footer-links[b-22qappw5l3] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.policy-footer a[b-22qappw5l3] {
    color: #00cfff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.policy-footer-cookie[b-22qappw5l3] {
    padding: 0;
    border: 0;
    background: none;
    color: rgba(255, 255, 255, .7);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.policy-footer-cookie:hover[b-22qappw5l3] {
    color: #fff;
}

@media (max-width: 900px) {
    .policy-nav[b-22qappw5l3] {
        height: 68px;
        padding-block: 15px;
    }

    .policy-nav-links > a:not(.nav-access)[b-22qappw5l3],
    .policy-nav-links[b-22qappw5l3]  a:not(.nav-access) {
        display: none;
    }

    .policy-hero[b-22qappw5l3] {
        padding: 36px 20px 32px;
    }

    .policy-hero h1[b-22qappw5l3] {
        font-size: clamp(30px, 8vw, 42px);
    }

    .policy-content[b-22qappw5l3] {
        padding: 40px 20px 56px;
    }

    .policy-column[b-22qappw5l3] {
        gap: 32px;
    }

    .policy-lead[b-22qappw5l3] {
        font-size: 16px;
    }

    .policy-column h2[b-22qappw5l3] {
        font-size: 20px;
    }

    .policy-column p[b-22qappw5l3],
    .policy-column li[b-22qappw5l3] {
        font-size: 15px;
    }
}

@media (max-width: 540px) {
    .policy-nav[b-22qappw5l3] {
        padding-inline: 18px;
    }

    .policy-nav-links[b-22qappw5l3] {
        gap: 0;
    }

    .policy-nav-links .nav-access[b-22qappw5l3] {
        padding: 9px 16px;
        font-size: 13px;
    }

    .policy-footer[b-22qappw5l3] {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
        padding: 28px 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .policy-nav-links .nav-access[b-22qappw5l3] {
        transition: none;
    }
}
/* /Components/Shared/BrandLogo.razor.rz.scp.css */
.brand-logo[b-ety0ja1hzd] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    text-decoration: none;
}

.brand-logo img[b-ety0ja1hzd] {
    display: block;
    width: 100%;
    height: auto;
}

.brand-logo--landing[b-ety0ja1hzd] {
    width: 190px;
}

.brand-logo--header[b-ety0ja1hzd] {
    width: 174px;
}

.brand-logo--sidebar[b-ety0ja1hzd] {
    width: 172px;
}

.brand-logo--dialog[b-ety0ja1hzd] {
    width: 152px;
}

@media (max-width: 760px) {
    .brand-logo--landing[b-ety0ja1hzd] {
        width: 150px;
    }

    .brand-logo--header[b-ety0ja1hzd] {
        width: 142px;
    }
}

@media (max-width: 420px) {
    .brand-logo--landing[b-ety0ja1hzd] {
        width: 136px;
    }

    .brand-logo--dialog[b-ety0ja1hzd] {
        width: 138px;
    }
}
/* /Components/Shared/InstallPrompt.razor.rz.scp.css */
/* Nederst, men over den flydende tab-bar (.app-tabbar, bund 12px + 64px høj) — derfor 88px på mobil.
   z-index under opdateringsbanneret (1100) og toast-stakken (1000): et installationstilbud må aldrig
   dække en fejlbesked eller beskeden om en ny version. */
.install-prompt[b-wt6ywe9bgf] {
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: 20px;
    z-index: 900;
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    max-width: 26rem;
    margin-left: auto;
    padding: .85rem 1rem;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 .75rem 2rem rgba(11, 18, 32, .16);
    animation: install-prompt-in-b-wt6ywe9bgf .22s ease;
}

.install-icon[b-wt6ywe9bgf] {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 10px;
    background: var(--navy);
    color: #fff;
}

.install-body[b-wt6ywe9bgf] {
    flex: 1 1 auto;
    min-width: 0;
}

.install-title[b-wt6ywe9bgf] {
    margin: 0;
    font-size: .9375rem;
    font-weight: 700;
    color: var(--navy);
}

.install-text[b-wt6ywe9bgf] {
    margin: .2rem 0 0;
    font-size: .8125rem;
    line-height: 1.45;
    color: var(--slate);
}

/* Del-ikonet midt i sætningen skal sidde på tekstens linje, ikke hoppe op over den. */
.install-text[b-wt6ywe9bgf]  .install-inline-icon {
    vertical-align: -2px;
}

.install-actions[b-wt6ywe9bgf] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: .35rem;
}

.install-accept[b-wt6ywe9bgf] {
    padding: .4rem .85rem;
    border: 0;
    border-radius: 999px;
    background: var(--teal-dark);
    color: #fff;
    font: inherit;
    font-size: .8125rem;
    font-weight: 600;
    cursor: pointer;
}

.install-accept:hover[b-wt6ywe9bgf] {
    background: #0a9384;
}

.install-dismiss[b-wt6ywe9bgf] {
    padding: 0 .3rem;
    border: 0;
    background: none;
    color: var(--slate);
    font-size: 1.1rem;
    line-height: 1;
    cursor: pointer;
    opacity: .7;
}

.install-dismiss:hover[b-wt6ywe9bgf] {
    opacity: 1;
}

@keyframes install-prompt-in-b-wt6ywe9bgf {
    from { opacity: 0; transform: translateY(.5rem); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 900px) {
    .install-prompt[b-wt6ywe9bgf] {
        bottom: calc(88px + env(safe-area-inset-bottom, 0px));
        max-width: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .install-prompt[b-wt6ywe9bgf] {
        animation: none;
    }
}
/* /Components/Shared/PageHelp.razor.rz.scp.css */
.page-help-summary[b-n38xk127sz] {
    margin: 0;
    font-size: 15px;
    line-height: 1.55;
    color: var(--text-2);
}

.page-help-link[b-n38xk127sz] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 0;
    border: 0;
    background: none;
    color: var(--text-2);
    font: inherit;
    font-size: 13px;
    cursor: pointer;
    white-space: nowrap;
}

.page-help-link:hover[b-n38xk127sz] { color: var(--blue); }

.page-help-dialog[b-n38xk127sz] {
    width: min(720px, calc(100vw - 32px));
    max-height: calc(100dvh - 32px);
    box-sizing: border-box;
    padding: 0;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: var(--card);
    color: var(--text);
    box-shadow: 0 24px 80px rgba(8, 20, 38, .25);
    overflow-y: auto;
}

.page-help-dialog[b-n38xk127sz]::backdrop { background: rgba(8, 20, 38, .55); }

.page-help-header[b-n38xk127sz] {
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 24px;
    background: var(--card);
    border-bottom: 1px solid var(--border);
}

.page-help-header h2[b-n38xk127sz] { margin: 0; font-size: 20px; }
.page-help-header form[b-n38xk127sz] { margin: 0; }
.page-help-header button[b-n38xk127sz] { min-height: 44px; }
.page-help-content[b-n38xk127sz] { padding: 8px 24px 24px; line-height: 1.65; }
.page-help-content[b-n38xk127sz]  h3 { margin: 20px 0 8px; font-size: 16px; }
.page-help-content[b-n38xk127sz]  p { margin: 8px 0; }
.page-help-content[b-n38xk127sz]  ol, .page-help-content[b-n38xk127sz]  ul { padding-left: 24px; }
.page-help-content[b-n38xk127sz]  li { margin: 8px 0; }
.page-help-content[b-n38xk127sz]  a { color: var(--blue); text-decoration: underline; }
.page-help-dialog[b-n38xk127sz]  :focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }

@media (max-width: 560px) {
    .page-help-header[b-n38xk127sz] { padding: 16px; }
    .page-help-content[b-n38xk127sz] { padding: 4px 16px 20px; }
}
/* /Components/Shared/ParticipantConsentNotice.razor.rz.scp.css */
/* Ligger øverst i .app-main, over sidens topbar. Ikke fixed: den skal læses én gang og
   scrolle med — et fast banner ville stjæle plads fra tab-bar og opdateringsbanner. */
.consent-notice[b-ojwe5boqsi] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 16px 28px 0;
    padding: 12px 16px;
    border: 1px solid rgba(36, 87, 255, .25);
    border-radius: 12px;
    background: var(--blue-tint);
}

.consent-icon[b-ojwe5boqsi] {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 10px;
    background: var(--blue);
    color: #fff;
}

.consent-body[b-ojwe5boqsi] {
    flex: 1 1 auto;
    min-width: 0;
}

.consent-title[b-ojwe5boqsi] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--text);
}

.consent-text[b-ojwe5boqsi] {
    margin: 4px 0 0;
    font-size: 13px;
    line-height: 1.45;
    color: var(--text-2);
}

.consent-text a[b-ojwe5boqsi] {
    color: var(--blue);
    font-weight: 600;
}

.consent-dismiss[b-ojwe5boqsi] {
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--muted);
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
}

.consent-dismiss:hover[b-ojwe5boqsi] {
    background: rgba(36, 87, 255, .12);
    color: var(--text);
}

@media (max-width: 720px) {
    .consent-notice[b-ojwe5boqsi] {
        margin: 12px 16px 0;
    }
}
/* /Components/Shared/PublicFooter.razor.rz.scp.css */
/* Kopieret fra .landing-footer* i Home.razor.css / .policy-footer* i Privatlivspolitik.razor.css.
   Scoped CSS krydser ikke komponentgrænsen, så reglerne skal ligge her. */
.public-footer[b-e4k0a6vcmy] {
    min-height: 112px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    padding: 28px max(24px, calc((100vw - 1264px) / 2));
    background: #06101f;
    color: #fff;
}

.public-footer > div:first-child[b-e4k0a6vcmy] {
    display: grid;
    gap: 4px;
}

.public-footer strong[b-e4k0a6vcmy] {
    font-family: "Geist Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 14px;
    letter-spacing: .8px;
}

.public-footer span[b-e4k0a6vcmy] {
    color: rgba(255, 255, 255, .6);
    font-size: 14px;
}

.public-footer-links[b-e4k0a6vcmy] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.public-footer a[b-e4k0a6vcmy] {
    color: #00cfff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.public-footer a:hover[b-e4k0a6vcmy] {
    text-decoration: underline;
}

.public-footer-cookie[b-e4k0a6vcmy] {
    padding: 0;
    border: 0;
    background: none;
    color: rgba(255, 255, 255, .7);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.public-footer-cookie:hover[b-e4k0a6vcmy] {
    color: #fff;
}

@media (max-width: 540px) {
    .public-footer[b-e4k0a6vcmy] {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
        padding: 28px 18px;
    }

    .public-footer-links[b-e4k0a6vcmy] {
        flex-wrap: wrap;
        gap: 8px 18px;
    }
}
/* /Components/Shared/PublicHeader.razor.rz.scp.css */
/* Kopieret fra .landing-nav* i Home.razor.css. Scoped CSS krydser ikke komponentgrænsen, så
   reglerne skal ligge her — ikke genbruges. Ændrer man den ene, skal den anden følge med,
   indtil Home.razor selv flytter over på denne komponent. */
.public-nav[b-8myx5dr19k] {
    height: 77px;
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 20px max(24px, calc((100vw - 1264px) / 2));
    border-bottom: 1px solid #dce4ee;
    background: #fff;
}

.public-nav-links[b-8myx5dr19k] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 24px;
}

/* ::deep rækker ind i BrandLogo, som er sin egen komponent og derfor ikke rammes af selektoren ovenfor. */
.public-nav-links a[b-8myx5dr19k],
.public-nav-links[b-8myx5dr19k]  a {
    color: #44546a;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.public-nav-links a:hover[b-8myx5dr19k],
.public-nav-links[b-8myx5dr19k]  a:hover {
    color: #2457ff;
}

.public-nav-links .nav-access[b-8myx5dr19k] {
    padding: 10px 22px;
    border-radius: 8px;
    background: #2457ff;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    text-decoration: none;
    transition: background-color .16s ease, transform .16s ease;
}

.public-nav-links .nav-access:hover[b-8myx5dr19k] {
    background: #1747e5;
    color: #fff;
    transform: translateY(-1px);
}

@media (max-width: 900px) {
    .public-nav[b-8myx5dr19k] {
        height: 68px;
        padding-block: 15px;
    }

    .public-nav-links > a:not(.nav-access)[b-8myx5dr19k],
    .public-nav-links[b-8myx5dr19k]  a:not(.nav-access) {
        display: none;
    }
}

@media (max-width: 540px) {
    .public-nav[b-8myx5dr19k] { padding-inline: 18px; }
    .public-nav-links[b-8myx5dr19k] { gap: 0; }
    .public-nav-links .nav-access[b-8myx5dr19k] { padding: 9px 16px; font-size: 13px; }
}

@media (prefers-reduced-motion: reduce) {
    .public-nav-links .nav-access[b-8myx5dr19k] {
        transition: none;
    }
}