/* Elevbølga 2026 – Elevorganisasjonen sin profil (manual.no/eo).
   Skrift: Graphik Regular/Semibold. @font-face blir lagt til av elevbolga.php
   for filene som ligg i fonts/.
   Alt er avgrensa til .eob slik at temaet ikkje blir påverka.

   Prinsipp: flate fargeflater med rette hjørne, stor Graphik, tynne linjer
   i staden for boksar. Farge berre der han ber informasjon. */

.eob {
	--eo-orange: #FF6340;
	--eo-blue: #0A466E;  --eo-blue-2: #85A2B7; --eo-blue-3: #CEDAE2; --eo-blue-4: #E7ECF0;
	--eo-yellow: #FFDE66;
	--eo-green: #73FFD7;
	--eo-ink: #3d3d3d;   --eo-muted: #6e6e6e;  --eo-rule: #dcdad4;
	--eo-white: #ffffff;  --eo-beige: #f5f3ee;
	--eo-font: "Graphik", "Helvetica Neue", Helvetica, Arial, sans-serif;

	font-family: var(--eo-font);
	color: var(--eo-ink);
	font-size: 16px;
	line-height: 1.5;
	max-width: 1180px;
	margin: 0 auto;
	-webkit-font-smoothing: antialiased;
}
.eob *, .eob *::before, .eob *::after { box-sizing: border-box; }
.eob h1, .eob h2, .eob h3, .eob p, .eob ol, .eob ul, .eob li, .eob figure { margin: 0; padding: 0; border: 0; }
.eob ol, .eob ul { list-style: none; }
.eob li::before { content: none; }
.eob h1, .eob h2, .eob h3 { font-family: var(--eo-font); text-transform: none; letter-spacing: normal; }
.eob img { max-width: 100%; height: auto; border: 0; border-radius: 0; box-shadow: none; }
.eob a { box-shadow: none; }
.eob a:focus-visible { outline: 2px solid var(--eo-orange); outline-offset: 3px; }
.eob-spacer { height: clamp(48px, 7vw, 88px); }
.eob[id], .eob [id] { scroll-margin-top: 90px; }

/* ---------- Navigasjon ---------- */
.eob .eob-nav { margin: 0 0 20px; border-bottom: 1px solid var(--eo-rule); }
.eob .eob-nav ul { display: flex; align-items: stretch; gap: 28px; overflow-x: auto; scrollbar-width: none; }
.eob .eob-nav ul::-webkit-scrollbar { display: none; }
.eob .eob-nav li { flex: 0 0 auto; display: flex; }
.eob .eob-nav li:first-child { margin-right: auto; }
.eob .eob-nav a {
	display: flex; align-items: center; gap: 10px;
	padding: 14px 0 12px; border-bottom: 3px solid transparent; margin-bottom: -1px;
	font-size: 15px; font-weight: 600; line-height: 1.2; white-space: nowrap;
	color: var(--eo-blue); text-decoration: none;
}
.eob .eob-nav a:hover { border-bottom-color: var(--eo-blue-3); color: var(--eo-blue); }
.eob .eob-nav a.eob-nav-current { border-bottom-color: var(--eo-orange); }
.eob .eob-nav-logo { width: 24px; height: 24px; object-fit: contain; flex: none; margin: 0; max-width: none; }
.eob .eob-nav a.eob-nav-home.eob-nologo::before {
	content: ""; width: 12px; height: 12px; background: var(--eo-orange); flex: none;
}
@media (max-width: 600px) {
	.eob .eob-nav ul { gap: 20px; }
	.eob .eob-nav li:first-child { flex-basis: 100%; margin-right: 0; }
	.eob .eob-nav ul { flex-wrap: wrap; row-gap: 0; }
	.eob .eob-nav li:first-child a { border-bottom: 1px solid var(--eo-rule); width: 100%; margin-bottom: 0; }
	.eob .eob-nav li:first-child a.eob-nav-current { border-bottom: 3px solid var(--eo-orange); }
}

/* ---------- Banner (Dagsorden / Kven er vi?) ---------- */
.eob .eob-masthead {
	background: var(--eo-blue); color: var(--eo-white);
	padding: clamp(28px, 5vw, 52px) clamp(22px, 4vw, 44px);
	position: relative; overflow: hidden;
	display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px 40px;
}
.eob .eob-masthead > * { position: relative; z-index: 1; }
.eob .eob-title {
	color: var(--eo-white); font-weight: 600;
	font-size: clamp(40px, 7vw, 84px); line-height: 0.95; letter-spacing: -0.03em;
}
.eob .eob-sub { color: var(--eo-blue-3); margin-top: 12px; font-size: clamp(16px, 2vw, 20px); }
.eob .eob-masthead-mail { color: var(--eo-white); font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.eob .eob-masthead-mail:hover { color: var(--eo-yellow); }
.eob .eob-legend { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 14px; color: var(--eo-blue-3); }
.eob .eob-legend span { display: inline-flex; align-items: center; gap: 8px; }
.eob .eob-sw { width: 10px; height: 10px; display: inline-block; }
.eob .eob-sw-meeting { background: var(--eo-white); }
.eob .eob-sw-program { background: var(--eo-orange); }
.eob .eob-sw-meal    { background: var(--eo-yellow); }
.eob .eob-sw-social  { background: var(--eo-green); }

.eob .eob-masthead > .eob-logo {
	position: absolute; top: 50%; right: clamp(22px, 4vw, 44px); transform: translateY(-50%);
	width: clamp(52px, 7vw, 84px); height: auto; max-width: none; margin: 0; object-fit: contain;
}
.eob .eob-masthead:not(.eob-compact):not(.eob-nologo) > div:first-of-type { padding-right: clamp(72px, 10vw, 120px); }
.eob .eob-masthead:not(.eob-compact):not(.eob-nologo) > .eob-legend,
.eob .eob-masthead:not(.eob-compact):not(.eob-nologo) > .eob-masthead-mail { margin-right: clamp(76px, 10vw, 124px); }
.eob .eob-masthead.eob-nologo::after {
	content: ""; position: absolute; right: -60px; top: -60px;
	width: 220px; height: 220px; border-radius: 50%; background: var(--eo-orange);
}
@media (max-width: 600px) {
	.eob .eob-masthead > .eob-logo { top: 24px; transform: none; width: 44px; }
	.eob .eob-masthead:not(.eob-compact):not(.eob-nologo) > .eob-legend,
	.eob .eob-masthead:not(.eob-compact):not(.eob-nologo) > .eob-masthead-mail { margin-right: 0; }
	.eob .eob-masthead.eob-nologo::after { width: 110px; height: 110px; right: -45px; top: -45px; }
}

/* Kompakt seksjonstopp (når innhaldet står på framsida) */
.eob .eob-masthead.eob-compact {
	background: transparent; color: var(--eo-ink); padding: 0 0 14px;
	border-bottom: 3px solid var(--eo-blue); align-items: baseline; overflow: visible;
}
.eob .eob-masthead.eob-compact::after { content: none; }
.eob .eob-masthead.eob-compact .eob-title { color: var(--eo-blue); font-size: clamp(30px, 4vw, 44px); line-height: 1.05; }
.eob .eob-masthead.eob-compact .eob-legend { color: var(--eo-muted); }
.eob .eob-masthead.eob-compact .eob-sw-meeting { background: var(--eo-blue); }
.eob .eob-masthead.eob-compact .eob-masthead-mail { color: var(--eo-blue); }

/* ---------- Dagsorden ---------- */
.eob .eob-days { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 3vw, 36px); margin-top: clamp(24px, 4vw, 40px); }
@media (max-width: 860px) { .eob .eob-days { grid-template-columns: 1fr; } }

