/* MinBy Magasin */
/* Skrifter leveres med pluginnet (ingen kald til Google – vigtigt for kommuner og GDPR). OFL-licens, se fonts/. */
@font-face { font-family: "Newsreader"; src: url(fonts/newsreader.woff) format("woff"); font-weight: 200 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Newsreader"; src: url(fonts/newsreader-italic.woff) format("woff"); font-weight: 200 800; font-style: italic; font-display: swap; }
@font-face { font-family: "Figtree"; src: url(fonts/figtree.woff) format("woff"); font-weight: 300 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Figtree"; src: url(fonts/figtree-italic.woff) format("woff"); font-weight: 300 900; font-style: italic; font-display: swap; }
.mbm-viewer, .mbm-my-pages, .mbm-archive, .mbm-index, .mbm-buy-fields, .mbm-page, .mbme {
	--mbm-accent: var(--mbm-brand, #c8102e);
	--mbm-ink: #1b1d22;
	--mbm-ink-2: #4a4f59;
	--mbm-muted: #7b808a;
	--mbm-paper: #fbfaf7;
	--mbm-rule: #e4e1da;
	--mbm-closed: #9aa0a8;
	--mbm-serif: "Newsreader", Georgia, "Iowan Old Style", "Times New Roman", serif;
	--mbm-sans: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--mbm-hl: #f6dc8b;
}

/* ---------- Viewer ---------- */
.mbm-viewer { position: relative; margin: 24px auto; outline: none; font-family: var(--mbm-sans); color: var(--mbm-ink); }
.mbm-viewer:not(.mbm-ready) .mbm-page { max-width: 640px; margin: 0 auto 16px; box-shadow: 0 1px 4px rgba(0,0,0,.15); }
.mbm-viewer.mbm-wide { /* Bryder ud af temaets smalle spalte, så opslaget kan vises (uden transform, så paneler virker). */
	width: min(1240px, calc(100vw - 32px)); max-width: none; margin-left: calc(50% - min(620px, 50vw - 16px)); margin-right: 0;
}
.mbm-viewer.mbm-wide:fullscreen { width: auto; margin: 0; }
.mbm-viewer:fullscreen { background: #2b2d31; display: flex; flex-direction: column; justify-content: center; padding: 16px; }

.mbm-stage {
	position: relative; display: grid; grid-template-columns: 1fr 1fr;
	width: min(100%, calc(84vh * 1.4142)); margin: 0 auto;
	transition: transform .45s ease; /* Ingen perspective: bladringen er ren 2D, og 3D-kontekst får Firefox til at tegne billeder på bladets bagside forkert. */
}
.mbm-stage::after { /* ryg */
	content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 6%; transform: translateX(-50%);
	background: linear-gradient(90deg, transparent, rgba(0,0,0,.10) 45%, rgba(0,0,0,.16) 50%, rgba(0,0,0,.10) 55%, transparent);
	pointer-events: none; z-index: 2;
}
.mbm-stage.mbm-front { transform: translateX(-25%); }
.mbm-stage.mbm-end { transform: translateX(25%); }
.mbm-stage.mbm-front::after, .mbm-stage.mbm-end::after { display: none; }
.mbm-slot { position: relative; aspect-ratio: 210 / 297; }
.mbm-slot > .mbm-page { box-shadow: 0 2px 14px rgba(0,0,0,.18); }
.mbm-slot:empty { box-shadow: none; }

.mbm-single .mbm-stage { grid-template-columns: 1fr; width: min(100%, calc(84vh * .7071)); }
.mbm-single .mbm-stage::after, .mbm-single .mbm-slot-r { display: none; }
.mbm-single .mbm-stage.mbm-front, .mbm-single .mbm-stage.mbm-end { transform: none; }

/* Bladet der vendes (hjørnegreb) */
.mbm-stage { touch-action: pan-y; -webkit-user-select: none; user-select: none; }
.mbm-curling .mbm-stage { cursor: grabbing; }
.mbm-slot-lifted > .mbm-page { visibility: hidden; }
.mbm-curl { position: absolute; z-index: 4; pointer-events: none; }
.mbm-curl-under, .mbm-curl-front { position: absolute; inset: 0; overflow: hidden; }
.mbm-curl-under { background: transparent; }
.mbm-curl-under > .mbm-page, .mbm-curl-front > .mbm-page { box-shadow: none; }
.mbm-curl-front { box-shadow: 0 2px 14px rgba(0,0,0,.18); }
.mbm-curl-backwrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.mbm-curl-back { position: absolute; left: 0; top: 0; transform-origin: 0 0; }
.mbm-curl-backclip { position: absolute; inset: 0; overflow: hidden; background: var(--mbm-paper); }
.mbm-curl-backclip > .mbm-page { box-shadow: none; }
.mbm-band-edge { background: linear-gradient(to bottom, rgba(0,0,0,.22), rgba(0,0,0,0)); }
.mbm-band { position: absolute; left: 0; top: 0; transform-origin: 0 0; pointer-events: none; }
.mbm-band-cast { background: linear-gradient(to bottom, rgba(0,0,0,.38), rgba(0,0,0,.12) 35%, rgba(0,0,0,0)); }
.mbm-band-flap { background: linear-gradient(to bottom, rgba(0,0,0,.22), rgba(0,0,0,.06) 30%, rgba(255,255,255,.18) 70%, rgba(255,255,255,0)); }

.mbm-nav { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 14px; }
.mbm-nav button {
	appearance: none; border: 1px solid var(--mbm-rule); background: #fff; color: var(--mbm-ink);
	width: 44px; height: 44px; border-radius: 50%; font-size: 22px; line-height: 1; cursor: pointer;
}
.mbm-nav button:hover:not(:disabled) { border-color: var(--mbm-accent); color: var(--mbm-accent); }
.mbm-nav button:disabled { opacity: .35; cursor: default; }
.mbm-nav button:focus-visible { outline: 2px solid var(--mbm-accent); outline-offset: 2px; }
.mbm-count { min-width: 84px; text-align: center; font-variant-numeric: tabular-nums; color: var(--mbm-ink-2); font-size: 14px; }
.mbm-viewer:fullscreen .mbm-count { color: #ddd; }
.mbm-ready .mbm-nav { display: flex; }
.mbm-viewer:not(.mbm-ready) .mbm-nav { display: none; }

/* ---------- Side ---------- */
.mbm-page {
	container-type: inline-size; position: relative; width: 100%; aspect-ratio: 210 / 297; overflow: hidden;
	background: var(--mbm-paper); color: var(--mbm-ink); font-family: var(--mbm-sans);
	font-size: 2.35cqw; line-height: 1.45; box-sizing: border-box;
}
.mbm-page *, .mbm-page *::before, .mbm-page *::after { box-sizing: border-box; }
/* Sidens egen cqw-størrelse regnes ud fra en container længere ude (eller skærmen) – derfor sættes
   grundstørrelsen på børnene, som måler mod selve siden. */
.mbm-page > * { font-size: 2.35cqw; }
/* Tekst skal skalere helt lineært med siden (ens linjeskift på mobil og computer). */
.mbm-page { text-rendering: geometricPrecision; font-kerning: normal; }
.mbm-page-in { position: absolute; inset: 0; padding: 8cqw 8cqw 10cqw; display: flex; flex-direction: column; }
.mbm-page h1, .mbm-page h2, .mbm-page h3 { font-family: var(--mbm-serif); font-weight: 700; color: var(--mbm-ink); margin: 0; line-height: 1.1; letter-spacing: -.01em; }
.mbm-page h2 { font-size: 6.4cqw; margin-bottom: 3cqw; }
.mbm-page h3 { font-size: 2.6cqw; font-family: var(--mbm-sans); text-transform: none; color: var(--mbm-ink-2); margin: 5cqw 0 2cqw; font-weight: 600; }
.mbm-page p { margin: 0 0 2cqw; }
.mbm-kicker { font-size: 2cqw; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--mbm-accent); margin-bottom: 1.6cqw !important; }
.mbm-lead { font-size: 3cqw; line-height: 1.4; color: var(--mbm-ink-2); font-family: var(--mbm-serif); }
.mbm-folio { position: absolute; left: 8cqw; right: 8cqw; bottom: 4cqw; display: flex; justify-content: space-between; font-size: 1.7cqw; color: var(--mbm-muted); border-top: 1px solid var(--mbm-rule); padding-top: 1.4cqw; }

/* Forside */
.mbm-p-cover .mbm-page-in { padding: 0; }
.mbm-cover {
	position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: space-between; padding: 7cqw;
	color: #fff; background: var(--mbm-accent);
	background-image: linear-gradient(180deg, rgba(0,0,0,.05) 30%, rgba(0,0,0,.55)), var(--mbm-cover, linear-gradient(135deg, var(--mbm-accent), #1b1d22));
	background-size: cover; background-position: center;
}
.mbm-masthead { display: flex; justify-content: space-between; align-items: baseline; border-bottom: .4cqw solid #fff; padding-bottom: 2cqw; }
.mbm-mast-name { font-family: var(--mbm-serif); font-size: 7.5cqw; font-weight: 700; letter-spacing: -.02em; }
.mbm-mast-issue { font-size: 2.4cqw; font-weight: 600; text-transform: uppercase; letter-spacing: .12em; }
.mbm-cover-title small { display: block; font-size: 2.6cqw; text-transform: uppercase; letter-spacing: .14em; font-weight: 600; opacity: .9; }
.mbm-cover-title h1 { color: #fff; font-size: 15cqw; line-height: .95; margin-top: 1cqw; overflow-wrap: anywhere; }
.mbm-cover-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3cqw; border-top: .25cqw solid rgba(255,255,255,.7); padding-top: 3cqw; }
.mbm-cover-stats b { display: block; font-family: var(--mbm-serif); font-size: 7cqw; line-height: 1; font-variant-numeric: tabular-nums; }
.mbm-cover-stats span { font-size: 2cqw; opacity: .9; }

/* Indhold */
.mbm-toc { list-style: none; margin: 4cqw 0 0; padding: 0; counter-reset: none; }
.mbm-toc li { display: flex; justify-content: space-between; gap: 2cqw; padding: 2.2cqw 0; border-bottom: 1px solid var(--mbm-rule); font-size: 2.8cqw; }
.mbm-toc b { color: var(--mbm-accent); font-variant-numeric: tabular-nums; }

/* Nøgletal */
.mbm-kpis { display: grid; grid-template-columns: 1fr 1fr; gap: 3cqw; }
.mbm-kpi { border-top: .4cqw solid var(--mbm-ink); padding-top: 2cqw; }
.mbm-kpi-hero { grid-column: 1 / -1; }
.mbm-kpi span { display: block; font-size: 2.1cqw; color: var(--mbm-ink-2); text-transform: uppercase; letter-spacing: .08em; font-weight: 600; }
.mbm-kpi b { display: block; font-family: var(--mbm-serif); font-size: 9cqw; line-height: 1.05; font-variant-numeric: tabular-nums; }
.mbm-kpi-hero b { font-size: 14cqw; }
.mbm-kpi .mbm-delta { display: block; text-transform: none; letter-spacing: 0; font-weight: 500; font-size: 2.1cqw; margin-top: .6cqw; }
.mbm-up { color: #1a7f37; }
.mbm-down { color: #b42318; }
.mbm-flat { color: var(--mbm-muted); }

.mbm-chart { width: 100%; height: auto; display: block; overflow: visible; }
.mbm-chart .mbm-grid { stroke: var(--mbm-rule); stroke-width: 1; }
.mbm-chart .mbm-axis { font-size: 11px; fill: var(--mbm-muted); font-family: var(--mbm-sans); }
.mbm-chart .mbm-axis-now { fill: var(--mbm-ink); font-weight: 700; }
.mbm-bar-new { fill: var(--mbm-accent); }
.mbm-bar-closed { fill: var(--mbm-closed); }
.mbm-chart .mbm-bar:hover { opacity: .75; }
.mbm-legend { display: flex; gap: 4cqw; font-size: 1.9cqw; color: var(--mbm-ink-2); margin-top: 1.5cqw; }
.mbm-legend i { display: inline-block; width: 1.8cqw; height: 1.8cqw; border-radius: .4cqw; margin-right: 1cqw; vertical-align: -.2cqw; }
.mbm-sw-new { background: var(--mbm-accent); }
.mbm-sw-closed { background: var(--mbm-closed); }

/* Nye virksomheder */
.mbm-newlist { list-style: none; margin: 1cqw 0 0; padding: 0; columns: 2; column-gap: 5cqw; }
.mbm-newlist li { break-inside: avoid; padding: 1.1cqw 0; border-bottom: 1px solid var(--mbm-rule); }
.mbm-newlist b { display: block; font-size: 2.25cqw; line-height: 1.25; }
.mbm-newlist span { display: block; font-size: 1.75cqw; color: var(--mbm-muted); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mbm-more { font-size: 2cqw; color: var(--mbm-ink-2); margin-top: 2cqw !important; }

/* Brancher */
.mbm-hbars { list-style: none; margin: 2cqw 0 0; padding: 0; }
.mbm-hbars li { display: grid; grid-template-columns: 38% 1fr 10%; align-items: center; gap: 2cqw; padding: 1.8cqw 0; border-bottom: 1px solid var(--mbm-rule); }
.mbm-hb-label { font-size: 2.1cqw; line-height: 1.25; }
.mbm-hb-track { height: 2.6cqw; }
.mbm-hb-track i { display: block; height: 100%; background: var(--mbm-accent); border-radius: 0 .8cqw .8cqw 0; min-width: 2px; }
.mbm-hbars b { text-align: right; font-variant-numeric: tabular-nums; font-size: 2.3cqw; }

/* Redaktion */
.mbm-editorial { font-family: var(--mbm-serif); font-size: 2.55cqw; line-height: 1.5; }
.mbm-editorial h1, .mbm-editorial h2 { font-size: 6.4cqw; margin-bottom: 3cqw; }
.mbm-editorial img { max-width: 100%; height: auto; display: block; margin: 2cqw 0; }
.mbm-editorial blockquote { margin: 3cqw 0; padding-left: 3cqw; border-left: .6cqw solid var(--mbm-accent); font-size: 3.4cqw; font-style: italic; }

/* Betalt helside */
.mbm-p-ad .mbm-page-in { padding: 0; }
.mbm-ad { position: absolute; inset: 0; display: flex; flex-direction: column; background: #fff; }
.mbm-ad-label { position: absolute; top: 2.5cqw; right: 3cqw; z-index: 1; margin: 0 !important; background: rgba(255,255,255,.92); color: var(--mbm-ink-2); font-size: 1.6cqw; letter-spacing: .12em; text-transform: uppercase; padding: .6cqw 1.6cqw; border-radius: 99px; }
.mbm-ad-img { flex: 0 0 48%; background: #e8e6e1 center / cover no-repeat; }
.mbm-ad-img-empty { flex-basis: 34%; background: var(--mbm-accent); display: flex; align-items: flex-end; padding: 6cqw 7cqw; }
.mbm-ad-img-empty span { color: #fff; font-family: var(--mbm-serif); font-weight: 700; font-size: 8cqw; line-height: 1; }
.mbm-ad-body { flex: 1; padding: 5cqw 7cqw 6cqw; display: flex; flex-direction: column; min-height: 0; }
.mbm-ad-logo { max-height: 8cqw; max-width: 40%; object-fit: contain; align-self: flex-start; margin-bottom: 3cqw; }
.mbm-ad h2 { font-size: 6cqw; }
.mbm-ad-text { font-size: 2.3cqw; line-height: 1.5; color: var(--mbm-ink-2); overflow: hidden; flex: 1; }
.mbm-ad-contact { display: flex; flex-wrap: wrap; gap: 1cqw 3cqw; align-items: center; border-top: 1px solid var(--mbm-rule); padding-top: 2.5cqw; font-size: 1.9cqw; color: var(--mbm-ink-2); }
.mbm-ad-cta { display: inline-block; margin-left: auto; background: var(--mbm-accent); color: #fff !important; text-decoration: none; font-weight: 700; font-size: 2.1cqw; padding: 1.6cqw 3.2cqw; border-radius: 99px; }

/* Husannonce og bagside */
.mbm-house { margin: auto 0; border: .4cqw solid var(--mbm-accent); padding: 7cqw 6cqw; }
.mbm-house .mbm-ad-cta { margin: 2cqw 0 0; }
.mbm-p-back .mbm-page-in { background: var(--mbm-ink); color: #fff; justify-content: flex-end; }
.mbm-backcover .mbm-mast-name { display: block; margin-bottom: 3cqw; }
.mbm-backcover p { font-size: 2.6cqw; color: #d6d8dc; }
.mbm-backcover .mbm-ad-cta { margin: 1cqw 0 4cqw; }
.mbm-backcover small { font-size: 1.7cqw; color: #9aa0a8; }

/* ---------- Arkiv og oversigt ---------- */
.mbm-archive-grid { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 16px; }
.mbm-archive-grid a { display: block; aspect-ratio: 210 / 297; padding: 16px; background: var(--mbm-accent); color: #fff; text-decoration: none; border-radius: 4px; display: flex; flex-direction: column; justify-content: flex-end; box-shadow: 0 2px 10px rgba(0,0,0,.15); transition: transform .15s; }
.mbm-archive-grid a:hover { transform: translateY(-3px); }
.mbm-ac-month { font-family: var(--mbm-serif); font-size: 22px; font-weight: 700; }
.mbm-ac-stat { font-size: 13px; opacity: .9; }
.mbm-index-filter { width: 100%; max-width: 360px; padding: 10px 12px; font-size: 16px; margin-bottom: 16px; }
.mbm-index ul { list-style: none; padding: 0; columns: 4 180px; }
.mbm-index li { padding: 4px 0; break-inside: avoid; }
.mbm-index li span { color: var(--mbm-muted); }

/* ---------- Mine sider / køb ---------- */
.mbm-my-page { border: 1px solid var(--mbm-rule); border-radius: 6px; padding: 12px 16px; margin-bottom: 12px; }
.mbm-my-page summary { cursor: pointer; }
.mbm-notice { background: #f1f7ee; border-left: 4px solid #1a7f37; padding: 10px 14px; margin: 10px 0; }
.mbm-btn, .mbm-btn-secondary { display: inline-block; padding: 10px 18px; border-radius: 99px; border: 0; cursor: pointer; font-weight: 600; text-decoration: none; }
.mbm-btn { background: var(--mbm-accent); color: #fff; }
.mbm-btn-secondary { background: #eceae5; color: var(--mbm-ink); }
.mbm-preview-single { max-width: 360px; box-shadow: 0 2px 10px rgba(0,0,0,.15); }
.mbm-buy-fields select, .mbm-buy-fields input { min-width: 260px; }
.mbm-avail.mbm-ok { color: #1a7f37; font-weight: 600; }
.mbm-avail.mbm-sold { color: #b42318; font-weight: 600; }

@media (prefers-reduced-motion: reduce) {
	.mbm-stage { transition: none; }
}

/* Lydknap */
.mbm-sound { display: inline-flex; align-items: center; justify-content: center; }
.mbm-sound .mbm-ico-off { display: none; }
.mbm-sound.mbm-muted .mbm-ico-on { display: none; }
.mbm-sound.mbm-muted .mbm-ico-off { display: inline; }
.mbm-sound.mbm-muted { color: var(--mbm-muted); }

/* ---------- Frit layout (editoren) ---------- */
.mbm-p-designed .mbm-page-in { padding: 0; }
.mbm-layout { position: absolute; inset: 0; overflow: hidden; }
.mbm-el { position: absolute; box-sizing: border-box; }
.mbm-el-box { position: absolute; inset: 0; display: flex; flex-direction: column; overflow: hidden; box-sizing: border-box; }
.mbm-el-text { overflow-wrap: break-word; hyphens: manual; }
.mbm-page .mbm-el-text p { margin: 0 0 .45em; }
.mbm-page .mbm-el-text p:last-child, .mbm-page .mbm-el-text ul:last-child, .mbm-page .mbm-el-text ol:last-child { margin-bottom: 0; }
.mbm-page .mbm-el-text ul, .mbm-page .mbm-el-text ol { margin: 0 0 .45em; padding-left: 1.2em; }
.mbm-page .mbm-el-text li { margin: 0 0 .2em; }
.mbm-page .mbm-el-text strong { font-weight: 700; }
.mbm-t-image img { width: 100%; height: 100%; display: block; max-width: none; }
.mbm-el-shape { position: absolute; inset: 0; box-sizing: border-box; }
.mbm-el-btn {
	position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; box-sizing: border-box;
	padding: 0 .8em; font-family: var(--mbm-sans); font-weight: 700; line-height: 1.1; text-align: center;
	text-decoration: none !important; white-space: nowrap; overflow: hidden;
}
a.mbm-el-btn:hover { filter: brightness(1.08); }
.mbm-ad-free .mbm-ad-label { z-index: 1000; }
.mbm-my-editor { margin: 12px 0; }

/* Skrifttyper i editoren (systemskrifter – ingen eksterne kald) */
.mbm-page, .mbme {
	--mbm-f-sans: var(--mbm-sans);
	--mbm-f-serif: var(--mbm-serif);
	--mbm-f-helvetica: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", sans-serif;
	--mbm-f-verdana: Verdana, Geneva, "DejaVu Sans", sans-serif;
	--mbm-f-trebuchet: "Trebuchet MS", "Lucida Grande", "Segoe UI", sans-serif;
	--mbm-f-rounded: ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Varela Round", Nunito, system-ui, sans-serif;
	--mbm-f-condensed: "Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", "Liberation Sans Narrow", sans-serif-condensed, sans-serif;
	--mbm-f-impact: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	--mbm-f-times: "Times New Roman", Times, "Liberation Serif", serif;
	--mbm-f-palatino: "Palatino Linotype", Palatino, "Book Antiqua", "URW Palladio L", serif;
	--mbm-f-garamond: Garamond, "EB Garamond", "Cormorant Garamond", Baskerville, "Baskerville Old Face", serif;
	--mbm-f-courier: "Courier New", Courier, "Liberation Mono", monospace;
}

/* Udkast-sider */
.mbm-proof-cover { justify-content: space-between; }
.mbm-proof-stamp { align-self: flex-start; font: 700 2.4cqw/1 var(--mbm-sans); letter-spacing: .2em; text-transform: uppercase; border: .35cqw solid #fff; padding: 1.4cqw 2.4cqw; transform: rotate(-4deg); opacity: .9; }
.mbm-filler { display: flex; flex-direction: column; gap: 2.2cqw; }
.mbm-filler i { display: block; height: 2.2cqw; border-radius: 1cqw; background: #e9e6df; }
.mbm-filler i:nth-of-type(1) { height: 6cqw; width: 80%; background: #dcd8cf; margin-bottom: 2cqw; }
.mbm-filler i:nth-of-type(4n) { width: 70%; }
.mbm-filler i:nth-of-type(5) { height: 26cqw; margin: 1.5cqw 0; }
.mbm-filler-note { font-size: 2cqw; color: var(--mbm-muted); margin-top: 2cqw !important; }

/* Bladet tegnes fladt (2D) i alle browsere. */
.mbm-curl, .mbm-curl * { transform-style: flat; }

/* Lagdeling: elementernes z-index (forrest/bagerst i editoren) må kun gælde inde på deres egen side.
   Uden dette kunne en annonces billede og knap blive tegnet oven på det blad, der vendes. */
.mbm-page { isolation: isolate; }
.mbm-layout { isolation: isolate; z-index: 0; }
.mbm-slot { z-index: 1; }
.mbm-curl { z-index: 4; }
.mbm-curl-under { z-index: 1; }
.mbm-curl-front { z-index: 2; }
.mbm-curl-backwrap { z-index: 3; }

/* ---------- Indlejring på andre hjemmesider ---------- */
html:has(body.mbm-embed), body.mbm-embed { margin: 0; padding: 0; background: transparent; }
body.mbm-embed { font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; overflow: hidden; }
.mbm-embed .mbm-viewer { margin: 0 auto; }
.mbm-embed .mbm-stage { width: min(100%, calc((100vh - 96px) * 1.4142)); }
.mbm-embed .mbm-single .mbm-stage { width: min(100%, calc((100vh - 96px) * .7071)); }
.mbm-embed .mbm-nav { margin-top: 8px; }
.mbm-embed .mbm-nav button { width: 38px; height: 38px; font-size: 19px; }
.mbm-embed-page { width: min(100%, 760px, calc((100vh - 40px) * .7071)); margin: 0 auto; box-shadow: 0 2px 14px rgba(0,0,0,.16); }
.mbm-embed-foot { display: flex; justify-content: space-between; gap: 12px; max-width: min(100%, 1400px); margin: 6px auto 0; padding: 0 2px 4px; font-size: 12px; color: #6b7079; }
.mbm-embed-page + .mbm-embed-foot { max-width: min(100%, 760px, calc((100vh - 40px) * .7071)); }
.mbm-embed-foot a { color: inherit; text-decoration: none; font-weight: 600; }
.mbm-embed-foot a:hover { color: var(--mbm-brand, #c8102e); }
/* Lille magasin: kun forsiden, klik åbner hele magasinet. */
.mbm-embed-cover { position: relative; display: block; width: 100%; color: inherit; text-decoration: none; cursor: pointer; }
.mbm-embed-cover .mbm-embed-page { display: block; width: 100%; box-shadow: 0 3px 14px rgba(0,0,0,.22); border-radius: 2px; overflow: hidden; transition: transform .2s ease, box-shadow .2s ease; }
.mbm-embed-cover:hover .mbm-embed-page, .mbm-embed-cover:focus-visible .mbm-embed-page { transform: translateY(-3px); box-shadow: 0 10px 26px rgba(0,0,0,.28); }
.mbm-embed-cover .mbm-page { pointer-events: none; }
.mbm-embed-cover-btn { text-decoration: none; position: absolute; left: 50%; bottom: 3%; transform: translateX(-50%); padding: 7px 14px; border-radius: 999px; background: var(--mbm-brand, #c8102e); color: #fff; font: 600 13px/1.2 system-ui, -apple-system, "Segoe UI", sans-serif; white-space: nowrap; box-shadow: 0 2px 10px rgba(0,0,0,.3); }
.mbm-embed-cover-btn:focus-visible { outline: 3px solid var(--mbm-brand, #c8102e); outline-offset: 3px; }
.mbm-embed-cover-foot { max-width: 100%; justify-content: center; text-align: center; }
body.mbm-embed:has(.mbm-embed-cover) { padding: 4px 4px 0; }
.mbm-embed-empty { font: 15px system-ui, sans-serif; color: #6b7079; text-align: center; padding: 40px 16px; }

/* Del / indlejr-boks */
.mbm-share-sec { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--mbm-rule, #e4e1da); }
.mbm-share-sec h4 { margin: 0 0 8px; }
.mbm-share { font-size: 14px; }
.mbm-share-opts { display: grid; gap: 6px; margin: 0 0 10px; }
.mbm-share-opts label, .mbm-share-latest { display: block; padding: 8px 10px 8px 32px; border: 1px solid #dcd9d2; border-radius: 8px; cursor: pointer; position: relative; background: #fff; }
.mbm-share-opts input, .mbm-share-latest input { position: absolute; left: 10px; top: 11px; margin: 0; }
.mbm-share-opts label:has(input:checked) { border-color: var(--mbm-brand, #c8102e); box-shadow: 0 0 0 1px var(--mbm-brand, #c8102e); }
.mbm-share-opts span, .mbm-share-latest span { display: block; font-size: 12.5px; color: #6b7079; }
.mbm-share-latest { margin: 0 0 10px; }
.mbm-share-lab { display: block; font-size: 12px; font-weight: 600; color: #4a4f59; margin-bottom: 4px; }
.mbm-share-code { width: 100%; box-sizing: border-box; font: 12px/1.45 ui-monospace, Menlo, Consolas, monospace; padding: 8px; border: 1px solid #dcd9d2; border-radius: 6px; background: #f8f7f4; resize: vertical; }
.mbm-share-acts { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 8px 0; }
.mbm-share-hint, .mbm-share-stats { font-size: 12.5px; color: #6b7079; margin: 6px 0; }
.mbm-share-stats b { color: #1b1d22; }
#mbm_issue_embed .mbm-share-code { min-height: 110px; }
#mbm_issue_embed .mbm-btn { padding: 6px 12px; }
.mbm-share .mbm-btn { display: inline-block; background: var(--mbm-brand, #c8102e); color: #fff; border: 0; border-radius: 99px; padding: 8px 16px; font: 600 13px/1.2 system-ui, sans-serif; cursor: pointer; }
.mbm-share .mbm-btn:hover { filter: brightness(1.08); }
.mbm-share-url { font-size: 13px; }

/* Linkfelter (fx fra en importeret PDF) og tekst til skærmlæsere */
.mbm-el-hot { position: absolute; inset: 0; display: block; border-radius: .6cqw; transition: background .15s, box-shadow .15s; }
.mbm-el-hot:hover, .mbm-el-hot:focus-visible { background: rgba(255,255,255,.14); box-shadow: 0 0 0 .3cqw var(--mbm-brand, #c8102e); outline: none; }
.mbm-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }


/* =====================================================================
 * Sideplan: nye sidetyper
 * =================================================================== */
.mbm-page a { color: inherit; }
.mbm-fig { margin: 0; position: relative; }
.mbm-fig img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mbm-fig figcaption { position: absolute; right: 1.6cqw; bottom: 1.2cqw; font-size: 1.4cqw; color: #fff; text-shadow: 0 0 .6cqw rgba(0,0,0,.6); }
.mbm-page [data-mbm-company] { text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--mbm-accent) 45%, transparent); text-decoration-thickness: .2cqw; text-underline-offset: .4cqw; }
.mbm-p-ad[data-mbm-company], .mbm-newlist [data-mbm-company], .mbm-cobox [data-mbm-company] { text-decoration: none; }

/* Forside med billede og overskrifter */
.mbm-p-cover .mbm-page-in { padding: 0; }
.mbm-cover2 { position: absolute; inset: 0; color: #fff; background: var(--mbm-accent); overflow: hidden; }
.mbm-cover2-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mbm-cover2::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.34) 0%, rgba(0,0,0,0) 26%, rgba(0,0,0,0) 48%, rgba(0,0,0,.66) 100%); }
.mbm-cover2 > :not(img) { position: relative; z-index: 1; }
.mbm-cover2 > .mbm-cover2-lines { position: absolute; }
.mbm-cover2-top { display: flex; justify-content: space-between; align-items: baseline; padding: 5.5cqw 7cqw 0; font-size: 2.1cqw; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.mbm-cover2-name { color: #fff !important; font-family: var(--mbm-serif); font-weight: 600; font-size: 19cqw; line-height: .9; letter-spacing: -.035em; padding: 2.5cqw 6cqw 0; margin: 0; overflow-wrap: anywhere; font-variation-settings: "opsz" 72; text-shadow: 0 .3cqw 2cqw rgba(0,0,0,.18); }
.mbm-cover2-lines { position: absolute; left: 7cqw; right: 7cqw; bottom: 7cqw; display: grid; gap: 2cqw; }
.mbm-cl { display: block; text-decoration: none; color: #fff !important; border-top: .25cqw solid rgba(255,255,255,.7); padding-top: 1.6cqw; max-width: 74%; }
.mbm-cl small { display: block; font-size: 1.8cqw; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; opacity: .9; }
.mbm-cl b { display: block; font-family: var(--mbm-serif); font-weight: 500; font-size: 3.6cqw; line-height: 1.12; margin-top: .6cqw; }
.mbm-cl-main b { font-size: 4.9cqw; font-weight: 600; letter-spacing: -.01em; }
.mbm-cl-main small { color: var(--mbm-hl); opacity: 1; }
.mbm-cl:hover b { text-decoration: underline; text-decoration-thickness: .25cqw; text-underline-offset: .6cqw; }
.mbm-cover2-logo { position: absolute !important; right: 7cqw; bottom: 7cqw; width: 13cqw; height: auto; z-index: 1; }

/* Indholdsfortegnelse */
.mbm-toc2 { list-style: none; margin: 1cqw 0 0; padding: 0; }
.mbm-toc2 li { border-bottom: 1px solid var(--mbm-rule); }
.mbm-toc2 a { display: grid; grid-template-columns: 9cqw 1fr; align-items: baseline; gap: 2cqw; padding: 1.7cqw 0; text-decoration: none; }
.mbm-toc2 a b { font-family: var(--mbm-serif); font-size: 5cqw; line-height: 1; color: var(--mbm-accent); font-weight: 500; font-variant-numeric: lining-nums tabular-nums; }
.mbm-toc2 a span { font-family: var(--mbm-serif); font-size: 3.1cqw; line-height: 1.2; font-weight: 500; }
.mbm-toc2 a small { display: block; font-family: var(--mbm-sans); font-size: 1.6cqw; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--mbm-muted); margin-bottom: .3cqw; }
.mbm-toc2 a:hover span { color: var(--mbm-accent); }
.mbm-toc-ads { margin-top: 3cqw; }
.mbm-toc-ads h4, .mbm-cobox h4, .mbm-factbox h4, .mbm-info-box h4 { margin: 0 0 1.2cqw; font-size: 1.7cqw; letter-spacing: .14em; text-transform: uppercase; color: var(--mbm-muted); font-weight: 700; }
.mbm-toc-ads p { display: flex; flex-wrap: wrap; gap: .8cqw 3cqw; font-size: 2.1cqw; }
.mbm-toc-ads a { text-decoration: none; }
.mbm-toc-ads a b { color: var(--mbm-accent); margin-left: .6cqw; }
.mbm-toc-tools { margin-top: auto; display: flex; gap: 2cqw; padding-bottom: 1cqw; }
.mbm-toc-tools button { appearance: none; font: 700 2cqw/1 var(--mbm-sans); border: .3cqw solid var(--mbm-accent); color: var(--mbm-accent); background: transparent; border-radius: 99px; padding: 1.5cqw 3cqw; cursor: pointer; }
.mbm-toc-tools button:hover { background: var(--mbm-accent); color: #fff; }

/* Velkomst */
.mbm-welcome h2 { font-size: 6.6cqw; font-weight: 600; max-width: 92%; }
.mbm-welcome-grid { display: grid; grid-template-columns: 1fr 30cqw; gap: 5cqw; align-items: start; }
.mbm-welcome-text { font-family: var(--mbm-serif); font-size: 2.4cqw; line-height: 1.48; }
.mbm-welcome-text .mbm-lead { font-size: 3cqw; color: var(--mbm-ink); font-weight: 500; }
.mbm-sign { margin-top: 3cqw !important; font-family: var(--mbm-sans); }
.mbm-sign b { display: block; font-family: var(--mbm-serif); font-style: italic; font-size: 3.6cqw; font-weight: 500; }
.mbm-sign span { font-size: 1.8cqw; color: var(--mbm-muted); }
.mbm-portrait { aspect-ratio: 4 / 5; border-radius: .6cqw; overflow: hidden; background: var(--mbm-rule); }
.mbm-facts { list-style: none; padding: 0; margin: 4cqw 0 0; display: grid; gap: 2.6cqw; }
.mbm-facts li { border-top: .3cqw solid var(--mbm-ink); padding-top: 1.2cqw; }
.mbm-facts b { display: block; font-family: var(--mbm-serif); font-size: 5.4cqw; line-height: 1; font-weight: 500; font-variant-numeric: lining-nums; }
.mbm-facts span { font-size: 1.8cqw; color: var(--mbm-ink-2); }

/* Korte nyheder */
.mbm-news { display: grid; grid-template-columns: 1fr 1fr; gap: 3.6cqw 5cqw; }
.mbm-news-item h3 { font-family: var(--mbm-serif); color: var(--mbm-ink); font-size: 3.2cqw; font-weight: 600; margin: .5cqw 0 1.2cqw; line-height: 1.12; text-transform: none; }
.mbm-news-item p { font-size: 2.1cqw; line-height: 1.45; color: var(--mbm-ink-2); margin-bottom: 1cqw; }
.mbm-news-item small { font-size: 1.6cqw; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--mbm-accent); }
.mbm-news-top { grid-column: 1 / -1; display: grid; grid-template-columns: 42% 1fr; gap: 0 4cqw; border-bottom: 1px solid var(--mbm-rule); padding-bottom: 3.6cqw; }
.mbm-news-top .mbm-news-img { grid-row: 1 / span 5; aspect-ratio: 4 / 3; border-radius: .5cqw; overflow: hidden; }
.mbm-news-top h3 { font-size: 4.4cqw; }
.mbm-news-top p { font-size: 2.3cqw; }
.mbm-more-link { font-size: 1.9cqw; font-weight: 700; color: var(--mbm-accent) !important; text-decoration: none; }

/* Hovedartikel: opslag */
.mbm-p-article-open .mbm-page-in { padding: 0; }
.mbm-art-open { position: absolute; inset: 0; display: flex; flex-direction: column; }
.mbm-art-hero { flex: 0 0 60%; overflow: hidden; }
.mbm-art-head { flex: 1; padding: 5cqw 8cqw 9cqw; display: flex; flex-direction: column; }
.mbm-art-head h2 { font-size: 8.4cqw; line-height: .98; font-weight: 600; letter-spacing: -.025em; font-variation-settings: "opsz" 60; }
.mbm-art-head .mbm-lead { font-size: 3.1cqw; color: var(--mbm-ink); }
.mbm-byline { margin-top: auto !important; font-size: 1.8cqw; color: var(--mbm-muted); letter-spacing: .02em; }
.mbm-art-body { display: flex; flex-direction: column; height: 100%; }
.mbm-art-cols { columns: 2; column-gap: 4.6cqw; font-family: var(--mbm-serif); font-size: 2.3cqw; line-height: 1.5; flex: 1 1 auto; min-height: 0; column-fill: auto; overflow: hidden; }
/* Kolonner pr. artikel: én bred spalte med lidt større tekst – eller tre tætte. */
.mbm-art-cols.mbm-cols-1 { columns: 1; font-size: 2.55cqw; line-height: 1.55; }
.mbm-art-cols.mbm-cols-3 { columns: 3; column-gap: 3.4cqw; font-size: 2.05cqw; line-height: 1.48; }
.mbm-art-cols.mbm-cols-3 h3 { font-size: 1.85cqw; }
.mbm-art-cols p.mbm-cont { text-indent: 0; }
.mbm-art-cols.mbm-art-end { flex: 0 1 auto; column-fill: balance; }
.mbm-art-end + .mbm-pull, .mbm-art-end ~ .mbm-art-foot { margin-top: 3cqw; }
.mbm-art-running { margin: 0 0 2.4cqw !important; padding-bottom: 1.4cqw; border-bottom: 1px solid var(--mbm-rule); font: 700 1.7cqw/1.2 var(--mbm-sans); letter-spacing: .12em; text-transform: uppercase; color: var(--mbm-accent); }
.mbm-art-running span { color: var(--mbm-muted); }
.mbm-art-cont { margin: 1.4cqw 0 0 !important; text-align: right; font: 700 1.8cqw/1 var(--mbm-sans); color: var(--mbm-accent); }
.mbm-art-more { appearance: none; align-self: flex-end; margin-top: 1cqw; border: 0; background: var(--mbm-accent); color: #fff; border-radius: 99px; padding: 1.2cqw 2.6cqw; font: 700 max(1.8cqw, 10px)/1 var(--mbm-sans); cursor: pointer; }
.mbm-art-warn { position: absolute; left: 4cqw; right: 4cqw; top: 3cqw; z-index: 6; background: #b42318; color: #fff; border-radius: .8cqw; padding: 1.6cqw 2.4cqw; font: 600 1.9cqw/1.35 var(--mbm-sans); }
.mbm-art-cols p { margin: 0 0 1.4cqw; hyphens: auto; -webkit-hyphens: auto; }
.mbm-art-first > p:first-child::first-letter { float: left; font-size: 8.8cqw; line-height: .82; font-weight: 600; margin: .5cqw 1.2cqw 0 0; color: var(--mbm-accent); }
.mbm-art-cols h3 { font-family: var(--mbm-sans); font-size: 2.1cqw; text-transform: uppercase; letter-spacing: .1em; color: var(--mbm-ink); margin: 2.4cqw 0 .8cqw; break-after: avoid; }
.mbm-pull { margin: 2.6cqw 0; padding: 2.4cqw 0; border-top: .4cqw solid var(--mbm-accent); border-bottom: 1px solid var(--mbm-rule); font-family: var(--mbm-serif); font-style: italic; font-size: 3.7cqw; line-height: 1.2; font-weight: 500; }
.mbm-pull cite { display: block; font-style: normal; font-family: var(--mbm-sans); font-size: 1.8cqw; color: var(--mbm-muted); margin-top: 1.2cqw; }
.mbm-art-foot { display: grid; grid-template-columns: 1fr 1fr; gap: 4cqw; }
.mbm-factbox { background: color-mix(in srgb, var(--mbm-accent) 9%, var(--mbm-paper)); padding: 2.6cqw 3cqw; border-radius: .6cqw; font-size: 2cqw; line-height: 1.45; }
.mbm-factbox p { margin: 0 0 .8cqw; }
.mbm-factbox ul { margin: 0; padding-left: 1.2em; }
.mbm-cobox ul { list-style: none; margin: 0; padding: 0; }
.mbm-cobox li { padding: 1cqw 0; border-bottom: 1px solid var(--mbm-rule); font-size: 1.9cqw; line-height: 1.3; }
.mbm-cobox b { display: block; font-size: 2.2cqw; }
.mbm-cobox span { color: var(--mbm-ink-2); }
.mbm-cobox a { display: block; color: var(--mbm-accent) !important; text-decoration: none; font-weight: 600; }

/* Kulturkalender */
.mbm-cat-musik { --c: #c2410c; } .mbm-cat-boern { --c: #0e7490; } .mbm-cat-teater { --c: #7c3aed; }
.mbm-cat-udstilling { --c: #a16207; } .mbm-cat-sport { --c: #15803d; } .mbm-cat-marked { --c: #be185d; }
.mbm-cat-foredrag { --c: #1d4ed8; } .mbm-cat-film { --c: #4b5563; } .mbm-cat-natur { --c: #3f6212; } .mbm-cat-andet { --c: #6b7280; }
.mbm-cal-head h2 { font-size: 7.4cqw; font-weight: 600; letter-spacing: -.02em; }
.mbm-cal-chip i, .mbm-ev-main small::before, .mbm-evcard-cat i { display: inline-block; width: 1.5cqw; height: 1.5cqw; border-radius: 50%; background: var(--c, #6b7280); margin-right: .8cqw; vertical-align: -.1cqw; }
.mbm-cal { list-style: none; margin: 0; padding: 0; }
.mbm-ev { border-top: 1px solid var(--mbm-rule); }
.mbm-ev-same { border-top-style: dotted; }
.mbm-ev-same .mbm-ev-date { visibility: hidden; }
.mbm-ev-date { text-align: center; line-height: 1; }
.mbm-ev-date b { display: block; font-family: var(--mbm-serif); font-size: 5.2cqw; font-weight: 500; font-variant-numeric: lining-nums; }
.mbm-ev-same .mbm-ev-date { height: 0; }
.mbm-ev-date small { font-size: 1.6cqw; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; color: var(--mbm-muted); }
.mbm-ev-main small { display: block; font-size: 1.65cqw; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--mbm-ink-2); }
.mbm-ev-main small::before { content: ""; }
.mbm-ev-main b { display: block; font-family: var(--mbm-serif); font-size: 2.9cqw; font-weight: 600; line-height: 1.15; margin: .4cqw 0 .3cqw; }
.mbm-ev-main span { display: block; font-size: 1.85cqw; color: var(--mbm-ink-2); }
.mbm-cal-note { margin-top: auto !important; font-size: 1.7cqw; color: var(--mbm-muted); padding-top: 2cqw; }

/* Interaktiv i bladet: filtre, tryk på et arrangement */
.mbm-cal-head { margin-bottom: 1.6cqw; }
.mbm-cal-head h2 { margin-bottom: 1.8cqw; }
.mbm-cal-filter { display: flex; flex-wrap: wrap; gap: 1cqw; }
.mbm-cal-chip { appearance: none; display: inline-flex; align-items: center; gap: .8cqw; height: max(4.2cqw, 21px); padding: 0 1.8cqw; border: .25cqw solid var(--mbm-rule); border-radius: 99px; background: var(--mbm-paper); color: var(--mbm-ink); font: 600 max(1.75cqw, 9.5px)/1 var(--mbm-sans); cursor: pointer; }
.mbm-cal-chip i { margin: 0; }
.mbm-cal-chip:hover { border-color: var(--c, var(--mbm-ink)); }
.mbm-cal-chip[aria-pressed="true"] { background: var(--c, var(--mbm-ink)); border-color: var(--c, var(--mbm-ink)); color: #fff; }
.mbm-cal-chip[aria-pressed="true"] i { background: #fff; }
.mbm-cal-chip-f { border-style: dashed; }
.mbm-cal-chip:focus-visible, .mbm-ev-open:focus-visible { outline: .4cqw solid var(--mbm-accent); outline-offset: .3cqw; }
.mbm-cal-status { margin: 1.4cqw 0 0 !important; font-size: 1.7cqw; color: var(--mbm-muted); }
.mbm-ev-open { appearance: none; display: grid; grid-template-columns: 8cqw 1fr; gap: 2.4cqw; width: 100%; padding: 1.2cqw 1cqw 1.2cqw 0; border: 0; background: none; text-align: left; font: inherit; color: inherit; cursor: pointer; border-radius: .5cqw; }
.mbm-ev-open:hover, .mbm-ev-on .mbm-ev-open { background: color-mix(in srgb, var(--c, var(--mbm-accent)) 8%, transparent); }
.mbm-ev-open:hover .mbm-ev-main b { text-decoration: underline; text-decoration-thickness: .2cqw; text-underline-offset: .5cqw; }
.mbm-ev-none { list-style: none; padding: 4cqw 0; font-size: 2.2cqw; color: var(--mbm-ink-2); border-top: 1px solid var(--mbm-rule); }
.mbm-evcard { position: absolute; left: 6cqw; right: 6cqw; bottom: 9cqw; z-index: 5; background: #fff; color: var(--mbm-ink); border-radius: 1.2cqw; padding: 3.4cqw 4cqw 3.2cqw; box-shadow: 0 1.5cqw 6cqw rgba(0,0,0,.25); border-top: .8cqw solid var(--c, var(--mbm-accent)); font-size: 2.1cqw; animation: mbm-card .2s ease-out; }
@keyframes mbm-card { from { opacity: 0; transform: translateY(2cqw); } }
@media (prefers-reduced-motion: reduce) { .mbm-evcard { animation: none; } }
.mbm-evcard h3 { font-family: var(--mbm-serif); color: var(--mbm-ink); font-size: 4.4cqw; font-weight: 600; margin: .6cqw 0 1.2cqw; line-height: 1.1; padding-right: 6cqw; }
.mbm-evcard-cat { display: inline-flex; align-items: center; gap: .8cqw; font-size: 1.6cqw; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--mbm-ink-2); }
.mbm-evcard-cat i { margin: 0; }
.mbm-evcard p { margin: 0 0 .8cqw; }
.mbm-evcard-where { color: var(--mbm-ink-2); }
.mbm-evcard-desc { margin-top: 1.4cqw !important; font-family: var(--mbm-serif); font-size: 2.4cqw; line-height: 1.45; }
.mbm-evcard-acts { display: flex; flex-wrap: wrap; gap: 1.4cqw; margin-top: 2.4cqw; }
.mbm-evcard-acts a, .mbm-evcard-acts button { appearance: none; display: inline-flex; align-items: center; gap: .8cqw; height: 4.8cqw; padding: 0 2.6cqw; border-radius: 99px; border: .25cqw solid var(--mbm-accent); background: transparent; color: var(--mbm-accent) !important; font: 700 1.8cqw/1 var(--mbm-sans); text-decoration: none; cursor: pointer; }
.mbm-evcard-acts a:first-child { background: var(--mbm-accent); color: #fff !important; }
.mbm-evcard-acts svg { width: 2.2cqw; height: 2.2cqw; }
.mbm-evcard-x { appearance: none; position: absolute; top: 2cqw; right: 2cqw; width: 5.6cqw; height: 5.6cqw; border: 0; border-radius: 50%; background: #f0efeb; color: var(--mbm-ink); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.mbm-evcard-x svg { width: 3cqw; height: 3cqw; }

/* Praktisk information */
.mbm-info { display: grid; grid-template-columns: 1fr 1fr; gap: 3cqw 4cqw; }
.mbm-info-box { border-top: .35cqw solid var(--mbm-ink); padding-top: 1.6cqw; font-size: 2cqw; }
.mbm-info-wide { grid-column: 1 / -1; }
.mbm-info dl { display: grid; grid-template-columns: auto 1fr; gap: .7cqw 2.4cqw; margin: 0; }
.mbm-info .mbm-dl-2 { grid-template-columns: auto 1fr auto 1fr; }
.mbm-info dt { color: var(--mbm-muted); }
.mbm-info dd { margin: 0; font-weight: 600; font-variant-numeric: tabular-nums; }
.mbm-info-box p { margin: 0 0 1cqw; line-height: 1.45; }
.mbm-info-facts { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 2cqw; background: var(--mbm-accent); color: #fff; padding: 3cqw; border-radius: .6cqw; }
.mbm-info-facts b { display: block; font-family: var(--mbm-serif); font-size: 5cqw; line-height: 1; font-weight: 500; font-variant-numeric: lining-nums; }
.mbm-info-facts span { font-size: 1.7cqw; opacity: .9; }

/* =====================================================================
 * Værktøjer i bladrevisningen
 * =================================================================== */
.mbm-tools { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; margin: 0 auto 12px; }
.mbm-tool { appearance: none; display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 14px 0 11px; border: 1px solid var(--mbm-rule); border-radius: 99px; background: #fff; color: var(--mbm-ink); font: 600 14px/1 var(--mbm-sans); cursor: pointer; }
.mbm-tool:hover { border-color: var(--mbm-accent); color: var(--mbm-accent); }
.mbm-tool:focus-visible { outline: 2px solid var(--mbm-accent); outline-offset: 2px; }
.mbm-tool-on, .mbm-tool[aria-pressed="true"] { background: var(--mbm-accent); border-color: var(--mbm-accent); color: #fff; }
.mbm-tool-on:hover, .mbm-tool[aria-pressed="true"]:hover { color: #fff; }
.mbm-viewer:fullscreen .mbm-tools { margin-bottom: 10px; }
@media (max-width: 560px) {
	.mbm-tools { gap: 4px; }
	.mbm-tool { flex-direction: column; height: auto; padding: 7px 8px 6px; gap: 3px; font-size: 11px; border-radius: 10px; min-width: 58px; }
}

.mbm-stage.mbm-jump { animation: mbm-jump .32s ease-out; }
@keyframes mbm-jump { from { opacity: .25; transform: translateY(6px); } }
.mbm-stage.mbm-front.mbm-jump, .mbm-stage.mbm-end.mbm-jump { animation-name: mbm-jump-fade; }
@keyframes mbm-jump-fade { from { opacity: .25; } }
mark.mbm-hit { background: var(--mbm-hl); color: inherit; border-radius: .3cqw; box-shadow: 0 0 0 .3cqw var(--mbm-hl); }
.mbm-flash { animation: mbm-flash 2.2s ease-out; border-radius: .6cqw; }
@keyframes mbm-flash { 0%, 30% { box-shadow: 0 0 0 .8cqw var(--mbm-hl); background-color: var(--mbm-hl); } 100% { box-shadow: 0 0 0 .8cqw transparent; } }

/* Panel (søg, virksomheder, kalender) */
.mbm-scrim { position: fixed; inset: 0; background: rgba(15, 20, 22, .38); z-index: 99998; opacity: 0; transition: opacity .2s; }
.mbm-panel { position: fixed; top: 0; right: 0; bottom: 0; width: min(440px, 100%); z-index: 99999; background: #fff; color: var(--mbm-ink); font-family: var(--mbm-sans); font-size: 15px; line-height: 1.4; display: flex; flex-direction: column; box-shadow: -10px 0 40px rgba(0,0,0,.18); transform: translateX(24px); opacity: 0; transition: transform .22s ease, opacity .22s ease; }
.mbm-panel.mbm-panel-in, .mbm-scrim.mbm-panel-in { transform: none; opacity: 1; }
@media (prefers-reduced-motion: reduce) { .mbm-panel, .mbm-scrim { transition: none; } .mbm-stage.mbm-jump, .mbm-flash { animation: none; } }
.mbm-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 16px 12px 22px; padding-top: max(16px, env(safe-area-inset-top, 0px)); border-bottom: 1px solid var(--mbm-rule); }
.mbm-panel-head h2 { margin: 0; font: 600 22px/1.1 var(--mbm-serif); letter-spacing: -.01em; color: var(--mbm-ink); }
.mbm-panel-x { appearance: none; border: 0; background: transparent; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; color: var(--mbm-ink); display: inline-flex; align-items: center; justify-content: center; }
.mbm-panel-x:hover { background: #f0efeb; }
.mbm-panel-body { flex: 1; overflow: auto; padding: 16px 22px 28px; padding-bottom: max(28px, env(safe-area-inset-bottom, 0px)); overscroll-behavior: contain; }
.mbm-panel button:focus-visible, .mbm-panel a:focus-visible, .mbm-panel input:focus-visible { outline: 2px solid var(--mbm-accent); outline-offset: 2px; }
.mbm-field { display: block; }
.mbm-panel .mbm-q { width: 100%; box-sizing: border-box; height: 46px; padding: 0 14px; border: 1.5px solid #d8d6d0; border-radius: 10px; font: 16px var(--mbm-sans); color: var(--mbm-ink); background: #fff; }
.mbm-panel .mbm-q:focus { border-color: var(--mbm-accent); outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--mbm-accent) 20%, transparent); }
.mbm-hint { margin: 10px 0 8px; font-size: 13px; color: var(--mbm-muted); min-height: 1.2em; }
.mbm-results { list-style: none; margin: 0; padding: 0; }
.mbm-results button { appearance: none; display: grid; grid-template-columns: 40px 1fr; gap: 10px; width: 100%; text-align: left; border: 0; border-bottom: 1px solid #eeece7; background: none; padding: 11px 4px; cursor: pointer; color: var(--mbm-ink); font: inherit; }
.mbm-results button:hover { background: #f7f6f2; }
.mbm-res-pg { font: 500 22px/1 var(--mbm-serif); color: var(--mbm-accent); font-variant-numeric: lining-nums tabular-nums; text-align: right; }
.mbm-results strong { display: block; font-weight: 600; }
.mbm-results small { display: block; color: var(--mbm-ink-2); font-size: 13.5px; margin-top: 3px; }
.mbm-results mark, .mbm-colist mark { background: var(--mbm-hl); color: inherit; padding: 0 1px; border-radius: 2px; }
.mbm-colist h3 { font: 700 12px/1 var(--mbm-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--mbm-muted); margin: 18px 0 6px; }
.mbm-colist h3 small { font-weight: 600; letter-spacing: 0; color: var(--mbm-ink-2); margin-left: 4px; }
.mbm-colist ul { list-style: none; margin: 0; padding: 0; }
.mbm-co { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 0; border-bottom: 1px solid #eeece7; }
.mbm-co-main { min-width: 0; }
.mbm-co-main b { display: block; }
.mbm-co-main > span { display: block; font-size: 13px; color: var(--mbm-ink-2); }
.mbm-co-roles i { display: inline-block; font-style: normal; font-size: 11px; font-weight: 700; border-radius: 99px; background: #f0efeb; padding: 2px 7px; margin: 4px 4px 0 0; color: var(--mbm-ink-2); }
.mbm-co-acts { display: flex; gap: 6px; flex: none; align-items: center; }
.mbm-co-acts button, .mbm-co-acts a { appearance: none; display: inline-flex; align-items: center; justify-content: center; height: 32px; min-width: 32px; padding: 0 9px; border: 1px solid #dcdad3; border-radius: 99px; background: #fff; color: var(--mbm-ink); font: 600 13px var(--mbm-sans); cursor: pointer; text-decoration: none; box-sizing: border-box; }
.mbm-co-acts a { padding: 0; width: 32px; }
.mbm-co-acts svg { width: 16px; height: 16px; }
.mbm-co-acts button:hover, .mbm-co-acts a:hover { border-color: var(--mbm-accent); color: var(--mbm-accent); }

.mbm-empty { color: var(--mbm-ink-2); padding: 20px 0; }

/* Tekstudgave */
.mbm-text-on .mbm-stage, .mbm-text-on .mbm-nav { display: none !important; }
.mbm-textview { max-width: 680px; margin: 0 auto; padding: 8px 0 24px; font-family: var(--mbm-serif); font-size: 18px; line-height: 1.6; color: var(--mbm-ink); outline: none; }
.mbm-textview h2 { font: 600 30px/1.15 var(--mbm-serif); margin: 0 0 18px; }
.mbm-textview h3 { font: 600 25px/1.2 var(--mbm-serif); margin: 36px 0 10px; }
.mbm-textview h4 { font: 700 17px/1.3 var(--mbm-sans); margin: 22px 0 6px; }
.mbm-textview > * + * { border-top: 1px solid var(--mbm-rule); }
.mbm-textview > h2 + * { border-top: 0; }
.mbm-textview article, .mbm-textview section { padding-top: 6px; scroll-margin-top: 16px; }
.mbm-tv-kicker { font: 700 12px/1 var(--mbm-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--mbm-accent); margin: 24px 0 0; }
.mbm-textview a { color: var(--mbm-accent); }

.mbm-draft-note { margin: 0 0 12px; padding: 8px 12px; border-radius: 8px; background: #fff4d6; color: #5a4300; font: 600 14px/1.4 Figtree, system-ui, sans-serif; }

/* Video i magasinet (elementer fra editoren og video i artikler/nyheder) */
.mbm-page .mbm-t-video video, .mbm-page .mbm-t-video iframe { width: 100%; height: 100%; display: block; border: 0; }
.mbm-fig-video { position: relative; aspect-ratio: 16 / 9; background: #111; overflow: hidden; }
.mbm-fig-video video, .mbm-fig-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; }

/* Datablok på en designet side: et levende udsnit (diagram, lister, kalender …) med bladets egne skrifter. */
.mbm-el-data { position: absolute; inset: 0; overflow: hidden; }
.mbm-data-in { font-size: 2.35cqw; line-height: 1.45; color: var(--mbm-ink); font-family: var(--mbm-sans); }
.mbm-data-in > *:first-child { margin-top: 0; }
.mbm-data-side .mbm-data-in { display: flex; flex-direction: column; height: 100%; }
.mbm-cal-static .mbm-ev-open { cursor: default; }
/* Lister indsat som datafelter i et tekstfelt. */
.mbm-el-text ul { margin: 0 0 .6em; padding-left: 1.1em; }
.mbm-el-text li { margin: 0 0 .25em; }

/* Billedrammer og figurer i former */
.mbm-frame { position: absolute; inset: 0; overflow: hidden; }
.mbm-frame img { width: 100%; height: 100%; display: block; max-width: none; }
.mbm-el-svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; display: block; }

/* Indholdsfortegnelse: grupper, undertekst (fx branche) og kompakt visning, når der er mange sider */
.mbm-toc-h { font: 700 1.6cqw/1.2 var(--mbm-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--mbm-accent); margin: 3cqw 0 0; }
.mbm-toc2 a em { display: block; font: 600 1.6cqw/1.3 var(--mbm-sans); font-style: normal; color: var(--mbm-muted); margin-top: .3cqw; }
.mbm-toc2.mbm-toc-compact { columns: 2; column-gap: 4cqw; margin-top: .4cqw; }
.mbm-toc2.mbm-toc-compact li { break-inside: avoid; }
.mbm-toc2.mbm-toc-compact a { grid-template-columns: 8.5cqw 1fr; gap: 1cqw; padding: .6cqw 0; }
.mbm-toc2.mbm-toc-compact a b { font-size: 2.2cqw; white-space: nowrap; }
.mbm-toc2.mbm-toc-compact a span { font-size: 1.7cqw; line-height: 1.18; }
.mbm-toc2.mbm-toc-compact a em { font-size: 1.2cqw; margin-top: .15cqw; }
.mbm-p-contents:has(.mbm-toc-compact) .mbm-page-in { padding-top: 6cqw; }
.mbm-p-contents:has(.mbm-toc-compact) h2 { font-size: 6cqw; margin-bottom: .5cqw; }
.mbm-p-contents:has(.mbm-toc-compact) .mbm-toc-h { margin-top: 1.8cqw; }

/* Fast side / opslag, der endnu ikke er designet */
.mbm-fixed-ph { height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 0 4cqw; box-sizing: border-box; border: .4cqw dashed var(--mbm-rule); border-radius: 1cqw; }
.mbm-fixed-ph h2 { font-family: var(--mbm-serif); font-size: 6cqw; line-height: 1.08; margin: 1cqw 0 2cqw; }
.mbm-fixed-help { color: var(--mbm-muted); font-size: 2cqw; }

/* Opslag: ét design over to sider – hver side viser sin halvdel */
.mbm-spread { position: absolute; inset: 0; overflow: hidden; }
.mbm-spread-in { position: absolute; top: 0; height: 100%; width: 200%; container-type: inline-size; }
.mbm-spread-1 .mbm-spread-in { left: 0; }
.mbm-spread-2 .mbm-spread-in { left: -100%; }

/* Fiktivt eksempel */
.mbm-exstamp { position: absolute; z-index: 50; top: 1.6cqw; right: 1.6cqw; font: 700 1.25cqw/1 var(--mbm-sans); letter-spacing: .12em; text-transform: uppercase; color: #fff; background: rgba(27, 29, 34, .72); padding: .7cqw 1.1cqw; border-radius: 99px; pointer-events: none; }

/* Tabel (fx prisoversigt) */
.mbm-el-table { position: absolute; inset: 0; overflow: hidden; line-height: 1.3; }
.mbm-el-table table { width: 100%; border-collapse: collapse; }
.mbm-el-table th, .mbm-el-table td { padding: .55em .7em; border-bottom: 1px solid var(--mbm-t-rule); vertical-align: top; text-align: inherit; }
.mbm-el-table th { font-weight: 700; }
.mbm-el-table tr:nth-child(even) td { background: var(--mbm-t-stripe); }
.mbm-el-table td.mbm-t-first { font-weight: 700; }

/* Gå til side: klik på sidetallet i bunden */
.mbm-count[data-jump] { cursor: pointer; border-radius: 999px; padding: 6px 10px; text-decoration: underline dotted rgba(0,0,0,.35); text-underline-offset: 4px; }
.mbm-count[data-jump]:hover { background: rgba(0,0,0,.05); color: var(--mbm-ink); }
.mbm-count[data-jump]:focus-visible { outline: 2px solid var(--mbm-accent); outline-offset: 2px; }
.mbm-jumpto { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.mbm-jumpto input { width: 4.2em; padding: 4px 6px; border: 1px solid var(--mbm-accent); border-radius: 8px; font: inherit; text-align: center; color: var(--mbm-ink); background: #fff; }
.mbm-viewer:fullscreen .mbm-count[data-jump]:hover { background: rgba(255,255,255,.1); color: #fff; }

/* Vis, at man kan bladre */
.mbm-flip-hint { position: absolute; left: 50%; bottom: 3.5%; transform: translateX(-50%); z-index: 40; display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px 9px 12px; border: 0; border-radius: 999px; background: rgba(27, 29, 34, .86); color: #fff; font: 600 13.5px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; box-shadow: 0 6px 22px rgba(0, 0, 0, .25); cursor: pointer; white-space: nowrap; animation: mbm-hint-in .5s ease-out both .6s; backdrop-filter: blur(4px); }
.mbm-flip-hint svg { width: 20px; height: 20px; flex: none; animation: mbm-hint-hand 1.8s ease-in-out infinite 1.2s; }
.mbm-flip-hint b { font-weight: 700; animation: mbm-hint-arrow 1.8s ease-in-out infinite 1.2s; }
.mbm-flip-hint.mbm-hint-out { opacity: 0; transform: translate(-50%, 8px); transition: opacity .35s, transform .35s; pointer-events: none; }
@keyframes mbm-hint-in { from { opacity: 0; transform: translate(-50%, 10px); } to { opacity: 1; transform: translate(-50%, 0); } }
@keyframes mbm-hint-hand { 0%, 100% { transform: translateX(0) rotate(0); } 50% { transform: translateX(-5px) rotate(-12deg); } }
@keyframes mbm-hint-arrow { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(5px); } }
.mbm-invite .mbm-next { position: relative; border-color: var(--mbm-accent); color: var(--mbm-accent); }
.mbm-invite .mbm-next::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid var(--mbm-accent); animation: mbm-pulse 1.8s ease-out infinite; pointer-events: none; }
@keyframes mbm-pulse { 0% { transform: scale(.9); opacity: .8; } 100% { transform: scale(1.45); opacity: 0; } }
@media (max-width: 600px) { .mbm-flip-hint { font-size: 12.5px; padding: 8px 13px 8px 10px; bottom: 2.5%; } }
@media (prefers-reduced-motion: reduce) { .mbm-flip-hint, .mbm-flip-hint svg, .mbm-flip-hint b, .mbm-invite .mbm-next::after { animation: none; } }
.mbm-front .mbm-flip-hint { left: 75%; }
.mbm-end .mbm-flip-hint { left: 25%; }
.mbm-single .mbm-front .mbm-flip-hint, .mbm-single .mbm-end .mbm-flip-hint { left: 50%; }

/* Annoncer over flere sider (opslag, portræt) */
.mbm-ad-multi { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
.mbm-ad-multi > .mbm-page:nth-child(odd) { box-shadow: inset -6px 0 10px -8px rgba(0,0,0,.35); }
.mbm-preview-single:has(.mbm-ad-multi), .mbm-embed-page:has(.mbm-ad-multi) { max-width: 720px; width: min(100%, 1100px, calc((100vh - 40px) * 1.414)); }
.mbm-ad-spread .mbm-spread { z-index: 0; }

/* Indlejret indhold (kort, musik, annoncekoder, HTML5-bannere) */
.mbm-t-embed { overflow: hidden; }
.mbm-embed-el { background: transparent; }
.mbm-embed-frame { background: transparent; }
.mbm-embed-ph { position: absolute; inset: 0; background: #eceae5; }

/* Mine sider: version 2 – annoncen skifter automatisk. */
.mbm-v2 { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 10px 0 14px; padding: 12px 14px; border: 1px solid #e4e1da; border-radius: 10px; background: #faf9f6; font-size: 14px; }
.mbm-v2-head { flex-basis: 100%; margin: 0; }
.mbm-v2 label { display: inline-flex; align-items: center; gap: 8px; }
.mbm-v2 input[type=datetime-local] { padding: 6px 8px; border: 1px solid #cfcac0; border-radius: 6px; font: inherit; }
.mbm-v2 small { flex-basis: 100%; color: #6b7079; }
.mbm-v2-msg { color: #b32d2e; }

/* Mine sider: editoren i fuld skærm */
.mbm-fs-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0 0 10px; font-size: 14px; }
.mbm-fs-open { cursor: pointer; }
.mbm-fs-open.mbm-fs-strong { background: #1b1d22; color: #fff; border-color: #1b1d22; }
.mbm-fs-hint { color: #6b7079; }
.mbm-my-editor.mbm-fs { position: fixed; inset: 0; z-index: 100000; margin: 0; padding: 56px 16px 16px; background: #f3f2ef; overflow: auto; }
.mbm-fs-close { position: fixed; top: 10px; right: 16px; z-index: 100001; min-height: 38px; padding: 0 16px; border: 0; border-radius: 999px; background: #1b1d22; color: #fff; font: 600 14px system-ui, sans-serif; cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,.25); }
html.mbm-fs-lock, html.mbm-fs-lock body { overflow: hidden; }

/* Mine sider: beskeder til redaktionen (0.25.8) */
.mbm-msg { margin-top: 14px; padding: 10px 14px; border: 1px solid var(--mbm-rule, #e4e1da); border-radius: 10px; background: #faf9f6; font-size: 14px; }
.mbm-msg summary { cursor: pointer; font-weight: 600; }
.mbm-msg-item { margin: 10px 0; }
.mbm-msg-item p { margin: 6px 0; padding: 8px 12px; border-radius: 8px; white-space: normal; }
.mbm-msg-me { background: #fff; border: 1px solid #ebe8e1; margin-right: 15% !important; }
.mbm-msg-them { background: #e9f3ee; margin-left: 15% !important; }
.mbm-msg-form label { display: block; margin: 10px 0 6px; }
.mbm-msg-form textarea { display: block; width: 100%; box-sizing: border-box; margin-top: 4px; }
.mbm-msg-status { margin-left: 8px; }

/* Mine sider: annoncer i fælles magasiner fra centralen (0.26.0) */
.mbm-partner-row { display: grid; grid-template-columns: 220px 1fr; gap: 18px; align-items: start; margin: 12px 0; }
.mbm-partner-prev { position: relative; width: 220px; height: 311px; overflow: hidden; border-radius: 4px; box-shadow: 0 2px 10px rgba(0,0,0,.12); background: #fff; }
.mbm-partner-prev > * { width: 595px; transform: scale(.3697); transform-origin: 0 0; pointer-events: none; }
@media (max-width: 560px) { .mbm-partner-row { grid-template-columns: 1fr; } .mbm-partner-prev { margin: 0 auto; } }

/* Mine sider: guide, annoncepladser og deadlines */
.mbm-guide { background: #fff; border: 1px solid #e4e1da; border-radius: 14px; padding: 18px 20px; margin: 0 0 18px; }
.mbm-guide-h { margin: 0 0 12px; font-size: 18px; }
.mbm-guide-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
.mbm-guide-steps li { display: flex; gap: 10px; align-items: flex-start; padding: 10px; border-radius: 10px; background: #f7f6f2; opacity: .75; }
.mbm-guide-steps li.mbm-now { background: #fff4f5; outline: 2px solid #c8102e; opacity: 1; }
.mbm-guide-steps li.mbm-done { opacity: .6; }
.mbm-guide-steps p { margin: 2px 0 0; font-size: 13px; line-height: 1.4; color: #4a4f59; }
.mbm-guide-n { flex: none; width: 26px; height: 26px; border-radius: 50%; background: #1b1d22; color: #fff; display: grid; place-items: center; font-weight: 700; font-size: 13px; }
.mbm-guide-steps li.mbm-now .mbm-guide-n { background: #c8102e; }
.mbm-guide-dl { margin: 12px 0 0; }
.mbm-claims { display: grid; gap: 12px; margin: 0 0 18px; }
.mbm-claim { background: #fff; border: 2px dashed #c8102e; border-radius: 14px; padding: 16px 18px; }
.mbm-claim h4 { margin: 0 0 10px; font-size: 16px; }
.mbm-claim h4 small { font-weight: 400; color: #4a4f59; }
.mbm-claim-row { display: flex; flex-wrap: wrap; gap: 12px; }
.mbm-claim-row label { display: flex; flex-direction: column; gap: 4px; min-width: 200px; flex: 1; font-size: 13px; }
.mbm-claim-row select, .mbm-claim-row input { padding: 8px; border: 1px solid #cfccc4; border-radius: 8px; font: inherit; font-size: 14px; }
.mbm-claim-fixed { padding: 8px 0; font-size: 15px; }
.mbm-claim-help { font-size: 13px; color: #4a4f59; margin: 8px 0; }
.mbm-claim-msg { font-size: 13px; margin-left: 8px; }
.mbm-dl { display: inline-block; font-size: 12px; font-weight: 600; padding: 2px 9px; border-radius: 99px; vertical-align: middle; }
.mbm-dl-ok { background: #eaf4ee; color: #1f6b43; }
.mbm-dl-soon { background: #fff1d6; color: #8a5a00; }
.mbm-dl-late { background: #fde7e9; color: #b42318; }
.mbm-deadline-note { background: #f7f6f2; border-left: 4px solid #c8102e; padding: 10px 14px; border-radius: 6px; font-size: 14px; }
.mbm-addon { background: #f7f6f2; border-radius: 10px; padding: 10px 14px; }
.mbm-addon small { color: #4a4f59; }
.mbm-claim-why { font-size: 13px; color: #8a5a00; background: #fff8e6; border-radius: 8px; padding: 8px 12px; margin: 8px 0; }