/**
 * Min Bornehave premium product experience.
 * Loaded after page-family styles. Keep this layer visual and behavioral;
 * product-specific layout remains with each surface stylesheet.
 */

.site-ui {
    --mb-font: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --mb-font-display: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --mb-ink: #0b1528;
    --mb-navy: #0b1528;
    --mb-copy: #26364d;
    --mb-muted: #5c6b80;
    --mb-subtle: #748197;
    --mb-blue: #1267e8;
    --mb-blue-deep: #084cae;
    --mb-blue-bright: #2c7df0;
    --mb-blue-wash: #eef5ff;
    --mb-blue-band: #dfeeff;
    --mb-surface: #ffffff;
    --mb-surface-alt: #f5f7fa;
    --mb-surface-quiet: #f9fafc;
    --mb-line: #dce3ec;
    --mb-line-strong: #c3cedb;
    --mb-green: #168a5b;
    --mb-green-wash: #eaf8f1;
    --mb-amber: #9a6400;
    --mb-amber-wash: #fff6db;
    --mb-danger: #c73434;
    --mb-danger-wash: #fff0f0;
    --mb-radius: 8px;
    --mb-radius-lg: 8px;
    --mb-shadow-sm: 0 1px 2px rgba(11, 21, 40, 0.05);
    --mb-shadow-md: 0 12px 30px rgba(11, 21, 40, 0.08);
    --mb-shadow-lg: 0 22px 54px rgba(11, 21, 40, 0.11);
    color: var(--mb-ink);
    background: var(--mb-surface);
    font-family: var(--mb-font);
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    letter-spacing: 0;
    margin: 0;
}

.site-ui *,
.site-ui *::before,
.site-ui *::after {
    letter-spacing: 0;
}

.site-ui h1,
.site-ui h2,
.site-ui h3,
.site-ui h4,
.site-ui p,
.site-ui li,
.site-ui label,
.site-ui button,
.site-ui input,
.site-ui select,
.site-ui textarea {
    font-family: var(--mb-font);
}

.site-ui h1,
.site-ui h2,
.site-ui h3,
.site-ui h4 {
    color: var(--mb-ink);
    font-weight: 700;
    text-wrap: balance;
}

.site-ui p,
.site-ui li {
    color: var(--mb-copy);
}

.site-ui img {
    max-width: 100%;
}

.site-ui main {
    overflow: clip;
}

.site-ui ::selection {
    color: var(--mb-ink);
    background: #c9dfff;
}

.site-ui a:focus-visible,
.site-ui button:focus-visible,
.site-ui input:focus-visible,
.site-ui select:focus-visible,
.site-ui textarea:focus-visible,
.site-ui [tabindex]:focus-visible {
    outline: 3px solid #76a9f6 !important;
    outline-offset: 3px !important;
}