.eob .eob-day-head {
	display: flex; align-items: baseline; justify-content: space-between; gap: 8px;
	padding: 12px 16px;
}
.eob .eob-day-head h3 { font-size: 26px; font-weight: 600; letter-spacing: -0.015em; line-height: 1.15; color: inherit; }
.eob .eob-day-head span { font-size: 15px; }
.eob .eob-day-fre .eob-day-head { background: var(--eo-orange); color: var(--eo-white); }
.eob .eob-day-lau .eob-day-head { background: var(--eo-blue);   color: var(--eo-white); }
.eob .eob-day-sun .eob-day-head { background: var(--eo-yellow); color: var(--eo-blue); }

.eob .eob-timeline { padding: 0; }
.eob .eob-item {
	display: grid; grid-template-columns: 56px 16px minmax(0, 1fr); align-items: start;
	padding: 11px 0; border-bottom: 1px solid var(--eo-rule);
}
.eob .eob-time { font-variant-numeric: tabular-nums; font-weight: 600; font-size: 15px; line-height: 24px; color: var(--eo-blue); }
.eob .eob-time.eob-range { font-size: 13px; line-height: 1.3; padding-top: 2px; }
.eob .eob-dot { width: 8px; height: 8px; align-self: start; margin-top: 8px; background: var(--eo-blue); }
.eob .eob-card { padding: 0; background: none; }
.eob .eob-item-title { font-weight: 600; color: var(--eo-ink); line-height: 24px; }
.eob .eob-note { font-size: 14px; color: var(--eo-muted); margin-top: 2px; }

.eob .eob-k-meeting .eob-dot { background: var(--eo-blue); }
.eob .eob-k-program .eob-dot { background: var(--eo-orange); }
.eob .eob-k-meal .eob-dot    { background: var(--eo-yellow); }
.eob .eob-k-social .eob-dot  { background: var(--eo-green); }
.eob .eob-k-break .eob-dot,
.eob .eob-k-quiet .eob-dot,
.eob .eob-k-end .eob-dot     { background: transparent; }
.eob .eob-k-break .eob-item-title,
.eob .eob-k-quiet .eob-item-title { font-weight: 400; color: var(--eo-muted); }
.eob .eob-k-end .eob-item-title { font-weight: 400; color: var(--eo-blue); }
.eob .eob-k-end { border-bottom-color: var(--eo-blue-3); }
.eob .eob-cont { padding-top: 6px; }
.eob .eob-cont .eob-dot { width: 6px; height: 6px; margin-top: 9px; }

.eob .eob-saker { margin-top: 8px; }
.eob .eob-saker li {
	display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 8px; align-items: baseline;
	font-size: 15px; padding: 4px 0;
}
.eob .eob-nr { font-variant-numeric: tabular-nums; color: var(--eo-blue-2); font-weight: 600; font-size: 14px; }
.eob .eob-sak-inline { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 8px; align-items: baseline; }
.eob .eob-sak-inline .eob-nr { line-height: 24px; }
.eob .eob-tags { display: inline-flex; gap: 0; font-size: 13px; font-weight: 600; text-transform: uppercase; color: var(--eo-blue-2); }
.eob .eob-tag { font-weight: 600; font-style: normal; color: inherit; background: none; padding: 0; }
.eob .eob-tag + .eob-tag::before { content: "/"; font-weight: 400; padding: 0 1px; }
.eob .eob-tag-v { color: var(--eo-orange); }
.eob .eob-tag-o { color: var(--eo-blue); }
.eob .eob-tag-d { color: #8a6d00; }

.eob .eob-foot { margin-top: 20px; display: flex; flex-wrap: wrap; gap: 6px 22px; font-size: 14px; color: var(--eo-muted); }
.eob .eob-foot span { display: inline-flex; align-items: baseline; gap: 6px; }
.eob .eob-foot .eob-tag { text-transform: uppercase; }

/* ---------- Kven er vi? ---------- */
.eob .eob-group { margin-top: clamp(28px, 4vw, 44px); }
.eob .eob-group-head { margin-bottom: 20px; }
.eob .eob-group-head h3 { font-size: clamp(24px, 3vw, 30px); font-weight: 600; color: var(--eo-blue); letter-spacing: -0.015em; line-height: 1.15; }
.eob .eob-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 36px 24px; }

.eob .eob-person { display: flex; flex-direction: column; }
.eob .eob-avatar {
	aspect-ratio: 4 / 5; width: 100%; overflow: hidden; margin-bottom: 14px;
	background: var(--eo-blue-4);
	display: flex; align-items: center; justify-content: center;
	font-size: 44px; font-weight: 600; color: var(--eo-blue-2); letter-spacing: -0.02em;
}
.eob .eob-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; }
.eob .eob-name { font-size: 18px; font-weight: 600; line-height: 1.25; color: var(--eo-blue); }
.eob .eob-role { margin-top: 2px; font-size: 15px; color: var(--eo-ink); }
.eob .eob-lead .eob-role { color: var(--eo-orange); font-weight: 600; }
.eob .eob-mail {
	margin-top: 8px; font-size: 14px; color: var(--eo-blue);
	text-decoration: underline; text-decoration-color: var(--eo-blue-3); text-underline-offset: 3px;
	overflow-wrap: anywhere;
}
.eob .eob-mail:hover { text-decoration-color: var(--eo-orange); color: var(--eo-blue); }
@media (max-width: 480px) {
	.eob .eob-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 16px; }
	.eob .eob-name { font-size: 16px; }
	.eob .eob-role, .eob .eob-mail { font-size: 13px; }
}