/* Shared shell */
.site-ui header.site-header,
.site-ui header.sticky.site-header {
    min-height: 72px;
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid var(--mb-line) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.site-ui .site-header__inner {
    width: min(100%, 1240px);
    margin-inline: auto;
    padding-inline: 24px !important;
}

.site-ui .site-header__bar {
    min-height: 72px;
    height: 72px !important;
}

.site-ui header.site-header .site-brand,
.site-ui header.sticky.site-header .site-brand {
    min-height: 44px;
    color: var(--mb-ink) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.site-ui .site-brand-mark {
    width: 36px !important;
    height: 36px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
}

.site-ui .site-brand-logo {
    width: 36px !important;
    height: 36px !important;
}

.site-ui header.site-header .site-brand-name,
.site-ui header.sticky.site-header .site-brand-name {
    color: #0b1528 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
}

.site-ui .site-nav {
    gap: 2px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.site-ui .site-nav > a {
    text-decoration: none !important;
}

.site-ui .site-nav .nav-btn {
    min-height: 44px !important;
    padding: 0 14px !important;
    color: #3d4a5e !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: color 160ms ease, background-color 160ms ease !important;
}

.site-ui .site-nav .nav-btn:hover {
    color: var(--mb-ink) !important;
    background: var(--mb-surface-alt) !important;
    transform: none !important;
}

.site-ui .site-nav .nav-btn.active,
.site-ui .site-nav a[aria-current="page"] .nav-btn {
    color: #084cae !important;
    background: var(--mb-blue-wash) !important;
    box-shadow: none !important;
}

.site-ui header.site-header .nav-login-link,
.site-ui header.sticky.site-header .nav-login-link {
    min-height: 44px !important;
    padding: 0 15px !important;
    color: var(--mb-ink) !important;
    border: 1px solid var(--mb-line-strong) !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.site-ui header.site-header .nav-login-link:hover,
.site-ui header.sticky.site-header .nav-login-link:hover {
    color: #084cae !important;
    border-color: #8db5ee !important;
    background: var(--mb-blue-wash) !important;
}

.site-ui .site-header__menu-btn {
    width: 44px !important;
    height: 44px !important;
    padding: 10px !important;
    color: var(--mb-ink) !important;
    border: 1px solid var(--mb-line) !important;
    border-radius: 6px !important;
    background: #ffffff !important;
}

.site-ui #mobile-menu {
    border-top: 1px solid var(--mb-line) !important;
    background: #ffffff !important;
    box-shadow: 0 16px 30px rgba(11, 21, 40, 0.1) !important;
}

.site-ui #mobile-menu .mobile-nav-link {
    min-height: 48px;
    color: var(--mb-copy) !important;
    border-radius: 6px !important;
}

.site-ui #mobile-menu .mobile-nav-link:hover,
.site-ui #mobile-menu .mobile-nav-active {
    color: #084cae !important;
    background: var(--mb-blue-wash) !important;
}

/* Buttons and form controls */
.site-ui .mb-btn,
.site-ui button.mb-btn,
.site-ui a.mb-btn {
    min-height: 48px;
    padding: 0 18px;
    border-radius: 6px !important;
    box-shadow: none !important;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none !important;
    transform: none !important;
    transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease !important;
}

.site-ui .mb-btn::before,
.site-ui .mb-btn::after {
    display: none !important;
}

.site-ui .mb-btn-primary,
.site-ui button.mb-btn-primary,
.site-ui a.mb-btn-primary {
    color: #ffffff !important;
    border: 1px solid var(--mb-blue) !important;
    background: var(--mb-blue) !important;
    box-shadow: none !important;
}

.site-ui .mb-btn-primary:hover,
.site-ui button.mb-btn-primary:hover,
.site-ui a.mb-btn-primary:hover {
    color: #ffffff !important;
    border-color: var(--mb-blue-deep) !important;
    background: var(--mb-blue-deep) !important;
}

.site-ui .mb-btn-secondary,
.site-ui button.mb-btn-secondary,
.site-ui a.mb-btn-secondary {
    color: var(--mb-ink) !important;
    border: 1px solid var(--mb-line-strong) !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.site-ui .mb-btn-secondary:hover,
.site-ui button.mb-btn-secondary:hover,
.site-ui a.mb-btn-secondary:hover {
    color: #084cae !important;
    border-color: #8db5ee !important;
    background: var(--mb-blue-wash) !important;
}

.site-ui .mb-btn-soft,
.site-ui a.mb-btn-soft,
.site-ui button.mb-btn-soft {
    color: #084cae !important;
    border: 1px solid #bdd4f4 !important;
    background: var(--mb-blue-wash) !important;
    box-shadow: none !important;
}

.site-ui input:not([type="checkbox"]):not([type="radio"]),
.site-ui select,
.site-ui textarea {
    min-height: 48px;
    color: var(--mb-ink) !important;
    border: 1px solid var(--mb-line-strong) !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.site-ui textarea {
    min-height: 132px;
}

.site-ui input:not([type="checkbox"]):not([type="radio"]):hover,
.site-ui select:hover,
.site-ui textarea:hover {
    border-color: #9cabbc !important;
}

.site-ui input:not([type="checkbox"]):not([type="radio"]):focus,
.site-ui select:focus,
.site-ui textarea:focus {
    border-color: var(--mb-blue) !important;
    box-shadow: 0 0 0 3px rgba(18, 103, 232, 0.14) !important;
}

.site-ui input[type="checkbox"],
.site-ui input[type="radio"] {
    width: 20px;
    height: 20px;
    accent-color: var(--mb-blue) !important;
}

/* Layout rhythm */
.site-ui .launch-content,
.site-ui .site-footer-inner {
    width: min(100% - 48px, 1120px) !important;
    max-width: 1120px !important;
    margin-inline: auto !important;
}

.site-ui .launch-section {
    padding-block: 76px !important;
    background: #ffffff;
}

.site-ui main > .launch-section:nth-of-type(odd) {
    background: var(--mb-surface-alt);
}

.site-ui .section-title,
.site-ui .section-heading h2 {
    margin: 0 0 14px;
    color: var(--mb-ink) !important;
    font-size: 34px !important;
    line-height: 1.12 !important;
}

.site-ui .section-kicker,
.site-ui .eyebrow {
    display: block !important;
    width: fit-content;
    margin: 0 0 16px !important;
    padding: 0 !important;
    color: #084cae !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-transform: uppercase;
}

.site-ui .launch-hero:not(.hero-premium) {
    position: relative;
    min-height: 0 !important;
    padding-block: 80px !important;
    color: var(--mb-ink);
    border: 0 !important;
    border-bottom: 1px solid #cbdcf2 !important;
    background: var(--mb-blue-wash) !important;
    box-shadow: none !important;
}

/* The homepage stays product-first, but uses a single solid brand stage. */
.site-ui.homepage .homepage-blue-stack,
.site-ui.homepage .hero-premium {
    background: #1267e8 !important;
}

.site-ui.homepage .hero-premium-bg,
.site-ui.homepage .hero-premium-aurora {
    display: none !important;
}

.site-ui.homepage .homepage-blue-stack::before,
.site-ui.homepage .homepage-blue-stack::after {
    display: none !important;
    background: none !important;
}

.site-ui.homepage .hero-premium {
    border: 0 !important;
    box-shadow: none !important;
}

.site-ui.homepage .hero-premium-badge {
    padding: 0 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.site-ui.homepage .hero-premium-card,
.site-ui.homepage .hero-search-card {
    border: 1px solid rgba(255, 255, 255, 0.78) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.site-ui.homepage .hero-plan-cta__note,
.site-ui.homepage .current-stage-card .trust-note {
    color: #ffffff !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.site-ui.homepage .homepage-blue-stack .hero-search-divider {
    color: #ffffff !important;
}

.site-ui.homepage .homepage-blue-stack .hero-premium-feature-link {
    color: #ffffff !important;
    border-color: #6fa1e5 !important;
    background: #0b4fb3 !important;
}

.site-ui.homepage .homepage-blue-stack .hero-premium-feature-link span,
.site-ui.homepage .homepage-blue-stack .hero-premium-feature-link strong {
    color: #ffffff !important;
}

.site-ui.homepage .hero-premium-feature-link svg {
    color: #ffffff !important;
    background: transparent !important;
}

.site-ui.homepage .homepage-blue-stack .hero-premium-stat {
    color: #ffffff !important;
    border-color: #6fa1e5 !important;
    background: #0b4fb3 !important;
}

.site-ui.homepage .homepage-blue-stack .hero-premium-stat strong,
.site-ui.homepage .homepage-blue-stack .hero-premium-stat span,
.site-ui.homepage .current-stage-card--pladsjagt .current-stage-card__eyebrow,
.site-ui.homepage .current-stage-card--pladsjagt .trust-note,
body.site-ui.homepage .current-stage-section--pladsjagt .current-stage-card--pladsjagt .current-stage-card__eyebrow,
body.site-ui.homepage .current-stage-section--pladsjagt .current-stage-card--pladsjagt .trust-note {
    color: #ffffff !important;
}

/* High-contrast homepage bands: one ink system per background. */
.site-ui.homepage .conversion-section.section-band-blue,
.site-ui.homepage .section-band-blue {
    color: #ffffff !important;
    background: #0b4fb3 !important;
}

.site-ui.homepage .section-band-blue .section-heading h2 {
    color: #ffffff !important;
}

.site-ui.homepage .section-band-blue .section-heading > p {
    color: #edf5ff !important;
}

.site-ui.homepage .section-band-blue .section-kicker,
.site-ui.homepage .outcome-band__kicker {
    padding: 0 !important;
    color: #ffffff !important;
    border: 0 !important;
    background: transparent !important;
}

.site-ui.homepage .offering-chip__count {
    color: #526177 !important;
}

.site-ui.homepage .hero-parent-figure,
.site-ui.homepage .hero-photo-fallback,
.site-ui.homepage .hero-photo-fallback img {
    border-radius: 8px !important;
}

.site-ui.homepage .hero-parent-figure {
    box-shadow: 0 20px 46px rgba(4, 45, 105, 0.24) !important;
}

.site-ui .launch-hero:not(.hero-premium)::before,
.site-ui .launch-hero:not(.hero-premium)::after {
    display: none !important;
}

.site-ui .launch-hero:not(.hero-premium) h1 {
    max-width: 820px;
    margin: 0;
    color: var(--mb-ink) !important;
    font-size: 56px !important;
    font-weight: 700 !important;
    line-height: 1.02 !important;
}

.site-ui .launch-hero:not(.hero-premium) .home-hero-copy {
    max-width: 720px;
    margin-top: 22px;
    color: #33455f !important;
    font-size: 19px !important;
    line-height: 1.58 !important;
}

.site-ui .hero-actions,
.site-ui .guide-cta-row,
.site-ui .launch-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px !important;
}

/* Cards, rows, and framed tools */
.site-ui .guide-card,
.site-ui .soft-card,
.site-ui .question-card,
.site-ui .home-search-card,
.site-ui .application-path-card,
.site-ui .startklar-card,
.site-ui .city-intro-card,
.site-ui .legal-grid .guide-card,
.site-ui .guide-hub-grid a,
.site-ui #daycare-list-grid > div,
.site-ui #daycare-list-grid > .institution-list-card {
    color: var(--mb-ink) !important;
    border: 1px solid var(--mb-line) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
}

.site-ui .guide-card:hover,
.site-ui .soft-card:hover,
.site-ui .question-card:hover,
.site-ui .guide-hub-grid a:hover,
.site-ui #daycare-list-grid > div:hover,
.site-ui #daycare-list-grid > .institution-list-card:hover {
    border-color: #9fc1ef !important;
    background: #fbfdff !important;
    box-shadow: var(--mb-shadow-sm) !important;
    transform: none !important;
}

.site-ui .guide-card h2,
.site-ui .guide-card h3,
.site-ui .soft-card h2,
.site-ui .soft-card h3,
.site-ui .question-card h2,
.site-ui .question-card h3 {
    color: var(--mb-ink) !important;
}

.site-ui .guide-card p,
.site-ui .soft-card p,
.site-ui .question-card p {
    color: var(--mb-copy) !important;
}

.site-ui .badge,
.site-ui .status-badge,
.site-ui .age-group-pill,
.site-ui .plan-chip {
    border-radius: 999px !important;
}

.site-ui .ec-editorial-figure,
.site-ui .ec-empty-illustration,
.site-ui .ec-empty-state__visual,
.site-ui .plan-editorial-intro,
.site-ui .plan-result-art {
    display: none !important;
}

.site-ui .ec-empty-state {
    color: var(--mb-copy) !important;
    border: 1px dashed var(--mb-line-strong) !important;
    border-radius: 8px !important;
    background: var(--mb-surface-quiet) !important;
    box-shadow: none !important;
}

/* Guide hub: a bold editorial stage with a practical index beside it. */
.site-ui.guides-hub-page .guides-hub-hero {
    padding-block: 88px !important;
    color: #ffffff !important;
    border-bottom: 0 !important;
    background: #1267e8 !important;
}

.site-ui.guides-hub-page .guides-hub-hero__inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr) !important;
    gap: 72px !important;
    align-items: center !important;
}

.site-ui.guides-hub-page .guides-hub-hero .eyebrow {
    color: #ffffff !important;
}

.site-ui.guides-hub-page .guides-hub-hero h1 {
    max-width: 700px;
    color: #ffffff !important;
    font-size: 60px !important;
}

.site-ui.guides-hub-page .guides-hub-hero .home-hero-copy,
.site-ui.guides-hub-page .guides-hub-hero__highlights li {
    color: #edf5ff !important;
}

.site-ui.guides-hub-page .guides-hub-hero__highlights {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 24px;
    margin: 26px 0 30px;
    padding: 0;
    list-style: none;
}

.site-ui.guides-hub-page .guides-hub-hero__highlights li {
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 600;
}

.site-ui.guides-hub-page .guides-hub-hero__highlights li::before {
    content: "";
    position: absolute;
    top: 0.52em;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #70e0a6;
}

.site-ui.guides-hub-page .guides-hub-hero__actions .mb-btn-primary {
    color: #084cae !important;
    border-color: #ffffff !important;
    background: #ffffff !important;
}

.site-ui.guides-hub-page .guides-hub-hero__actions .mb-btn-secondary {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.64) !important;
    background: transparent !important;
}

.site-ui.guides-hub-page .guides-hub-hero__actions .mb-btn-soft {
    min-height: 44px;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.42) !important;
    background: rgba(8, 76, 174, 0.28) !important;
}

.site-ui.guides-hub-page .guides-hub-hero__aside {
    padding: 26px !important;
    color: var(--mb-ink) !important;
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 22px 46px rgba(4, 45, 105, 0.18) !important;
}