/* ---------- Framside ---------- */
.eob .eob-hero {
	background: var(--eo-blue); color: var(--eo-white);
	padding: clamp(32px, 7vw, 80px) clamp(22px, 5vw, 56px) clamp(28px, 5vw, 56px);
	position: relative; overflow: hidden;
}
.eob .eob-hero > * { position: relative; z-index: 1; }
.eob .eob-hero-kicker { color: var(--eo-blue-3); font-size: clamp(16px, 1.8vw, 19px); }
.eob .eob-hero-title {
	margin-top: 8px; font-weight: 600; color: var(--eo-white);
	font-size: clamp(52px, 11.5vw, 136px); line-height: 0.9; letter-spacing: -0.04em;
}
.eob .eob-hero-date { margin-top: clamp(16px, 2.5vw, 28px); font-size: clamp(20px, 3vw, 32px); font-weight: 600; color: var(--eo-yellow); }
.eob .eob-hero > .eob-logo {
	position: absolute; top: clamp(28px, 6vw, 72px); right: clamp(22px, 5vw, 56px);
	width: clamp(44px, 6.5vw, 76px); height: auto; max-width: none; margin: 0; object-fit: contain;
}
.eob .eob-hero:not(.eob-nologo) .eob-hero-kicker { padding-right: clamp(60px, 9vw, 100px); }
.eob .eob-hero.eob-nologo::after {
	content: ""; position: absolute; border-radius: 50%; background: var(--eo-orange);
	width: clamp(160px, 38vw, 420px); height: clamp(160px, 38vw, 420px);
	right: clamp(-140px, -10vw, -60px); bottom: clamp(-200px, -14vw, -80px);
}

.eob .eob-greeting {
	margin-top: clamp(40px, 6vw, 72px);
	display: grid; grid-template-columns: minmax(160px, 260px) minmax(0, 1fr); gap: clamp(24px, 5vw, 64px); align-items: start;
}
@media (max-width: 680px) { .eob .eob-greeting { grid-template-columns: 1fr; } .eob .eob-greeting-photo { max-width: 200px; } }
.eob .eob-greeting-photo { aspect-ratio: 4 / 5; overflow: hidden; background: var(--eo-blue-4); position: relative; }
.eob .eob-greeting-photo img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; }
.eob .eob-greeting-initials { display: none; }
.eob .eob-greeting-photo.eob-noimg .eob-greeting-initials {
	display: flex; position: absolute; inset: 0; align-items: center; justify-content: center;
	font-size: 56px; font-weight: 600; color: var(--eo-blue-2);
}
.eob .eob-greeting-body { max-width: 60ch; }
.eob .eob-greeting-title { font-size: clamp(30px, 4vw, 44px); font-weight: 600; color: var(--eo-blue); letter-spacing: -0.02em; line-height: 1.05; margin-bottom: 20px; }
.eob .eob-greeting-body p { font-size: 18px; line-height: 1.6; margin-bottom: 16px; }
.eob .eob-greeting-body p.eob-greeting-sign { display: flex; flex-direction: column; margin: 28px 0 0; font-size: 15px; line-height: 1.4; color: var(--eo-muted); }
.eob .eob-greeting-name { font-weight: 600; color: var(--eo-blue); font-size: 18px; }

.eob .eob-docs { margin-top: clamp(48px, 7vw, 88px); }
.eob .eob-section-title {
	font-size: clamp(30px, 4vw, 44px); font-weight: 600; color: var(--eo-blue); letter-spacing: -0.02em; line-height: 1.05;
	padding-bottom: 14px; border-bottom: 3px solid var(--eo-blue);
}
.eob .eob-doc-grid { display: block; }
.eob .eob-doc {
	display: grid; grid-template-columns: minmax(0, 15em) minmax(0, 1fr) auto; gap: 4px 24px; align-items: baseline;
	padding: 18px 0; border-bottom: 1px solid var(--eo-rule);
	text-decoration: none; color: var(--eo-ink);
}
@media (max-width: 680px) { .eob .eob-doc { grid-template-columns: minmax(0, 1fr) auto; } .eob .eob-doc-desc { grid-column: 1 / -1; grid-row: 2; } }
.eob .eob-doc-name { font-size: 20px; font-weight: 600; color: var(--eo-blue); line-height: 1.25; }
.eob .eob-doc-desc { font-size: 16px; color: var(--eo-ink); }
.eob .eob-doc-state { font-size: 15px; font-weight: 600; color: var(--eo-orange); white-space: nowrap; }
.eob a.eob-doc:hover .eob-doc-name { text-decoration: underline; text-decoration-color: var(--eo-orange); text-underline-offset: 4px; }
.eob a.eob-doc:hover { color: var(--eo-ink); }
.eob .eob-doc-pending .eob-doc-name { color: var(--eo-muted); }
.eob .eob-doc-pending .eob-doc-state { color: var(--eo-muted); font-weight: 400; }

/* ---------- Nærare elev.no (1.8) ----------
   Runde portrett som på elev.no, beige flater frå profilen og
   knappar på lenkene, oppå den flate grunnstrukturen. */

/* Runde portrett */
.eob .eob-grid { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 40px 24px; }
.eob .eob-person { align-items: center; text-align: center; }
.eob .eob-avatar { width: 160px; max-width: 100%; aspect-ratio: 1 / 1; border-radius: 50%; margin-bottom: 16px; font-size: 40px; }
.eob .eob-mail { margin-top: 6px; }
@media (max-width: 480px) { .eob .eob-avatar { width: 120px; font-size: 32px; } }

.eob .eob-greeting { grid-template-columns: 220px minmax(0, 1fr); align-items: center; }
.eob .eob-greeting-photo { aspect-ratio: 1 / 1; border-radius: 50%; width: 220px; }
@media (max-width: 680px) {
	.eob .eob-greeting { grid-template-columns: 1fr; justify-items: start; }
	.eob .eob-greeting-photo { width: 160px; }
}

/* Beige flater */
.eob .eob-greeting {
	background: var(--eo-beige); margin-top: 0;
	padding: clamp(28px, 5vw, 56px) clamp(22px, 5vw, 56px);
}
.eob .eob-docs { margin-top: clamp(40px, 6vw, 72px); }
.eob .eob-days { background: var(--eo-beige); padding: clamp(16px, 2.5vw, 28px); margin-top: 0; }
.eob .eob-day { background: var(--eo-white); }
.eob .eob-timeline { padding: 4px 16px 8px; }
.eob .eob-item:last-child { border-bottom: 0; }
.eob .eob-foot { margin-top: 16px; }
.eob .eob-masthead.eob-compact + .eob-days { margin-top: 20px; }
.eob .eob-group { background: var(--eo-beige); margin-top: 0; padding: clamp(28px, 4vw, 48px) clamp(20px, 4vw, 44px); }
.eob .eob-masthead.eob-compact + .eob-group { margin-top: 20px; }

/* Knappar */
.eob .eob-doc-state {
	display: inline-block; padding: 9px 18px; border-radius: 22px;
	background: var(--eo-orange); color: var(--eo-white); font-size: 14px; line-height: 1.2;
}
.eob a.eob-doc:hover .eob-doc-state { background: var(--eo-blue); }
.eob a.eob-doc:hover .eob-doc-name { text-decoration: none; }
.eob .eob-doc-pending .eob-doc-state { background: var(--eo-beige); color: var(--eo-muted); font-weight: 600; }
.eob .eob-doc { align-items: center; }
.eob .eob-masthead-mail {
	display: inline-block; padding: 10px 20px; border-radius: 24px;
	background: var(--eo-orange); color: var(--eo-white); text-decoration: none;
}
.eob .eob-masthead-mail:hover { background: var(--eo-white); color: var(--eo-blue); }
.eob .eob-masthead.eob-compact .eob-masthead-mail { color: var(--eo-white); }
.eob .eob-group .eob-avatar { background: var(--eo-white); }

/* ---------- Dokument som kort (1.8.1) ---------- */
.eob .eob-docs { background: var(--eo-beige); margin-top: clamp(40px, 6vw, 72px); padding: clamp(28px, 5vw, 56px) clamp(20px, 5vw, 56px); }
.eob .eob-docs-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 24px; margin-bottom: 24px; }
.eob .eob-docs .eob-section-title { border: 0; padding: 0; }
.eob .eob-docs-intro { color: var(--eo-muted); font-size: 16px; }
.eob .eob-doc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }
@media (max-width: 960px) { .eob .eob-doc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .eob .eob-doc-grid { grid-template-columns: 1fr; } }
.eob .eob-doc {
	display: flex; flex-direction: column; align-items: flex-start; gap: 0;
	background: var(--eo-white); padding: 24px 22px 22px; border: 0;
	text-decoration: none; color: var(--eo-ink);
}
.eob .eob-doc-icon { display: block; width: 56px; height: 56px; object-fit: contain; margin: 0 0 18px; }
.eob .eob-doc-name { font-size: 20px; font-weight: 600; color: var(--eo-blue); line-height: 1.25; }
.eob .eob-doc-desc { font-size: 15px; line-height: 1.5; margin-top: 6px; color: var(--eo-ink); }
.eob .eob-doc-btn {
	margin-top: auto; padding: 9px 18px; border-radius: 22px;
	background: var(--eo-blue); color: var(--eo-white); font-size: 14px; font-weight: 600; line-height: 1.2;
}
.eob .eob-doc-desc { margin-bottom: 20px; }
.eob a.eob-doc:hover .eob-doc-btn { background: var(--eo-orange); }
.eob a.eob-doc:hover { color: var(--eo-ink); }
.eob .eob-doc-pending .eob-doc-icon { filter: grayscale(1); opacity: 0.45; }
.eob .eob-doc-pending .eob-doc-name { color: var(--eo-blue); }
.eob .eob-doc-pending .eob-doc-desc { color: var(--eo-muted); }
.eob .eob-doc-soon { margin-top: auto; font-size: 14px; font-weight: 600; color: var(--eo-muted); padding: 9px 0; line-height: 1.2; }
@media (max-width: 520px) {
	.eob .eob-doc-grid { gap: 10px; }
	.eob .eob-doc { padding: 18px 16px; }
	.eob .eob-doc.eob-has-icon { display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 16px; align-items: start; }
	.eob .eob-doc-icon { width: 44px; height: 44px; margin: 0; grid-column: 1; grid-row: 1 / span 3; }
	.eob .eob-has-icon .eob-doc-name, .eob .eob-has-icon .eob-doc-desc, .eob .eob-has-icon .eob-doc-btn, .eob .eob-has-icon .eob-doc-soon { grid-column: 2; margin-top: 0; }
	.eob .eob-has-icon .eob-doc-name { grid-row: 1; } .eob .eob-has-icon .eob-doc-desc { grid-row: 2; } .eob .eob-has-icon .eob-doc-btn, .eob .eob-has-icon .eob-doc-soon { grid-row: 3; }
	.eob .eob-doc-name { font-size: 18px; }
	.eob .eob-doc-desc { margin: 2px 0 10px; font-size: 14px; }
	.eob .eob-doc-btn { justify-self: start; }
	.eob .eob-doc-soon { padding: 0; }
}

/* Lenkje frå sak i dagsorden */
.eob .eob-sak-link { color: var(--eo-blue); text-decoration: underline; text-decoration-color: var(--eo-blue-3); text-underline-offset: 3px; }
.eob .eob-sak-link:hover { text-decoration-color: var(--eo-orange); color: var(--eo-blue); }

/* Budsjettrevisjon */
.eob .eob-budget-files { margin-top: 0; }
.eob .eob-budget-files .eob-doc-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 320px)); }
.eob .eob-budget-files .eob-docs-intro { padding: 8px 0; }

/* Merknad som berre redaktørar ser */
.eob .eob-admin-note { margin-top: 12px; padding: 12px 14px; background: var(--eo-white); border-left: 4px solid var(--eo-orange); font-size: 14px; }
.eob .eob-admin-note code { font-size: 13px; overflow-wrap: anywhere; }