.site-ui.guides-hub-page .guides-hub-hero__aside-label {
    color: #084cae !important;
}

.site-ui.guides-hub-page .guides-hub-hero__quick a {
    min-height: 68px;
    color: var(--mb-ink) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--mb-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.site-ui.guides-hub-page .guides-hub-hero__quick li:last-child a {
    border-bottom: 0 !important;
}

.site-ui.guides-hub-page .guides-hub-hero__quick a:hover {
    color: #084cae !important;
    background: var(--mb-blue-wash) !important;
}

.site-ui.guides-hub-page .guide-hub-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px !important;
    overflow: hidden;
    border: 1px solid var(--mb-line);
    border-radius: 8px;
    background: var(--mb-line);
}

.site-ui.guides-hub-page .guide-hub-grid a {
    min-height: 138px;
    padding: 28px !important;
    border: 0 !important;
    border-radius: 0 !important;
}

/* Editorial guides should read like publications, not stacked cards. */
.site-ui.guide-article-page .guide-article,
.site-ui.guide-article-page main.guide-article {
    background: #ffffff !important;
}

.site-ui.guide-article-page .guide-article > .launch-content,
.site-ui.guide-article-page article.launch-content {
    max-width: 820px !important;
}

.site-ui.guide-article-page .launch-hero {
    padding-block: 72px !important;
}