/* ---------- Budsjettrevisjon: skjema (2.1) ---------- */
.eob .eob-budget-note { max-width: 70ch; margin-bottom: 24px; font-size: 16px; line-height: 1.55; }
.eob .eob-budget-note p + p { margin-top: 8px; }
.eob .eob-doc-actions { margin-top: auto; display: flex; flex-wrap: wrap; gap: 8px; }
.eob .eob-doc-actions .eob-doc-btn { margin-top: 0; text-decoration: none; display: inline-block; }
.eob .eob-doc-actions a.eob-doc-btn:hover { background: var(--eo-orange); color: var(--eo-white); }
.eob .eob-doc-btn-alt { background: var(--eo-white); color: var(--eo-blue); box-shadow: inset 0 0 0 2px var(--eo-blue); }
.eob .eob-doc-actions a.eob-doc-btn-alt:hover { box-shadow: inset 0 0 0 2px var(--eo-orange); }
.eob .eob-forms-extra { margin-top: 16px; }

/* ---------- Skjer no (2.1) ---------- */
.eob .eob-now {
	display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; align-items: center; gap: 4px 32px;
	background: var(--eo-yellow); color: var(--eo-blue);
	padding: 18px clamp(20px, 4vw, 44px);
}
.eob .eob-now[hidden] { display: none; }
.eob .eob-now-col { display: flex; flex-direction: column; min-width: 0; }
.eob .eob-now-col[hidden] { display: none; }
.eob .eob-now-label { font-size: 13px; font-weight: 600; display: inline-flex; align-items: center; gap: 8px; }
.eob .eob-now-current .eob-now-label::before {
	content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--eo-orange);
	animation: eob-pulse 1.6s ease-in-out infinite;
}
.eob .eob-now-title { font-size: clamp(18px, 2.2vw, 22px); font-weight: 600; line-height: 1.25; }
.eob .eob-now-time { font-size: 14px; }
.eob .eob-now-next { opacity: 0.85; }
.eob .eob-now-link {
	justify-self: end; padding: 9px 18px; border-radius: 22px; white-space: nowrap;
	background: var(--eo-blue); color: var(--eo-white); font-size: 14px; font-weight: 600; text-decoration: none;
}
.eob .eob-now-link:hover { background: var(--eo-orange); color: var(--eo-white); }
@media (max-width: 680px) {
	.eob .eob-now { grid-template-columns: 1fr; gap: 12px; }
	.eob .eob-now-link { justify-self: start; }
}
@keyframes eob-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }
@media (prefers-reduced-motion: reduce) { .eob .eob-now-current .eob-now-label::before { animation: none; } }

/* Markering i dagsorden */
.eob .eob-item.eob-is-now {
	background: #FFF4CC; box-shadow: -10px 0 0 #FFF4CC, 10px 0 0 #FFF4CC;
}
.eob.eob-live .eob-item.eob-is-past { opacity: 0.45; }
.eob .eob-now-tag {
	display: inline-block; margin-left: 8px; padding: 2px 8px; border-radius: 10px; vertical-align: 2px;
	font-size: 11px; font-weight: 600; line-height: 1.4; letter-spacing: 0.02em;
	background: var(--eo-orange); color: var(--eo-white);
}
.eob .eob-is-next .eob-now-tag { background: transparent; color: var(--eo-blue); box-shadow: inset 0 0 0 1.5px var(--eo-blue); }

/* ---------- Heil side utan tema (2.2) ---------- */
body.eob-standalone { margin: 0; background: #ffffff; }
.eob-standalone-main { padding: 8px clamp(16px, 3vw, 40px) 0; }
.eob-standalone-main > p:empty { display: none; }
.eob-standalone-foot {
	margin-top: clamp(56px, 8vw, 96px); background: #0A466E; color: #ffffff;
	font-family: "Graphik", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px;
}
.eob-standalone-foot-inner {
	max-width: 1180px; margin: 0 auto; padding: 28px clamp(16px, 3vw, 40px);
	display: flex; flex-wrap: wrap; gap: 8px 28px; align-items: center;
}
.eob-standalone-foot-inner span { font-weight: 600; margin-right: auto; }
.eob-standalone-foot a { color: #ffffff; text-decoration: underline; text-underline-offset: 3px; }
.eob-standalone-foot a:hover { color: #FFDE66; }

/* ---------- Bilder (2.3) ---------- */
.eob .eob-gallery-wrap { background: var(--eo-beige); padding: clamp(16px, 3vw, 32px); }
.eob .eob-gallery {
	display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px;
}
.eob .eob-gallery li { aspect-ratio: 1 / 1; overflow: hidden; background: var(--eo-blue-4); }
.eob .eob-gallery li.eob-gallery-broken { display: none; }
.eob .eob-gallery-item { display: block; width: 100%; height: 100%; }
.eob .eob-gallery-item img {
	width: 100%; height: 100%; object-fit: cover; display: block; margin: 0;
	transition: transform 0.25s ease, opacity 0.25s ease;
}
.eob .eob-gallery-item:hover img { transform: scale(1.04); }
.eob .eob-gallery-item:focus-visible { outline: 3px solid var(--eo-orange); outline-offset: -3px; }
@media (max-width: 520px) {
	.eob .eob-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
	.eob .eob-gallery-wrap { padding: 4px; }
}
@media (prefers-reduced-motion: reduce) { .eob .eob-gallery-item img { transition: none; } .eob .eob-gallery-item:hover img { transform: none; } }

/* Visning i stort format */
.eob .eob-lightbox {
	width: 100vw; height: 100vh; max-width: 100vw; max-height: 100vh; margin: 0; padding: 0; border: 0;
	background: rgba(10, 30, 46, 0.96); color: var(--eo-white);
}
.eob .eob-lightbox[open] { display: grid; grid-template-columns: 64px minmax(0, 1fr) 64px; align-items: center; }
.eob .eob-lightbox::backdrop { background: rgba(10, 30, 46, 0.96); }
.eob .eob-lb-figure { margin: 0; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 56px 0 20px; min-width: 0; }
.eob .eob-lb-img { max-width: 100%; max-height: calc(100vh - 120px); object-fit: contain; display: block; margin: 0; }
.eob .eob-lb-caption { display: flex; gap: 20px; align-items: center; font-size: 14px; color: var(--eo-blue-3); }
.eob .eob-lb-open { color: var(--eo-white); text-decoration: underline; text-underline-offset: 3px; }
.eob .eob-lb-open:hover { color: var(--eo-yellow); }
.eob .eob-lightbox button {
	font-family: var(--eo-font); background: transparent; color: var(--eo-white); border: 0; cursor: pointer;
	width: 56px; height: 56px; border-radius: 50%; font-size: 40px; line-height: 1; padding: 0;
	display: flex; align-items: center; justify-content: center; justify-self: center;
}
.eob .eob-lightbox button:hover { background: rgba(255, 255, 255, 0.12); }
.eob .eob-lightbox button:focus-visible { outline: 2px solid var(--eo-yellow); outline-offset: 2px; }
.eob .eob-lb-close { position: absolute; top: 12px; right: 12px; font-size: 36px; }
@media (max-width: 600px) {
	.eob .eob-lightbox[open] { grid-template-columns: 1fr; }
	.eob .eob-lb-prev, .eob .eob-lb-next { position: absolute; bottom: 14px; }
	.eob .eob-lb-prev { left: 14px; } .eob .eob-lb-next { right: 14px; }
	.eob .eob-lb-figure { padding: 56px 0 84px; }
	.eob .eob-lb-img { max-height: calc(100vh - 170px); }
}

/* ---------- Dokument: 3 i breidda (2.4) ---------- */
.eob .eob-docs .eob-doc-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 900px) { .eob .eob-docs .eob-doc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .eob .eob-docs .eob-doc-grid { grid-template-columns: 1fr; } }
.eob .eob-budget-files .eob-doc-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 320px)); }

/* ---------- Still til val og Nattevakt (2.4) ---------- */
.eob .eob-info-pair {
	display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;
	margin-top: 16px;
}
@media (max-width: 760px) { .eob .eob-info-pair { grid-template-columns: 1fr; } }
.eob .eob-info { padding: clamp(24px, 4vw, 44px); display: flex; flex-direction: column; align-items: flex-start; }
.eob .eob-info p { font-size: 17px; line-height: 1.55; margin-bottom: 14px; max-width: 46ch; }
.eob .eob-info-title { font-size: clamp(28px, 3.5vw, 40px); font-weight: 600; letter-spacing: -0.02em; line-height: 1.05; margin-bottom: 18px; color: inherit; }
.eob .eob-info-key { font-weight: 600; }
.eob .eob-info-key span {
	display: inline-block; margin-right: 8px; padding: 2px 10px; border-radius: 12px;
	font-size: 13px; line-height: 1.5; vertical-align: 2px;
}
.eob .eob-info-soon { font-weight: 600; opacity: 0.8; margin-top: auto; }

.eob .eob-info-val { background: var(--eo-yellow); color: var(--eo-blue); }
.eob .eob-info-val .eob-info-key span { background: var(--eo-blue); color: var(--eo-white); }
.eob .eob-info-btn {
	margin-top: auto; padding: 12px 24px; border-radius: 26px; font-size: 16px; font-weight: 600;
	background: var(--eo-blue); color: var(--eo-white); text-decoration: none;
}
.eob .eob-info-btn:hover { background: var(--eo-orange); color: var(--eo-white); }

.eob .eob-info-natt { background: var(--eo-blue); color: var(--eo-white); }
.eob .eob-info-natt .eob-info-key span { background: var(--eo-yellow); color: var(--eo-blue); }
.eob .eob-info-natt p { color: var(--eo-blue-3); }
.eob .eob-info-natt .eob-info-key, .eob .eob-info-natt .eob-info-soon { color: var(--eo-white); }
.eob .eob-info-people { display: grid; gap: 12px; width: 100%; margin-top: auto; }
.eob .eob-info-people li { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, 0.2); }
.eob .eob-info-name { font-size: 17px; font-weight: 600; }
.eob .eob-info-phone {
	font-size: clamp(22px, 2.6vw, 28px); font-weight: 600; font-variant-numeric: tabular-nums;
	color: var(--eo-yellow); text-decoration: none; white-space: nowrap;
}
.eob .eob-info-phone:hover { text-decoration: underline; text-underline-offset: 4px; color: var(--eo-yellow); }

/* Nattevakt: vakter (2.4.1) */
.eob .eob-shifts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 28px; width: 100%; margin-top: auto; }
@media (max-width: 1000px) and (min-width: 761px), (max-width: 480px) { .eob .eob-shifts { grid-template-columns: 1fr; } }
.eob .eob-shift-title { font-size: 15px; font-weight: 600; color: var(--eo-yellow); margin-bottom: 8px; line-height: 1.3; }
.eob .eob-shift-night ul { display: grid; gap: 0; }
.eob .eob-shift-night li {
	display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 2px 12px; align-items: baseline;
	padding: 10px 0; border-top: 1px solid rgba(255, 255, 255, 0.2); font-size: 16px;
}
.eob .eob-shift-time { font-weight: 600; font-variant-numeric: tabular-nums; color: var(--eo-white); }
.eob .eob-shift-names { color: var(--eo-white); }
.eob .eob-shift-night .eob-info-phone { grid-column: 2; font-size: 20px; }

/* ---------- 2.5: Still til val øvst, nattevakt i full breidd, telefon ---------- */
.eob .eob-val-band {
	margin-top: 0; display: grid; align-items: center;
	grid-template-columns: auto minmax(0, 1fr) auto; gap: 8px 40px;
	padding: clamp(22px, 3.5vw, 36px) clamp(22px, 5vw, 56px);
}
.eob .eob-val-band .eob-info-title { margin: 0; grid-row: 1 / span 2; }
.eob .eob-val-band .eob-info-key { margin: 0; }
.eob .eob-val-band p { margin: 0; max-width: 60ch; }
.eob .eob-val-band .eob-info-btn, .eob .eob-val-band .eob-info-soon { grid-column: 3; grid-row: 1 / span 2; margin: 0; white-space: nowrap; }
@media (max-width: 860px) {
	.eob .eob-val-band { grid-template-columns: 1fr; gap: 12px; }
	.eob .eob-val-band .eob-info-title, .eob .eob-val-band .eob-info-btn, .eob .eob-val-band .eob-info-soon { grid-row: auto; grid-column: auto; justify-self: start; }
}

.eob .eob-info-single { margin-top: 16px; }
.eob .eob-info-single .eob-info-natt { padding: clamp(28px, 5vw, 56px); }
.eob .eob-info-single .eob-shifts { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 8px; }
@media (max-width: 760px) { .eob .eob-info-single .eob-shifts { grid-template-columns: 1fr; } }
.eob .eob-shift-night li { grid-template-columns: 64px minmax(0, 1fr); padding: 14px 0; }
.eob .eob-shift-people { display: grid; gap: 8px; }
.eob .eob-shift-person { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 2px 16px; }
.eob .eob-shift-name { color: var(--eo-white); font-size: 16px; }
.eob .eob-shift-phone {
	color: var(--eo-yellow); font-weight: 600; font-size: 18px; font-variant-numeric: tabular-nums;
	text-decoration: none; white-space: nowrap;
}
.eob .eob-shift-phone:hover { text-decoration: underline; text-underline-offset: 3px; color: var(--eo-yellow); }