.site-ui.guide-article-page .guide-card {
    padding: 34px 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--mb-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.site-ui.guide-article-page .guide-card:first-child {
    border-top: 0 !important;
}

.site-ui.guide-article-page .guide-card:hover {
    border-color: var(--mb-line) !important;
    background: transparent !important;
    box-shadow: none !important;
}

.site-ui.guide-article-page .guide-faq-item,
.site-ui.guide-article-page details {
    border: 1px solid var(--mb-line) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
}

/* Search, city, and institution pages are data products. */
.site-ui.find-institution-page .launch-hero,
.site-ui.city-page .city-hero,
.site-ui.institution-detail-page .institution-detail-hero,
.site-ui.seo-intent-page:not(.guides-hub-page):not(.guide-article-page) .seo-intent-hero {
    padding-block: 68px !important;
    background: #eef5ff !important;
}

.site-ui.city-page .city-hero,
.site-ui.find-institution-page .launch-hero {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
}

.site-ui.seo-intent-page main.guide-article {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.site-ui.find-institution-page .guide-card p a {
    white-space: nowrap;
}

.site-ui.seo-intent-page main.guide-article > .seo-intent-hero,
.site-ui.seo-intent-page .urgent-branch,
.site-ui.seo-intent-page .urgent-branch__inner {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.site-ui.find-institution-page .launch-hero h1,
.site-ui.city-page .city-hero h1,
.site-ui.institution-detail-page .institution-detail-hero h1 {
    font-size: 50px !important;
}

.site-ui .breadcrumb {
    color: var(--mb-muted) !important;
    font-size: 14px !important;
}

.site-ui .breadcrumb a {
    color: #084cae !important;
}

/* Legacy hero styles used white breadcrumbs; these heroes are intentionally light. */
.site-ui .launch-hero:not(.hero-premium) .breadcrumb,
.site-ui .launch-hero:not(.hero-premium) .breadcrumb span,
.site-ui.city-page .city-hero .breadcrumb,
.site-ui.city-page .city-hero .breadcrumb span,
.site-ui.seo-intent-page .seo-intent-hero .breadcrumb,
.site-ui.seo-intent-page .seo-intent-hero .breadcrumb span {
    color: var(--mb-muted) !important;
}

.site-ui .launch-hero:not(.hero-premium) .breadcrumb a,
.site-ui.city-page .city-hero .breadcrumb a,
.site-ui.seo-intent-page .seo-intent-hero .breadcrumb a {
    color: #084cae !important;
}

.site-ui.startklar-page .launch-hero.startklar-hero {
    color: var(--mb-ink) !important;
    background: #eef5ff !important;
}

.site-ui.startklar-page .launch-hero.startklar-hero nav.breadcrumb--hero,
.site-ui.startklar-page .launch-hero.startklar-hero nav.breadcrumb--hero span {
    color: var(--mb-muted) !important;
}

.site-ui.startklar-page .launch-hero.startklar-hero nav.breadcrumb--hero a,
.site-ui.startklar-page .launch-hero.startklar-hero .eyebrow {
    color: #084cae !important;
}

.site-ui.startklar-page .launch-hero.startklar-hero .eyebrow {
    border: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
}

.site-ui.startklar-page .launch-hero.startklar-hero h1 {
    color: var(--mb-ink) !important;
}

.site-ui.startklar-page .launch-hero.startklar-hero .home-hero-copy,
.site-ui.startklar-page .startklar-hero__highlights li {
    color: var(--mb-copy) !important;
}

.site-ui.city-page .urgent-branch,
.site-ui.seo-intent-page .urgent-branch {
    color: #ffffff !important;
    border: 0 !important;
    background: #0b4fb3 !important;
}

.site-ui.city-page .urgent-branch *,
.site-ui.seo-intent-page .urgent-branch * {
    color: #ffffff !important;
}

.site-ui.city-page .urgent-branch .mb-btn-primary,
.site-ui.seo-intent-page .urgent-branch .mb-btn-primary {
    color: #084cae !important;
    border-color: #ffffff !important;
    background: #ffffff !important;
}

.site-ui.city-page .urgent-branch .mb-btn-secondary,
.site-ui.seo-intent-page .urgent-branch .mb-btn-secondary {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.7) !important;
    background: transparent !important;
}

.site-ui.institution-detail-page .institution-detail-meta,
.site-ui.institution-detail-page .institution-source-context {
    border: 1px solid var(--mb-line) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.site-ui.institution-detail-page main.guide-article {
    overflow: visible !important;
    background: #ffffff !important;
}

.site-ui.institution-detail-page .institution-detail-hero {
    position: relative;
    padding: 64px 0 80px !important;
    border: 0 !important;
    background: transparent !important;
    isolation: isolate;
}

.site-ui.institution-detail-page .institution-detail-hero::before {
    display: block !important;
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: auto;
    left: 50%;
    width: 100vw;
    height: 430px;
    transform: translateX(-50%);
    background: #eef5ff !important;
}

.site-ui.institution-detail-page .institution-detail-meta {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 0 !important;
    overflow: hidden;
    margin: 28px 0 18px !important;
    padding: 0 !important;
}

.site-ui.institution-detail-page .institution-detail-meta > div {
    min-width: 0;
    padding: 18px !important;
    border-left: 1px solid var(--mb-line) !important;
}

.site-ui.institution-detail-page .institution-detail-meta > div:first-child {
    border-left: 0 !important;
}

.site-ui.institution-detail-page .institution-detail-meta dt,
.site-ui.institution-detail-page .institution-source-context dt {
    color: var(--mb-muted) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

.site-ui.institution-detail-page .institution-detail-meta dd {
    margin-top: 7px !important;
    color: var(--mb-ink) !important;
    font-size: 15px !important;
    overflow-wrap: anywhere;
}

.site-ui.institution-detail-page .institution-source-context {
    margin-top: 18px !important;
    padding: 22px !important;
}

.site-ui.institution-detail-page .institution-source-context h2 {
    margin-top: 0 !important;
    font-size: 20px !important;
}

.site-ui.institution-detail-page .institution-source-context dl {
    display: grid !important;
    grid-template-columns: 150px minmax(0, 1fr) !important;
    gap: 12px 20px !important;
    margin: 0 !important;
}

.site-ui.institution-detail-page .institution-source-context dl > div {
    display: contents !important;
}

.site-ui.institution-detail-page .institution-source-context dd {
    min-width: 0;
    margin: 0 !important;
    color: var(--mb-copy) !important;
}

.site-ui.institution-detail-page .institution-detail-disclaimer {
    color: #355540 !important;
    border: 1px solid #b9dfc9 !important;
    border-radius: 8px !important;
    background: var(--mb-green-wash) !important;
}

.site-ui.institution-detail-page .age-group-pill,
.site-ui.institution-detail-page .institution-enrichment-tag {
    color: #12623f !important;
    border-color: #b9dfc9 !important;
    background: var(--mb-green-wash) !important;
}

.site-ui.institution-detail-page .institution-detail-meta > div,
.site-ui.institution-detail-page .institution-source-context dl > div {
    border-color: var(--mb-line) !important;
}

.site-ui #daycare-list-grid {
    gap: 12px !important;
}

.site-ui #daycare-list-grid > div,
.site-ui #daycare-list-grid > .institution-list-card {
    min-height: 168px;
}

/* Plan and calculator: focused work surfaces with one action at a time. */
.site-ui.plan-page {
    min-height: 100vh;
    color: var(--mb-ink);
    background: #f5f7fa !important;
}

.site-ui.plan-page .plan-shell {
    width: min(100% - 40px, 860px) !important;
    max-width: 860px !important;
    padding-bottom: 72px !important;
}

.site-ui.plan-page .plan-shell--wide {
    width: min(100% - 40px, 1120px) !important;
    max-width: 1120px !important;
}

.site-ui.plan-page .plan-topbar {
    min-height: 76px;
    margin-bottom: 38px !important;
    border-bottom: 1px solid var(--mb-line);
}

.site-ui.plan-page .plan-topbar__brand {
    color: var(--mb-ink) !important;
    font-weight: 700 !important;
}

.site-ui.plan-page .plan-topbar__brand img {
    width: 34px !important;
    height: 34px !important;
}

.site-ui.plan-page .plan-topbar__exit {
    min-height: 44px;
    padding: 0 14px !important;
    color: var(--mb-copy) !important;
    border: 1px solid var(--mb-line-strong) !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.site-ui.plan-page .plan-progress {
    margin: 0 0 18px !important;
}

.site-ui.plan-page .plan-progress__label {
    color: var(--mb-muted) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.site-ui.plan-page .plan-progress__track {
    height: 4px !important;
    border-radius: 999px !important;
    background: #dce3ec !important;
}

.site-ui.plan-page .plan-progress__bar {
    border-radius: 999px !important;
    background: var(--mb-blue) !important;
    box-shadow: none !important;
}

.site-ui.plan-page .plan-card {
    padding: 40px !important;
    border: 1px solid var(--mb-line) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: var(--mb-shadow-sm) !important;
}

.site-ui.plan-page .plan-step h1,
.site-ui.plan-page .plan-step h2 {
    color: var(--mb-ink) !important;
    font-size: 34px !important;
    line-height: 1.14 !important;
}

.site-ui.plan-page .plan-step__help,
.site-ui.plan-page .plan-privacy-note,
.site-ui.plan-page .plan-field__hint {
    color: var(--mb-muted) !important;
}

.site-ui.plan-page .plan-option {
    min-height: 96px;
    padding: 20px !important;
    text-align: left;
    border: 1px solid var(--mb-line) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.site-ui.plan-page .plan-option:hover {
    border-color: #8db5ee !important;
    background: var(--mb-blue-wash) !important;
}

.site-ui.plan-page .plan-option.is-selected,
.site-ui.plan-page .plan-chip.is-selected {
    color: #084cae !important;
    border-color: var(--mb-blue) !important;
    background: var(--mb-blue-wash) !important;
    box-shadow: 0 0 0 1px var(--mb-blue) !important;
}

.site-ui.plan-page .plan-chip {
    min-height: 44px;
    color: var(--mb-copy) !important;
    border: 1px solid var(--mb-line-strong) !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.site-ui.plan-page .plan-nav__back,
.site-ui.plan-page .plan-nav__skip {
    min-height: 44px;
    color: #084cae !important;
    border: 0 !important;
    background: transparent !important;
}

.site-ui.plan-page .phase-card,
.site-ui.plan-page .plan-generic-notice,
.site-ui.plan-page .plan-trust-note,
.site-ui.plan-page .plan-reminder-form,
.site-ui.beregner-page .beregner-card,
.site-ui.beregner-page .beregner-result-card {
    border: 1px solid var(--mb-line) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

/* Saturated service surfaces always use a single light-text contract. */
.site-ui.placement-page .placement-hero--service .placement-kicker,
.site-ui.placement-page .placement-hero--service .placement-lede,
.site-ui.placement-page .placement-hero--service .placement-trust-line,
.site-ui.placement-page .placement-hero--service .placement-disclaimer,
.site-ui.placement-page .placement-success-hero .placement-kicker,
.site-ui.placement-page .placement-success-hero .placement-lede,
.site-ui.placement-page .placement-success-hero .placement-trust-line,
.site-ui.placement-page .placement-closing-cta .placement-kicker,
.site-ui.placement-page .placement-closing-cta p {
    color: #ffffff !important;
}

.site-ui.placement-page .placement-next-panel .placement-list li {
    color: #ffffff !important;
    border-color: #6fa1e5 !important;
    background: #0b4fb3 !important;
}

/* Auth, dashboard, legal, and commerce keep the interface quiet. */
.site-ui.auth-page,
.site-ui.favorites-page,
.site-ui.shop-page,
.site-ui.legal-page {
    color: var(--mb-ink);
    background: #f5f7fa !important;
}

.site-ui.favorites-page .favorites-shell,
.site-ui.notifications-page .notifications-shell {
    background: #ffffff !important;
}

.site-ui.favorites-page .favorites-hero,
.site-ui.notifications-page .notifications-hero {
    color: var(--mb-ink) !important;
    border: 0 !important;
    border-bottom: 1px solid #cbdcf2 !important;
    border-radius: 0 !important;
    background: #eef5ff !important;
    box-shadow: none !important;
}

.site-ui.favorites-page .favorites-hero::before,
.site-ui.favorites-page .favorites-hero::after,
.site-ui.notifications-page .notifications-hero::before,
.site-ui.notifications-page .notifications-hero::after {
    display: none !important;
}

.site-ui.favorites-page .favorites-hero h1,
.site-ui.notifications-page .notifications-hero h1 {
    color: var(--mb-ink) !important;
    font-size: 50px !important;
    line-height: 1.05 !important;
}

.site-ui.favorites-page .favorites-hero-copy,
.site-ui.notifications-page .notifications-hero-copy {
    color: var(--mb-copy) !important;
}

.site-ui.favorites-page .favorites-badge,
.site-ui.notifications-page .notifications-badge {
    padding: 0 !important;
    color: #084cae !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.site-ui.favorites-page .favorites-back-link,
.site-ui.notifications-page .notifications-back-link {
    min-height: 44px;
    color: #084cae !important;
    border: 0 !important;
    background: transparent !important;
}

.site-ui.notifications-page .notification-soon-chip,
.site-ui.notifications-page .notifications-hero .notification-soon-chip {
    color: #084cae !important;
    border-color: #bfd2ed !important;
    background: #ffffff !important;
}

.site-ui.notifications-page .milo-hero-figure {
    display: none !important;
}

.site-ui.auth-page #login-form .text-xs.text-gray-400,
.site-ui.auth-page #register-form .text-xs.text-gray-400 {
    color: #526177 !important;
}

.site-ui.shop-page #product-grid .shop-product-badge--featured {
    color: #ffffff !important;
    background: #0b6f52 !important;
}

.site-ui.favorites-page #favorites-count {
    color: #12623f !important;
    border: 1px solid #b9dfc9 !important;
    background: var(--mb-green-wash) !important;
}

.site-ui .favorites-state-card,
.site-ui .notifications-state-card {
    border: 1px solid var(--mb-line) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.site-ui.auth-page main,
.site-ui.auth-page .auth-main {
    min-height: calc(100vh - 72px);
}

.site-ui.auth-page .auth-hero-shader {
    min-height: 0 !important;
    padding: 34px 20px 30px !important;
    color: var(--mb-ink) !important;
    border: 0 !important;
    border-bottom: 1px solid #cbdcf2 !important;
    border-radius: 0 !important;
    background: #eef5ff !important;
    box-shadow: none !important;
}

.site-ui.auth-page .auth-hero-shader .ec-premium-hero__inner {
    width: min(100%, 620px) !important;
    max-width: 620px !important;
    margin-inline: auto !important;
    padding: 0 !important;
}

.site-ui.auth-page .auth-hero-shader .eyebrow {
    display: block;
    padding: 0 !important;
    color: #084cae !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.site-ui.auth-page .auth-hero-shader h1 {
    margin: 8px 0 !important;
    color: var(--mb-ink) !important;
    background: transparent !important;
    font-size: 40px !important;
    line-height: 1.05 !important;
    -webkit-text-fill-color: var(--mb-ink) !important;
    text-shadow: none !important;
}

.site-ui.auth-page .auth-hero-shader p {
    max-width: 560px;
    margin: 0 auto !important;
    color: var(--mb-copy) !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
}

.site-ui.auth-page main > .max-w-md.mx-auto.px-4.-mt-8 {
    width: min(100%, 480px) !important;
    max-width: 480px !important;
    margin-top: 0 !important;
    padding-top: 24px !important;
    padding-bottom: 64px !important;
}

.site-ui.auth-page .auth-card,
.site-ui.auth-page .auth-form-card,
.site-ui.favorites-page .favorites-card,
.site-ui.shop-page .shop-card {
    border: 1px solid var(--mb-line) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: var(--mb-shadow-sm) !important;
}

.site-ui.auth-page .auth-form-card form,
.site-ui.auth-page #login-form,
.site-ui.auth-page #firebase-register-form {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.site-ui.auth-page #login-form input,
.site-ui.auth-page #firebase-register-form input:not([type="checkbox"]),
.site-ui.auth-page #firebase-register-form select,
.site-ui.auth-page #login-form .mb-btn,
.site-ui.auth-page #firebase-register-form .mb-btn {
    border-radius: 6px !important;
}

.site-ui.auth-page #login-form button.mb-btn-primary,
.site-ui.auth-page #firebase-register-form button.mb-btn-primary,
.site-ui.auth-page form button.mb-btn-primary {
    color: #ffffff !important;
    border-color: var(--mb-blue) !important;
    background: var(--mb-blue) !important;
    box-shadow: none !important;
}

.site-ui.auth-page #login-form button.mb-btn-primary:hover,
.site-ui.auth-page #firebase-register-form button.mb-btn-primary:hover,
.site-ui.auth-page form button.mb-btn-primary:hover {
    border-color: var(--mb-blue-deep) !important;
    background: var(--mb-blue-deep) !important;
}

.site-ui.auth-page #login-forgot-password {
    color: #084cae !important;
    border: 0 !important;
    background: transparent !important;
}

.site-ui.legal-page .launch-hero {
    padding-block: 64px !important;
}

.site-ui.legal-page .legal-grid {
    gap: 12px !important;
}

.site-ui.shop-page .product-card,
.site-ui.shop-page .shop-product-card,
.site-ui.favorites-page .favorite-card {
    border: 1px solid var(--mb-line) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.site-ui.shop-page .shop-intro-banner {
    border-color: #cbdcf2 !important;
    border-radius: 8px !important;
    background: #eef5ff !important;
    box-shadow: none !important;
}

.site-ui.shop-page .shop-intro-banner > .eyebrow,
.site-ui.shop-page .shop-intro-banner > span:first-child {
    color: #084cae !important;
    background: transparent !important;
}

/* Secondary brands share the system without inheriting the retired Milo art. */
body.site-ui.app-page.min-skole-page main#main-content > section.min-skole-hero {
    min-height: 0 !important;
    padding-block: 64px !important;
    color: #ffffff !important;
    border: 0 !important;
    background-color: #1267e8 !important;
    background-image: none !important;
    box-shadow: none !important;
}

.site-ui.min-skole-page .min-skole-hero::before,
.site-ui.min-skole-page .min-skole-hero::after,
.site-ui.min-skole-page .min-skole-hero__brand {
    display: none !important;
}

.site-ui.min-skole-page .min-skole-hero__inner {
    width: min(100% - 48px, 1120px) !important;
    max-width: 1120px !important;
    margin-inline: auto !important;
    padding: 0 !important;
}

.site-ui.min-skole-page .min-skole-kicker {
    padding: 0 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.site-ui.min-skole-page .min-skole-hero h1 {
    max-width: 820px !important;
    color: #ffffff !important;
    font-size: 60px !important;
    line-height: 1.02 !important;
}

.site-ui.min-skole-page .min-skole-hero__lead {
    color: #edf5ff !important;
}

.site-ui.min-skole-page .min-skole-proof span {
    color: #ffffff !important;
    border-color: #6fa1e5 !important;
    background: #0b4fb3 !important;
}

.site-ui.min-skole-page .min-skole-hero .min-skole-actions .mb-btn-primary {
    color: #084cae !important;
    border-color: #ffffff !important;
    background: #ffffff !important;
}

.site-ui.min-skole-page .min-skole-hero .min-skole-actions .mb-btn-secondary {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.66) !important;
    background: transparent !important;
}

.site-ui.min-skole-page .min-skole-card,
.site-ui.min-skole-page .min-skole-roadmap-card,
.site-ui.min-skole-page .min-skole-glossary-card {
    border: 1px solid var(--mb-line) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.site-ui.minder-page .minder-shell {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.site-ui.minder-page .minder-hero {
    display: block !important;
    margin: 0 !important;
    padding-block: 82px !important;
    border: 0 !important;
    border-bottom: 1px solid #cbdcf2 !important;
    border-radius: 0 !important;
    background: #eef5ff !important;
    box-shadow: none !important;
}

.site-ui.minder-page .minder-hero__layout {
    display: block !important;
    width: min(100% - 48px, 1120px) !important;
    max-width: 1120px !important;
    margin-inline: auto !important;
}

.site-ui.minder-page .minder-hero__copy {
    max-width: 820px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.site-ui.minder-page .minder-kicker {
    padding: 0 !important;
    color: #084cae !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.site-ui.minder-page .minder-hero h1 {
    max-width: 760px !important;
    color: var(--mb-ink) !important;
    font-size: 60px !important;
    line-height: 1.02 !important;
}

.site-ui.minder-page .minder-lead {
    max-width: 760px !important;
    color: var(--mb-copy) !important;
    font-size: 18px !important;
}

.site-ui.minder-page .minder-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px !important;
}

/* Personal dashboard: still focused, but no longer phone-sized on desktop. */
.site-ui.hub-page .pathfinder-shell,
.site-ui.hub-page .hub-shell {
    width: min(100% - 40px, 720px) !important;
    max-width: 720px !important;
    padding: 34px 0 72px !important;
}

.site-ui.hub-page .hub-app__mast {
    margin-bottom: 22px !important;
}

.site-ui.hub-page .hub-app__panel {
    border: 1px solid var(--mb-line) !important;
    border-radius: 8px !important;
    box-shadow: var(--mb-shadow-sm) !important;
}

.site-ui.hub-page .hub-day-status__ok {
    color: #ffffff !important;
    background: #12623f !important;
}

#cookie-consent-overlay .cookie-btn-primary {
    color: #ffffff !important;
    border-color: #12623f !important;
    background: #12623f !important;
}

#cookie-consent-overlay .cookie-btn-primary:hover {
    border-color: #0f5136 !important;
    background: #0f5136 !important;
}

/* Footer */
.site-ui footer.site-footer.simple-footer,
.site-ui .site-footer {
    color: #dce8f7 !important;
    border-top: 0 !important;
    background: #0b1528 !important;
    box-shadow: none !important;
}

.site-ui .site-footer-inner {
    padding-block: 56px !important;
}

.site-ui .site-footer-brand strong {
    color: #ffffff !important;
    font-size: 18px !important;
}

.site-ui .site-footer-brand p,
.site-ui .site-footer-legal {
    color: #aebed2 !important;
}

.site-ui .site-footer-nav a {
    min-height: 44px;
    color: #e7eff9 !important;
    text-decoration: none !important;
}

.site-ui .site-footer a {
    color: #e7eff9 !important;
}

.site-ui .site-footer-nav a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
    text-underline-offset: 4px;
}

@media (max-width: 900px) {
    .site-ui.guides-hub-page .guides-hub-hero__inner {
        grid-template-columns: 1fr !important;
        gap: 42px !important;
    }

    .site-ui.guides-hub-page .guides-hub-hero__aside {
        max-width: 620px;
    }

    .site-ui .launch-hero:not(.hero-premium) h1,
    .site-ui.guides-hub-page .guides-hub-hero h1 {
        font-size: 48px !important;
    }

    .site-ui.institution-detail-page .institution-detail-meta {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .site-ui.institution-detail-page .institution-detail-meta > div:nth-child(odd) {
        border-left: 0 !important;
    }

    .site-ui.institution-detail-page .institution-detail-meta > div:nth-child(n + 3) {
        border-top: 1px solid var(--mb-line) !important;
    }
}

@media (max-width: 640px) {
    .site-ui .site-header__inner {
        padding-inline: 16px !important;
    }

    .site-ui header.site-header .site-brand-name,
    .site-ui header.sticky.site-header .site-brand-name {
        font-size: 16px !important;
    }

    .site-ui .launch-content,
    .site-ui .site-footer-inner {
        width: min(100% - 32px, 1120px) !important;
    }

    .site-ui .launch-section {
        padding-block: 52px !important;
    }

    .site-ui .launch-hero:not(.hero-premium),
    .site-ui.guides-hub-page .guides-hub-hero {
        padding-block: 58px !important;
    }

    .site-ui .launch-hero:not(.hero-premium) h1,
    .site-ui.guides-hub-page .guides-hub-hero h1,
    .site-ui.find-institution-page .launch-hero h1,
    .site-ui.city-page .city-hero h1,
    .site-ui.institution-detail-page .institution-detail-hero h1 {
        font-size: 40px !important;
        line-height: 1.06 !important;
    }

    .site-ui .launch-hero:not(.hero-premium) .home-hero-copy {
        font-size: 17px !important;
        line-height: 1.55 !important;
    }

    .site-ui .section-title,
    .site-ui .section-heading h2 {
        font-size: 29px !important;
    }

    .site-ui .hero-actions,
    .site-ui .guide-cta-row,
    .site-ui .launch-actions {
        align-items: stretch;
    }

    .site-ui .hero-actions > .mb-btn,
    .site-ui .guide-cta-row > .mb-btn,
    .site-ui .launch-actions > .mb-btn {
        width: 100%;
        justify-content: center;
    }

    .site-ui.guides-hub-page .guides-hub-hero__highlights,
    .site-ui.guides-hub-page .guide-hub-grid {
        grid-template-columns: 1fr !important;
    }

    .site-ui.guides-hub-page .guides-hub-hero__actions.guides-hub-hero__need-actions .mb-btn {
        width: auto;
        flex: 1 1 140px;
    }

    .site-ui.plan-page .plan-shell,
    .site-ui.plan-page .plan-shell--wide {
        width: min(100% - 24px, 1120px) !important;
    }

    .site-ui.plan-page .plan-topbar {
        margin-bottom: 26px !important;
    }

    .site-ui.plan-page .plan-card {
        padding: 26px 20px !important;
    }

    .site-ui.plan-page .plan-step h1,
    .site-ui.plan-page .plan-step h2 {
        font-size: 29px !important;
    }

    .site-ui.plan-page .plan-nav {
        gap: 12px;
    }

    .site-ui.institution-detail-page .institution-detail-hero {
        padding-block: 48px 60px !important;
    }

    .site-ui.institution-detail-page .institution-detail-hero::before {
        height: 520px;
    }

    .site-ui.institution-detail-page .institution-detail-meta {
        grid-template-columns: 1fr !important;
    }

    .site-ui.institution-detail-page .institution-detail-meta > div,
    .site-ui.institution-detail-page .institution-detail-meta > div:nth-child(odd),
    .site-ui.institution-detail-page .institution-detail-meta > div:nth-child(n + 3) {
        border-left: 0 !important;
        border-top: 1px solid var(--mb-line) !important;
    }

    .site-ui.institution-detail-page .institution-detail-meta > div:first-child {
        border-top: 0 !important;
    }

    .site-ui.institution-detail-page .institution-source-context dl {
        grid-template-columns: 1fr !important;
        gap: 5px !important;
    }

    .site-ui.institution-detail-page .institution-source-context dd + dt {
        margin-top: 12px !important;
    }

    .site-ui.favorites-page .favorites-hero h1,
    .site-ui.notifications-page .notifications-hero h1,
    .site-ui.min-skole-page .min-skole-hero h1,
    .site-ui.minder-page .minder-hero h1 {
        font-size: 40px !important;
    }

    .site-ui.min-skole-page .min-skole-hero__inner,
    .site-ui.minder-page .minder-hero__layout {
        width: min(100% - 32px, 1120px) !important;
    }

    body.site-ui.app-page.min-skole-page main#main-content > section.min-skole-hero,
    .site-ui.minder-page .minder-hero {
        padding-block: 58px !important;
    }

    .site-ui.hub-page .pathfinder-shell,
    .site-ui.hub-page .hub-shell {
        width: min(100% - 32px, 720px) !important;
        padding-block: 24px 56px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-ui *,
    .site-ui *::before,
    .site-ui *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}