.eob .eob-phone { margin-top: 2px; font-variant-numeric: tabular-nums; }

/* Still til val: etter fristen (2.6) */
.eob .eob-val-open { grid-column: 3; grid-row: 1 / span 2; }
.eob .eob-val-open .eob-info-btn, .eob .eob-val-open .eob-info-soon { display: inline-block; margin: 0; white-space: nowrap; }
.eob .eob-val-done { display: none; grid-column: 3; grid-row: 1 / span 2; margin: 0; font-size: 20px; font-weight: 600; white-space: nowrap; }
.eob .eob-val-closed .eob-val-open { display: none; }
.eob .eob-val-closed .eob-val-done { display: block; }
.eob .eob-val-closed .eob-val-text { display: none; }
@media (max-width: 860px) { .eob .eob-val-open, .eob .eob-val-done { grid-column: auto; grid-row: auto; } }
.eob .eob-val-closed .eob-info-key { grid-row: 1 / span 2; align-self: center; }
@media (max-width: 860px) { .eob .eob-val-closed .eob-info-key { grid-row: auto; } }

/* ---------- Skjer no: lita boks i banneret på framsida (2.7.1) ---------- */
.eob .eob-hero-foot { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 20px 32px; margin-top: clamp(16px, 2.5vw, 28px); }
.eob .eob-hero-foot .eob-hero-date { margin-top: 0; }
.eob .eob-now.eob-now-hero {
	display: grid; grid-template-columns: 1fr; gap: 10px;
	width: 300px; max-width: 100%; padding: 16px 18px; margin: 0;
	background: var(--eo-white); color: var(--eo-blue); border-radius: 4px;
}
.eob .eob-now.eob-now-hero[hidden] { display: none; }
.eob .eob-now-hero .eob-now-col { display: block; }
.eob .eob-now-hero .eob-now-current .eob-now-label { display: flex; margin-bottom: 2px; }
.eob .eob-now-hero .eob-now-current .eob-now-title { display: block; font-size: 20px; line-height: 1.2; }
.eob .eob-now-hero .eob-now-current .eob-now-time { display: block; font-size: 14px; color: var(--eo-ink); }
.eob .eob-now-hero .eob-now-next { opacity: 1; padding-top: 10px; border-top: 1px solid var(--eo-blue-4); font-size: 14px; line-height: 1.4; }
.eob .eob-now-hero .eob-now-next .eob-now-label { display: inline; font-size: 14px; }
.eob .eob-now-hero .eob-now-next .eob-now-label::after { content: ": "; }
.eob .eob-now-hero .eob-now-next .eob-now-title { display: inline; font-size: 14px; font-weight: 600; }
.eob .eob-now-hero .eob-now-next .eob-now-time { display: inline; font-size: 14px; color: var(--eo-ink); }
.eob .eob-now-hero .eob-now-next .eob-now-time::before { content: ", "; }
.eob .eob-now-hero .eob-now-link {
	justify-self: start; padding: 0; background: none; border-radius: 0;
	color: var(--eo-blue); font-size: 14px; font-weight: 600;
	text-decoration: underline; text-decoration-color: var(--eo-orange); text-underline-offset: 3px;
}
.eob .eob-now-hero .eob-now-link:hover { background: none; color: var(--eo-orange); }
@media (max-width: 600px) { .eob .eob-now.eob-now-hero { width: 100%; } }

/* ---------- Mobil (2.8) ---------- */
/* Dagsorden: faner for dagane på smale skjermar */
.eob .eob-day-tabs { display: none; }
@media (max-width: 860px) {
	.eob .eob-day-tabs {
		display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 6px;
		margin: 16px 0 0; padding: 0;
	}
	.eob .eob-day-tab {
		font-family: var(--eo-font); font-size: 16px; font-weight: 600; line-height: 1.2;
		min-height: 48px; padding: 10px 6px; border: 0; border-radius: 4px; cursor: pointer;
		background: var(--eo-white); color: var(--eo-blue); box-shadow: inset 0 0 0 1.5px var(--eo-blue-3);
	}
	.eob .eob-day-tab[aria-selected="true"] { box-shadow: none; }
	.eob .eob-day-tab.eob-tab-fre[aria-selected="true"] { background: var(--eo-orange); color: var(--eo-white); }
	.eob .eob-day-tab.eob-tab-lau[aria-selected="true"] { background: var(--eo-blue); color: var(--eo-white); }
	.eob .eob-day-tab.eob-tab-sun[aria-selected="true"] { background: var(--eo-yellow); color: var(--eo-blue); }
	.eob .eob-day-tab:focus-visible { outline: 2px solid var(--eo-orange); outline-offset: 2px; }
	.eob .eob-days.eob-tabbed { margin-top: 8px; }
	.eob .eob-days.eob-tabbed .eob-day { display: none; }
	.eob .eob-days.eob-tabbed .eob-day.eob-day-active { display: block; }
	.eob .eob-masthead.eob-compact + .eob-day-tabs { margin-top: 20px; }
}

/* Større trykkflater for lenkjer og telefonnummer */
@media (max-width: 760px) {
	.eob .eob-mail { display: inline-block; padding: 11px 4px; margin: -4px 0; }
	.eob .eob-mail.eob-phone { margin-top: -8px; }
	.eob .eob-shift-phone { display: inline-block; padding: 10px 0; margin: -8px 0; font-size: 19px; }
	.eob .eob-now-hero .eob-now-link { display: inline-block; padding: 12px 0; margin: -8px 0 -10px; }
	.eob .eob-sak-link { display: inline-block; padding: 10px 0; margin: -10px 0; }
	.eob .eob-lb-open { display: inline-block; padding: 12px 0; }
}
.eob .eob-now-tag { font-size: 12px; padding: 2px 9px; }

/* Lange ord i titlar (t.d. «budsjettrevisjon») på små skjermar */
.eob .eob-title, .eob .eob-hero-title, .eob .eob-info-title, .eob .eob-doc-name { overflow-wrap: break-word; hyphens: auto; }
@media (max-width: 600px) {
	.eob .eob-masthead { flex-direction: column; align-items: flex-start; }
	.eob .eob-masthead > .eob-logo { position: static; order: -1; width: 44px; margin: 0 0 4px; transform: none; }
	.eob .eob-masthead:not(.eob-compact):not(.eob-nologo) > div:first-of-type { padding-right: 0; }
	.eob .eob-title { font-size: clamp(30px, 9vw, 44px); line-height: 1; }
	.eob .eob-hero > .eob-logo { width: 44px; }
}

/* Snarveg til nattevakta i «Skjer no» om natta */
.eob .eob-now-hero .eob-now-natt { color: var(--eo-orange); text-decoration-color: currentColor; }
@media (max-width: 760px) { .eob .eob-doc-actions .eob-doc-btn { padding: 13px 20px; } }
/* Kven er vi?: to i breidda på mobil */
@media (max-width: 560px) {
	.eob .eob-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 12px; }
	.eob .eob-avatar { width: 112px; font-size: 30px; margin-bottom: 12px; }
	.eob .eob-name { font-size: 16px; }
	.eob .eob-role { font-size: 14px; }
	.eob .eob-mail { font-size: 13px; overflow-wrap: anywhere; }
	.eob .eob-group { padding: 24px 12px; }
}

/* Still til val: hovudkolonne og valombod (2.8.1) */
.eob .eob-val-band { grid-template-columns: auto minmax(0, 1fr) auto; }
.eob .eob-val-band .eob-info-title { grid-row: auto; }
.eob .eob-val-main { display: grid; gap: 8px; min-width: 0; }
.eob .eob-val-band .eob-val-open, .eob .eob-val-band .eob-val-done { grid-row: auto; grid-column: 3; }
.eob .eob-val-closed .eob-info-key { grid-row: auto; }
.eob .eob-val-ombod {
	font-size: 15px !important; line-height: 1.5; margin-top: 4px !important;
	padding-top: 10px; border-top: 1px solid rgba(10, 70, 110, 0.18);
}
.eob .eob-val-ombod-label {
	display: inline-block; margin-right: 6px; padding: 1px 9px; border-radius: 12px;
	background: var(--eo-white); color: var(--eo-blue); font-size: 12px; font-weight: 600; vertical-align: 1px;
}
.eob .eob-val-ombod a { color: var(--eo-blue); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.eob .eob-val-ombod a:hover { color: var(--eo-blue); text-decoration-color: var(--eo-orange); }
@media (max-width: 860px) {
	.eob .eob-val-band { grid-template-columns: 1fr; gap: 14px; }
	.eob .eob-val-band .eob-info-title { justify-self: start; }
	.eob .eob-val-band .eob-val-open, .eob .eob-val-band .eob-val-done { grid-column: auto; justify-self: start; }
	.eob .eob-val-ombod a { display: inline-block; padding: 8px 0; margin: -8px 0; }
}

/* ---------- Merkelappar utan «piller» (2.8.2) ---------- */
/* «Frist», «Valombod»: liten overskriftslinje over innhaldet */
.eob .eob-info-key span,
.eob .eob-val-ombod-label {
	display: block; margin: 0 0 2px; padding: 0; border-radius: 0; background: none; box-shadow: none;
	font-size: 13px; font-weight: 600; line-height: 1.3; letter-spacing: 0.01em; vertical-align: baseline;
}
.eob .eob-info-val .eob-info-key span,
.eob .eob-info-val .eob-val-ombod-label { background: none; color: rgba(10, 70, 110, 0.72); }
.eob .eob-info-natt .eob-info-key span { background: none; color: var(--eo-yellow); }
.eob .eob-val-ombod { padding-top: 12px; }
.eob .eob-val-ombod-label { margin-bottom: 4px; }

/* «No» / «Neste» i dagsorden: berre farga tekst */
.eob .eob-now-tag {
	margin-left: 10px; padding: 0; border-radius: 0; background: none; box-shadow: none;
	font-size: 13px; font-weight: 600; letter-spacing: 0; vertical-align: baseline; color: var(--eo-orange);
}
.eob .eob-is-next .eob-now-tag { background: none; box-shadow: none; color: var(--eo-blue-2); }
.eob .eob-item.eob-is-now { box-shadow: -10px 0 0 #FFF4CC, 10px 0 0 #FFF4CC, -13px 0 0 var(--eo-orange); }

/* ---------- Banketten (2.9) ---------- */
.eob .eob-hero-cards { display: flex; flex-direction: column; gap: 10px; width: 300px; max-width: 100%; }
.eob .eob-hero-cards:empty { display: none; }
.eob .eob-hero-cards .eob-now.eob-now-hero { width: 100%; }
.eob .eob-bk-card {
	display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 2px 12px; align-items: center;
	background: #FFF2C8; color: var(--eo-blue); border-radius: 4px; padding: 14px 16px;
}
.eob .eob-bk-card[hidden] { display: none; }
.eob .eob-bk-card .eob-bk-balloons { width: 52px; height: 40px; grid-row: 1 / span 2; }
.eob .eob-bk-kicker { display: block; font-size: 13px; font-weight: 600; color: rgba(10, 70, 110, 0.72); }
.eob .eob-bk-title { display: block; font-size: 19px; line-height: 1.2; }
.eob .eob-bk-time { display: block; font-size: 14px; color: var(--eo-ink); }
.eob .eob-bk-link, .eob .eob-bk-line a {
	color: var(--eo-blue); font-size: 14px; font-weight: 600;
	text-decoration: underline; text-decoration-color: var(--eo-orange); text-underline-offset: 3px;
}
.eob .eob-bk-card .eob-bk-link { grid-column: 2; justify-self: start; padding: 8px 0 2px; }
.eob .eob-bk-link:hover, .eob .eob-bk-line a:hover { color: var(--eo-orange); }

/* Under helga: lita linje nedst i «Skjer no» */
.eob .eob-bk-line {
	display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 0 10px; align-items: center;
	margin: 2px -18px -16px; padding: 10px 18px; background: #FFF2C8; border-radius: 0 0 4px 4px;
	font-size: 14px; line-height: 1.35; color: var(--eo-blue);
}
.eob .eob-bk-line[hidden] { display: none; }
.eob .eob-bk-line .eob-bk-balloons { width: 34px; height: 26px; grid-row: 1 / span 2; }
.eob .eob-bk-line a { grid-column: 2; justify-self: start; }
@media (max-width: 600px) {
	.eob .eob-hero-cards { width: 100%; }
	.eob .eob-bk-card .eob-bk-link, .eob .eob-bk-line a { display: inline-block; padding: 10px 0 4px; }
}