/**
 * Aka content components — hub, fakta, artiklar (låst system).
 * Se docs/AKA-CARD-SYSTEM-LOCK.md
 */

/* A) Editorial section */
.aka-section {
	box-sizing: border-box;
	scroll-margin-top: 5.75rem;
}

.aka-section__body {
	font-size: 0.97rem;
	line-height: 1.62;
	color: #334155;
}

.aka-section__body p {
	margin: 0 0 0.85rem;
}

.aka-section__lead {
	margin: 0 0 1rem;
	font-size: 1.05rem;
	line-height: 1.55;
	font-weight: 500;
	color: #1e293b;
}

.aka-section__h3 {
	margin: 1.15rem 0 0.45rem;
	font-size: 1rem;
	font-weight: 700;
	color: #0f172a;
}

.aka-section__list {
	margin: 0 0 1rem;
	padding-left: 1.15rem;
}

.aka-section__list li {
	margin-bottom: 0.45rem;
}

.aka-section__deep {
	margin: 0.5rem 0 0;
	font-size: 0.88rem;
}

.aka-section__deep a {
	font-weight: 600;
	color: #0f766e;
}

/* B) Base card — editorial hairline (inga AI-rutor; jfr aka-no-colored-border-cards.mdc) */
.aka-card {
	box-sizing: border-box;
	display: block;
	text-decoration: none;
	color: inherit;
	border: 0;
	border-top: 1px solid var(--aka-line, #ececec);
	border-radius: 0;
	background: transparent;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.aka-card:hover,
.aka-card:focus-visible {
	border-top-color: #d8d8d4;
	background: var(--aka-card-bg-quiet, #f8f7f4);
	box-shadow: none;
	outline: none;
}

/* C) Resource */
.aka-card--resource {
	padding: 0.78rem 0.9rem;
}

.aka-card--resource__kicker {
	display: inline-block;
	width: fit-content;
	max-width: 100%;
	margin-bottom: 0.2rem;
	padding: 0.12rem 0.45rem;
	border-radius: 999px;
	font-size: 0.62rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #fff;
	background: var(--color-brand, #1abc9c);
	line-height: 1.35;
}

/* A4 semantic_type → befintliga Akalasi badge-tokens */
.aka-card--resource[data-semantic-type="ARTICLE"] .aka-card--resource__kicker,
.aka-card--resource[data-semantic-type="FAKTA"] .aka-card--resource__kicker,
.aka-card--resource[data-semantic-type="FACT"] .aka-card--resource__kicker {
	background: var(--color-brand, #1abc9c);
	color: #fff;
}
.aka-card--resource[data-semantic-type="LIVSSTIL"] .aka-card--resource__kicker {
	background: var(--color-tool, #8e44ad);
	color: #fff;
}
.aka-card--resource[data-semantic-type="KOST"] .aka-card--resource__kicker,
.aka-card--resource[data-semantic-type="FOOD"] .aka-card--resource__kicker {
	background: var(--color-food, #27ae60);
	color: #fff;
}
.aka-card--resource[data-semantic-type="FORUM"] .aka-card--resource__kicker {
	background: var(--color-social, #f1c40f);
	color: #2c3e50;
}
.aka-card--resource[data-semantic-type="ORDLISTA"] .aka-card--resource__kicker,
.aka-card--resource[data-semantic-type="UTILITY"] .aka-card--resource__kicker,
.aka-card--resource[data-semantic-type="DICTIONARY"] .aka-card--resource__kicker {
	background: var(--color-brand, #1abc9c);
	color: #fff;
}
.aka-card--resource[data-semantic-type="GUIDE"] .aka-card--resource__kicker,
.aka-card--resource[data-semantic-type="HUB"] .aka-card--resource__kicker {
	background: #95a5a6;
	color: #fff;
}
.aka-card--resource[data-semantic-type="VERKTYG"] .aka-card--resource__kicker,
.aka-card--resource[data-semantic-type="TOOL"] .aka-card--resource__kicker,
.aka-card--resource[data-semantic-type="RESURSCENTER"] .aka-card--resource__kicker,
.aka-card--resource[data-semantic-type="NUTRITIONISTEN"] .aka-card--resource__kicker,
.aka-card--resource[data-semantic-type="RESOURCE"] .aka-card--resource__kicker {
	background: var(--color-tool, #8e44ad);
	color: #fff;
}
/* Unknown semantic → existing neutral token only (no invented brand color) */
.aka-card--resource[data-semantic-type="UNKNOWN"] .aka-card--resource__kicker,
.aka-card--resource.tag-neutral .aka-card--resource__kicker,
.aka-card--resource.aka-semantic-unknown .aka-card--resource__kicker {
	background: var(--color-other, #7f8c8d);
	color: #fff;
}

.aka-card--resource--text-only {
	padding-top: 0.7rem;
	padding-bottom: 0.7rem;
}
.aka-card--resource__media:empty,
.aka-card--resource__thumb:empty {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
	aspect-ratio: auto !important;
}
.aka-card--resource__media:not(:has(img)) {
	display: none !important;
	min-height: 0 !important;
	aspect-ratio: auto !important;
}

.aka-card--resource[data-article-pillar="allmant-fakta"] .aka-card--resource__kicker { background: var(--color-brand, #1abc9c); color: #fff; }
.aka-card--resource[data-article-pillar="behandling"] .aka-card--resource__kicker { background: var(--color-treat, #f39c12); color: #fff; }
.aka-card--resource[data-article-pillar="diagnos-symptom"] .aka-card--resource__kicker { background: var(--color-disease, #e74c3c); color: #fff; }
.aka-card--resource[data-article-pillar="forskning"] .aka-card--resource__kicker { background: var(--color-research, #2980b9); color: #fff; }
.aka-card--resource[data-article-pillar="mat-kost"] .aka-card--resource__kicker { background: var(--color-food, #27ae60); color: #fff; }
.aka-card--resource[data-article-pillar="berattelser"] .aka-card--resource__kicker { background: var(--color-family, #e67e22); color: #fff; }
.aka-card--resource[data-article-pillar="livsstil"] .aka-card--resource__kicker { background: var(--color-tool, #8e44ad); color: #fff; }

.aka-card--resource__title {
	display: block;
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 1.4;
	color: #0f172a;
}

/* D) Article — extends magasin */
.aka-card--article.aka-mag-card {
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

/* E) Forum */
.aka-card--forum {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	min-height: 4.5rem;
	padding: 0.78rem 0.9rem;
}

/* F) Pills */
.aka-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	padding: 0.28rem 0.58rem;
	border-radius: 999px;
	border: 1px solid var(--aka-line, #ececec);
	background: #fff;
	font-size: 0.82rem;
	font-weight: 600;
	color: #334155;
	text-decoration: none !important;
	line-height: 1.25;
	cursor: pointer;
}

.aka-pill--term:hover,
.aka-pill--term:focus-visible,
.aka-pill--tag:hover,
.aka-pill--tag:focus-visible {
	border-color: #94a3b8;
	color: #0f172a;
	outline: none;
}

.aka-pill--tag {
	color: #0f766e;
}

.aka-pill-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem 0.45rem;
	margin: 0 0 0.85rem;
	list-style: none;
	padding: 0;
}

/* G) Notes */
.aka-note {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	margin: 1rem 0 0;
	padding: 0.55rem 0.7rem;
	border-radius: 8px;
	border: 1px solid var(--aka-line-soft, #f3f3f0);
	background: rgba(248, 250, 252, 0.9);
	font-size: 0.82rem;
	line-height: 1.45;
	color: #475569;
}

.aka-note__icon {
	flex: 0 0 auto;
	width: 1.1rem;
	font-size: 0.75rem;
	font-weight: 800;
	text-align: center;
	color: #64748b;
	line-height: 1.45;
}

.aka-note__text {
	flex: 1 1 auto;
	margin: 0;
}

.aka-note--medical {
	border-left: 3px solid #99f6e4;
}

.aka-note--urgent {
	border-left: 3px solid #f87171;
	background: #fff7f7;
	color: #7f1d1d;
}

.aka-note--urgent .aka-note__icon {
	color: #dc2626;
}

.aka-note--ai .aka-note__icon,
.aka-note--ai-visual .aka-note__icon {
	color: #6366f1;
}

.aka-note--ai-visual {
	margin: 0.5rem 0 0;
	padding: 0.35rem 0;
	border: none;
	background: transparent;
	font-size: 0.75rem;
	line-height: 1.4;
	color: #94a3b8;
}

.aka-note--ai-visual .aka-note__icon {
	font-size: 0.7rem;
}

/* Pedagogisk infografik (artikel) */
.aka-visual {
	margin: 1.25rem 0;
	max-width: 100%;
	min-width: 0;
}

/* Återanvändbart visual+DOM-text-mönster (A4/A7 contract) — Batch 3 hardened */
.aka-art__visual-block,
.aka-visual-block {
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.75rem 1rem;
	align-items: center;
	margin: 1.15rem 0;
	padding: 0.95rem 1rem;
	border-radius: 12px;
	border: 1px solid var(--aka-line, #ececec);
	background: #fff;
	max-width: 100%;
	min-width: 0;
}
.aka-art__visual-block:not(:has(.aka-art__visual-block-viz, .aka-art__visual-block-text, .aka-art__signal-path-viz, .aka-art__signal-path-text, .aka-art__signal-path-steps, svg, img)),
.aka-visual-block:not(:has(.aka-art__visual-block-viz, .aka-visual-block__viz, .aka-art__visual-block-text, .aka-visual-block__text, svg, img)) {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	min-height: 0 !important;
}
@media (min-width: 768px) {
	.aka-art__visual-block--split:has(.aka-art__visual-block-viz):has(.aka-art__visual-block-text),
	.aka-art__visual-block--split:has(.aka-art__signal-path-viz):has(.aka-art__signal-path-text, .aka-art__signal-path-steps),
	.aka-visual-block--split:has(.aka-art__visual-block-viz, .aka-visual-block__viz):has(.aka-art__visual-block-text, .aka-visual-block__text) {
		grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
	}
}
.aka-art__visual-block-viz,
.aka-visual-block__viz {
	line-height: 0;
	min-width: 0;
}
.aka-art__visual-block-viz:empty,
.aka-visual-block__viz:empty {
	display: none !important;
	min-height: 0 !important;
}
.aka-art__visual-block-viz svg,
.aka-art__visual-block-viz img,
.aka-visual-block__viz svg,
.aka-visual-block__viz img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
}
.aka-art__visual-block-text,
.aka-visual-block__text {
	font-size: 0.92rem;
	line-height: 1.55;
	color: #334155;
	min-width: 0;
}
.aka-art__visual-block-text:empty,
.aka-visual-block__text:empty {
	display: none !important;
}
.aka-art__visual-block--dom-text-primary .aka-art__visual-block-viz svg text,
.aka-visual-block--dom-text-primary .aka-visual-block__viz svg text {
	display: none;
}

.aka-visual--infographic .aka-art__figure,
.aka-visual__figure {
	margin: 0;
	background: #fff;
	border: 1px solid var(--aka-line-soft, #f3f3f0);
	border-radius: 12px;
}

.aka-visual--infographic .aka-art__figure-img,
.aka-visual--infographic .aka-art__inline-svg {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	margin: 0 auto;
}

.aka-visual-group {
	margin: 0 0 1.25rem;
}

.aka-visual-group .aka-flow {
	margin-bottom: 0.65rem;
}

.aka-visual-group .aka-visual {
	margin: 0 0 0.65rem;
}

body.single-post .aka-art.aka-art--glossary-magasin .aka-visual--infographic .aka-art__figure {
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
}

body.single-post .aka-art.aka-art--glossary-magasin .aka-visual--infographic .aka-art__figure-cap {
	margin-top: 0.55rem;
	padding: 0;
	border: none;
	background: transparent;
	text-align: left;
	font-size: 0.82rem;
}

.aka-note--source .aka-note__icon {
	color: #64748b;
}

.aka-note--premium .aka-note__icon {
	color: #b45309;
}

@media (max-width: 430px) {
	.aka-note {
		font-size: 0.78rem;
		padding: 0.45rem 0.55rem;
	}
}

/* Resource grid (forum) */
.aka-card-grid--resource {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.55rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 520px) {
	.aka-card-grid--resource {
		grid-template-columns: repeat(2, 1fr);
		gap: 0.65rem;
	}
}

/* —— Artikelkomponenter (global) —— */
.aka-toc {
	margin: 1rem 0 0;
	padding: 0.7rem 0 0.75rem;
	background: transparent;
	border: 0;
	border-top: 1px solid var(--aka-line, #ececec);
	border-radius: 0;
	box-shadow: none;
}

.aka-toc--article { border-left-color: var(--color-food, #27ae60); }

.aka-toc__title {
	margin: 0 0 0.2rem;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #64748b;
}

.aka-toc__kicker {
	margin: 0 0 0.55rem;
	font-size: 0.82rem;
	line-height: 1.4;
	color: #64748b;
}

.aka-toc__list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 0.45rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.aka-toc__item { margin: 0; padding: 0; }

.aka-toc__list a {
	display: inline-block;
	padding: 0.28rem 0.55rem;
	border-radius: 999px;
	border: 1px solid var(--aka-line-soft, #f3f3f0);
	background: #fafaf8;
	font-size: 0.8rem;
	font-weight: 600;
	color: #0f766e;
	text-decoration: none;
}

.aka-insight {
	margin: 1rem 0 1.25rem;
	padding: 0.75rem 0.9rem;
	background: linear-gradient(135deg, rgba(232, 248, 245, 0.65) 0%, #fff 100%);
	border: 1px solid rgba(39, 174, 96, 0.18);
	border-radius: 10px;
	border-left: 3px solid var(--color-food, #27ae60);
}

.aka-insight__title {
	margin: 0 0 0.45rem;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #166534;
}

.aka-insight__list {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.9rem;
	line-height: 1.5;
	color: #334155;
}

.aka-insight__list li {
	padding-left: 0.85rem;
	margin: 0 0 0.35rem;
	position: relative;
}

.aka-insight__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.55em;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: var(--color-food, #27ae60);
}

.aka-flow {
	margin: 0 0 1.25rem;
	padding: 0.85rem 0.75rem;
	border: 1px solid var(--aka-line-soft, #f3f3f0);
	border-radius: 12px;
	background: #fafaf8;
}

.aka-flow__title {
	margin: 0 0 0.65rem;
	font-size: 0.92rem;
	font-weight: 700;
}

.aka-flow__steps {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.25rem;
	margin: 0 0 0.5rem;
	font-size: 0.78rem;
	font-weight: 700;
}

.aka-flow__step {
	padding: 0.22rem 0.45rem;
	border-radius: 6px;
	background: #fff;
	border: 1px solid var(--aka-line, #ececec);
}

.aka-flow__step--risk { border-color: #fcd34d; background: #fffbeb; }
.aka-flow__step--stop { border-color: #93c5fd; background: #eff6ff; }
.aka-flow__arrow { color: #94a3b8; font-weight: 400; }
.aka-flow__note { margin: 0; font-size: 0.82rem; line-height: 1.45; color: #64748b; }
.aka-flow__caption { margin: 0.35rem 0 0; font-size: 0.75rem; color: #94a3b8; }

.aka-iddsi-scale {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	margin: 1rem 0;
}

.aka-iddsi-scale__item {
	display: grid;
	grid-template-columns: 2.1rem 1fr;
	gap: 0.55rem;
	padding: 0.45rem 0.55rem;
	border-radius: 8px;
	background: #fff;
	border: 1px solid var(--aka-line-soft, #f3f3f0);
}

.aka-iddsi-scale__level {
	width: 2.1rem;
	height: 2.1rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.78rem;
	font-weight: 800;
	color: #fff;
	background: var(--color-food, #27ae60);
}

.aka-iddsi-scale__item[data-level="0"] .aka-iddsi-scale__level { background: #60a5fa; }
.aka-iddsi-scale__item[data-level="6"] .aka-iddsi-scale__level,
.aka-iddsi-scale__item[data-level="7"] .aka-iddsi-scale__level { color: #1e293b; background: #eab308; }

.aka-iddsi-scale__label { font-size: 0.88rem; font-weight: 700; display: block; }
.aka-iddsi-scale__example { font-size: 0.78rem; color: #64748b; display: block; }

@media (min-width: 720px) {
	.aka-iddsi-scale {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 0.45rem;
	}
	.aka-iddsi-scale__item { grid-template-columns: 1fr; text-align: center; }
	.aka-iddsi-scale__level { margin: 0 auto 0.35rem; }
}

.aka-test-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.65rem;
	margin: 1rem 0;
}

@media (min-width: 640px) {
	.aka-test-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.aka-test-card {
	padding: 0.75rem 0;
	border-radius: 0;
	border: 0;
	border-top: 1px solid var(--aka-line, #ececec);
	background: transparent;
}

.aka-test-card__icon {
	display: block;
	margin: 0 0 0.4rem;
}

.aka-test-card__title { margin: 0 0 0.35rem; font-size: 0.88rem; font-weight: 700; }
.aka-test-card__text { margin: 0; font-size: 0.82rem; line-height: 1.45; color: #475569; }

.aka-risk-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.55rem;
	margin: 1rem 0;
}

@media (min-width: 520px) {
	.aka-risk-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.aka-risk-card {
	display: flex;
	gap: 0.55rem;
	padding: 0.7rem 0;
	border-radius: 0;
	border: 0;
	border-top: 1px solid var(--aka-line, #ececec);
	background: transparent;
}

.aka-risk-card__body { font-size: 0.85rem; line-height: 1.45; }
.aka-risk-card__body strong { display: block; margin-bottom: 0.15rem; }

.aka-comparison--three {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.75rem;
	margin: 1rem 0;
}

/* MOBILE_STACKED default; side-by-side from tablet */
@media (min-width: 768px) {
	.aka-comparison--three,
	.aka-visual-shell--visual-dom .aka-comparison--three {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 0.85rem 1rem;
	}
}

.aka-comparison-card {
	box-sizing: border-box;
	padding: 0.85rem 0.15rem 0.95rem;
	border-radius: 0;
	border: 0;
	border-top: 2px solid var(--aka-line, #ececec);
	background: transparent;
	min-width: 0;
}

.aka-comparison-card--unsafe {
	border-top-color: color-mix(in srgb, #b45309 55%, var(--aka-line, #ececec));
}
.aka-comparison-card--safe {
	border-top-color: color-mix(in srgb, var(--color-care, #2874a6) 55%, var(--aka-line, #ececec));
}
.aka-comparison-card--optimal {
	border-top-color: color-mix(in srgb, var(--color-food, #27ae60) 55%, var(--aka-line, #ececec));
}
.aka-comparison-card--unsafe .aka-comparison-card__label { color: #b45309; }
.aka-comparison-card--safe .aka-comparison-card__label { color: var(--color-care, #2874a6); }
.aka-comparison-card--optimal .aka-comparison-card__label { color: var(--color-food, #27ae60); }
.aka-comparison-card__label {
	margin: 0 0 0.4rem;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
.aka-comparison-card__text { margin: 0 0 0.4rem; font-size: 0.9rem; line-height: 1.5; }
.aka-comparison-card__text:last-child { margin-bottom: 0; }

.aka-art-marker__kicker {
	margin: 0 0 0.25rem;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #94a3b8;
}

.aka-art-marker__title {
	margin: 0 0 0.65rem;
	font-size: 1.05rem;
	font-weight: 700;
}

body.single-post .aka-art > .aka-toc + .aka-insight { margin-top: 2rem; }

.aka-risk-card__icon {
	flex: 0 0 auto;
	width: 1.35rem;
	font-size: 1rem;
	line-height: 1.35;
	text-align: center;
}

/* Artikel: «I artikeln» — centrerade hopplänkar som kompakta knappar (artikelbredd) */
body.single-post .aka-art .aka-toc,
body.single-post .aka-art .aka-toc.aka-art__toc {
	--aka-toc-btn-accent: var(--color-brand, #1abc9c);
	box-sizing: border-box;
	width: 100%;
	max-width: var(--aka-art-body-width, 820px);
	margin: 1.35rem auto 0;
	padding: 0;
	background: none !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	overflow: visible !important;
	max-height: none !important;
	text-align: center;
}

body.single-post .aka-art--food .aka-toc--article { --aka-toc-btn-accent: var(--color-food, #27ae60); }
body.single-post .aka-art--care .aka-toc--article { --aka-toc-btn-accent: var(--color-care, #2980b9); }
body.single-post .aka-art--disease .aka-toc--article { --aka-toc-btn-accent: var(--color-disease, #8e44ad); }
body.single-post .aka-art--research .aka-toc--article { --aka-toc-btn-accent: var(--color-research, #16a085); }
body.single-post .aka-art--family .aka-toc--article { --aka-toc-btn-accent: var(--color-family, #d35400); }
body.single-post .aka-art--tool .aka-toc--article { --aka-toc-btn-accent: var(--color-tool, #7f8c8d); }
body.single-post .aka-art--rights .aka-toc--article { --aka-toc-btn-accent: var(--color-rights, #2c3e50); }

body.single-post .aka-art .aka-toc__title {
	margin: 0 0 0.35rem;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #64748b;
}

body.single-post .aka-art .aka-toc__kicker {
	margin: 0 auto 0.75rem;
	max-width: 36rem;
	font-size: 0.88rem;
	line-height: 1.5;
	color: #64748b;
}

body.single-post .aka-art .aka-toc.aka-art__toc .aka-art__toc-list,
body.single-post .aka-art .aka-toc.aka-art__toc .aka-toc__list {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center;
	align-items: center;
	gap: 0.4rem 0.45rem;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: inherit;
	font-weight: inherit;
	overflow: visible !important;
	max-height: none !important;
}

body.single-post .aka-art .aka-toc__item {
	margin: 0;
	padding: 0;
	flex: 0 1 auto;
	min-width: 0;
	max-width: 100%;
}

body.single-post .aka-art .aka-toc.aka-art__toc .aka-art__toc-list a,
body.single-post .aka-art .aka-toc.aka-art__toc .aka-toc__list a,
body.single-post .aka-art .aka-toc__list a {
	display: inline-block;
	padding: 0.36rem 0.72rem;
	border: 1px solid rgba(15, 23, 42, 0.12);
	border-radius: 8px;
	background: #fff;
	font-size: 0.78rem;
	font-weight: 600;
	line-height: 1.35;
	color: #334155;
	text-decoration: none;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

body.single-post .aka-art .aka-toc.aka-art__toc .aka-art__toc-list a:hover,
body.single-post .aka-art .aka-toc.aka-art__toc .aka-toc__list a:hover,
body.single-post .aka-art .aka-toc__list a:hover {
	background: #f8fafc;
	border-color: color-mix(in srgb, var(--aka-toc-btn-accent) 42%, #cbd5e1);
	color: color-mix(in srgb, var(--aka-toc-btn-accent) 78%, #1e293b);
	box-shadow: 0 2px 6px rgba(15, 23, 42, 0.06);
}

body.single-post .aka-art .aka-toc.aka-art__toc .aka-art__toc-list a:focus-visible,
body.single-post .aka-art .aka-toc.aka-art__toc .aka-toc__list a:focus-visible,
body.single-post .aka-art .aka-toc__list a:focus-visible {
	outline: 2px solid var(--aka-toc-btn-accent);
	outline-offset: 2px;
}

body.single-post .aka-art .aka-insight,
body.single-post .aka-art .aka-insight.aka-art__insight {
	margin: 2rem 0;
	padding: 0;
	background: none !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	min-height: 0;
}

body.single-post .aka-art .aka-insight.aka-art__insight .aka-art__insight-title,
body.single-post .aka-art .aka-insight.aka-art__insight .aka-insight__title {
	margin: 0 0 0.75rem;
	padding: 0;
	border: 0;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: normal;
	text-transform: none;
	color: inherit;
}

body.single-post .aka-art .aka-insight.aka-art__insight .aka-art__insight-list {
	padding-left: 1.1rem;
	list-style: disc;
}

body.single-post .aka-art .aka-insight__list li::before {
	display: none;
}

body.single-post .aka-art .aka-insight__list li {
	padding-left: 0;
	margin: 0 0 0.45rem;
}

body.single-post .aka-art .aka-flow,
body.single-post .aka-art .aka-flow--swallow {
	margin: 0 0 1.5rem;
	padding: 0;
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

body.single-post .aka-art .aka-flow__title {
	margin: 0 0 0.65rem;
	font-size: 1rem;
	font-weight: 700;
	color: inherit;
}

body.single-post .aka-art .aka-flow__steps {
	display: block;
	margin: 0 0 0.75rem;
	font-size: inherit;
	font-weight: inherit;
	line-height: 1.6;
}

body.single-post .aka-art .aka-flow__step,
body.single-post .aka-art .aka-flow__step--risk,
body.single-post .aka-art .aka-flow__step--stop {
	display: inline;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none !important;
	font-size: inherit;
	font-weight: 600;
	color: inherit;
}

body.single-post .aka-art .aka-flow__arrow {
	display: inline;
	margin: 0 0.25rem;
	color: inherit;
	font-weight: 400;
}

body.single-post .aka-art .aka-flow__note {
	margin: 0;
	font-size: inherit;
	line-height: 1.65;
	color: inherit;
}

body.single-post .aka-art .aka-test-card,
body.single-post .aka-art .aka-risk-card {
	padding: 0 0 1rem;
	background: none !important;
	background-image: none !important;
	border: 0 !important;
	border-left: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* Comparison keeps structured shell (not flattened prose) */
body.single-post .aka-art .aka-comparison,
body.single-post .aka-art .aka-comparison--three {
	display: grid;
	margin: 1.15rem 0;
}
body.single-post .aka-art .aka-comparison-card,
body.single-post .aka-art .aka-comparison-card--unsafe,
body.single-post .aka-art .aka-comparison-card--safe,
body.single-post .aka-art .aka-comparison-card--optimal {
	padding: 0.85rem 0.1rem 0.95rem;
	background: transparent !important;
	border: 0 !important;
	border-top: 2px solid var(--aka-line, #ececec) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}
body.single-post .aka-art .aka-comparison-card--unsafe {
	border-top-color: color-mix(in srgb, #b45309 55%, var(--aka-line, #ececec)) !important;
}
body.single-post .aka-art .aka-comparison-card--safe {
	border-top-color: color-mix(in srgb, var(--color-care, #2874a6) 55%, var(--aka-line, #ececec)) !important;
}
body.single-post .aka-art .aka-comparison-card--optimal {
	border-top-color: color-mix(in srgb, var(--color-food, #27ae60) 55%, var(--aka-line, #ececec)) !important;
}

body.single-post .aka-art .aka-test-card__title,
body.single-post .aka-art .aka-comparison-card__label {
	margin: 0 0 0.35rem;
	font-size: 1rem;
	font-weight: 700;
}

body.single-post .aka-art .aka-test-card__head {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	margin: 0 0 0.65rem;
}

body.single-post .aka-art .aka-test-card__visual {
	flex: 0 0 auto;
	margin: 0;
	line-height: 0;
}

body.single-post .aka-art .aka-test-card__svg {
	display: block;
	width: 80px;
	height: auto;
	flex-shrink: 0;
}

body.single-post .aka-art .aka-test-card__intro {
	flex: 1;
	min-width: 0;
}

body.single-post .aka-art .aka-test-card__head .aka-test-card__text {
	margin: 0;
}

body.single-post .aka-art .aka-test-card__text,
body.single-post .aka-art .aka-test-card__detail,
body.single-post .aka-art .aka-comparison-card__text,
body.single-post .aka-art .aka-risk-card__body {
	font-size: inherit;
	line-height: 1.6;
	color: inherit;
}

body.single-post .aka-art .aka-visual--iddsi-scale {
	width: 100%;
	max-width: 100%;
	margin: var(--aka-space-md, 2.5rem) 0;
}

body.single-post .aka-art .aka-visual--iddsi-scale .aka-art__figure,
body.single-post .aka-art .aka-visual--iddsi-scale .aka-visual__figure {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0 !important;
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.single-post .aka-art .aka-visual--iddsi-scale .aka-art__figure-img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}

body.single-post .aka-art__section > .aka-visual--iddsi-scale {
	width: 100%;
	max-width: 100%;
}

body.single-post .aka-art,
body.single-post .aka-art__hdr,
body.single-post .aka-art__section,
body.single-post .aka-art__toc,
body.single-post .aka-art__insight,
body.single-post .aka-art__glossary-zone,
body.single-post .aka-art .aka-toc,
body.single-post .aka-art .aka-insight,
body.single-post .aka-art .aka-flow,
body.single-post .aka-art .aka-flow--swallow,
body.single-post .aka-art .aka-note,
body.single-post .aka-art .aka-visual,
body.single-post .aka-art .aka-visual-group,
body.single-post .aka-art .aka-test-grid,
body.single-post .aka-art .aka-test-card,
body.single-post .aka-art .aka-risk-grid,
body.single-post .aka-art .aka-risk-card,
body.single-post .aka-art .aka-comparison,
body.single-post .aka-art .aka-comparison-card,
body.single-post .aka-art .aka-art__chicago-cards,
body.single-post .aka-art .aka-art__chicago-card,
body.single-post .aka-art .aka-art__funktionstips,
body.single-post .aka-art .aka-art__live-box,
body.single-post .aka-art .aka-art__signal-path,
body.single-post .aka-art .aka-art__term-chips,
body.single-post .aka-art .aka-art__related-links,
body.single-post .aka-art .aka-art__prose {
	overflow: visible !important;
	overflow-x: visible !important;
	overflow-y: visible !important;
	max-height: none !important;
}

body.single-post .aka-art .aka-toc__list a,
body.single-post .aka-art .aka-art__toc-list a {
	white-space: normal;
	word-break: break-word;
}

body.single-post .aka-art .aka-art__term-chips,
body.single-post .aka-art .aka-art__article-tags .aka-article-category-pills__list {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0.35rem 0.5rem;
	overflow: visible !important;
	max-height: none !important;
}

/* Medvetna scroll-wrappers — tabeller / bred figur */
body.single-post .aka-art .aka-art__sources-table-scroll,
body.single-post .aka-art .aka-art__table-scroll,
body.single-post .aka-art .aka-art__figure-scroll,
body.single-post .aka-art .aka-art__figure--hrm-types {
	overflow-x: auto;
	overflow-y: visible;
	max-height: none;
	-webkit-overflow-scrolling: touch;
}

/* Navigationskort / Nästa steg — globalt (hairline, ingen pillar-kant; jfr aka-no-colored-border-cards.mdc) */
.aka-lv-cta-card {
	--aka-lv-acc: var(--color-brand, #1abc9c);
	display: flex;
	flex-direction: column;
	min-height: 0;
	padding: 14px 0 12px;
	border: 0;
	border-radius: 0;
	border-top: 1px solid var(--aka-line, #ececec);
	background: transparent;
	color: inherit;
	text-decoration: none;
	box-shadow: none;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.aka-lv-cta-card:hover {
	border-top-color: #d8d8d4;
	background: var(--aka-card-bg-quiet, #f8f7f4);
}

.aka-lv-cta-card:focus-visible {
	outline: 2px solid var(--aka-lv-acc, var(--color-brand, #1abc9c));
	outline-offset: 2px;
	background: var(--aka-card-bg-quiet, #f8f7f4);
}

.aka-lv-cta-card__action {
	text-decoration: underline;
	text-underline-offset: 2px;
	color: var(--aka-lv-acc, var(--color-brand, #1abc9c));
}

/* Affiliate-arkiv — gemensamt editorial-kontrakt (pick + spot; jfr .cursor/rules/affiliate-arkiv-editorial.mdc) */
.aka-affiliate__ad-label {
	display: inline-block;
	padding: 0.18rem 0.42rem;
	font-size: 0.6rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #5c6b73;
	background: rgba(248, 247, 244, 0.95);
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 3px;
	line-height: 1.2;
}

.aka-affiliate__ad-label--section {
	margin: 0 0 0.65rem;
}

.aka-affiliate__ad-label--overlay {
	position: absolute;
	top: 0.45rem;
	left: 0.45rem;
	z-index: 2;
	pointer-events: none;
}

.aka-affiliate-pick__disclosure,
.aka-affiliate-spot__disclosure,
.aka-affiliate__disclosure {
	margin: 0.75rem 0 0;
	padding-top: 0.65rem;
	border-top: 1px solid var(--aka-line-soft, #f3f3f0);
	font-size: 0.68rem;
	line-height: 1.5;
	text-align: center;
	color: #7a8790;
}

/* Affiliate-arkiv — editorial lista (inga pillar-rutor; jfr aka-no-colored-border-cards.mdc) */
.aka-affiliate-pick {
	margin: var(--aka-space-md, 2.5rem) 0;
	padding: 1.25rem 0 0;
	border-top: 1px solid var(--aka-line, #ececec);
}

.aka-affiliate-pick__kicker {
	margin: 0 0 0.35rem;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #94a3b8;
}

.aka-affiliate-pick__title {
	margin: 0 0 0.5rem;
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--h-dark, #2c3e50);
}

.aka-affiliate-pick__intro {
	margin: 0 0 1rem;
	font-size: 0.95rem;
	line-height: 1.6;
	color: var(--h-dark, #2c3e50);
}

body.single-post .aka-art .aka-affiliate-pick__list,
body.single-post .et_pb_post_content .aka-affiliate-pick__list,
.aka-affiliate-pick__list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.single-post .aka-art .aka-affiliate-pick__item,
body.single-post .et_pb_post_content .aka-affiliate-pick__item,
.aka-affiliate-pick__item {
	list-style: none !important;
	padding-left: 0 !important;
	margin-left: 0 !important;
	border-top: 1px solid var(--aka-line, #ececec);
}

body.single-post .aka-art .aka-affiliate-pick__item::marker,
body.single-post .aka-art .aka-affiliate-pick__item::before,
body.single-post .et_pb_post_content .aka-affiliate-pick__item::marker,
body.single-post .et_pb_post_content .aka-affiliate-pick__item::before {
	content: none !important;
	display: none !important;
}

.aka-affiliate-pick__item:first-child {
	border-top: 0;
}

.aka-affiliate-pick__link {
	display: grid;
	grid-template-columns: 80px minmax(0, 1fr);
	gap: 1rem;
	align-items: start;
	padding: 1rem 0;
	text-decoration: none;
	color: inherit;
}

.aka-affiliate-pick__link:hover .aka-affiliate-pick__name {
	color: var(--color-food, #27ae60);
}

.aka-affiliate-pick__cover-wrap {
	display: block;
}

.aka-affiliate-pick__cover {
	display: block;
	width: 80px;
	height: auto;
	border: 1px solid var(--aka-line, #ececec);
}

.aka-affiliate-pick__body {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	min-width: 0;
}

.aka-affiliate-pick__name {
	font-weight: 700;
	font-size: 0.98rem;
	line-height: 1.35;
	color: var(--h-dark, #2c3e50);
}

.aka-affiliate-pick__sub,
.aka-affiliate-pick__meta {
	font-size: 0.88rem;
	line-height: 1.45;
	color: #5c6b73;
}

.aka-affiliate-pick__cta {
	display: block;
	margin-top: 0.35rem;
}

body.single-post .aka-art .aka-affiliate-pick__link .aka-affiliate-pick__cta-text,
body.single-post .et_pb_post_content .aka-affiliate-pick__link .aka-affiliate-pick__cta-text {
	display: inline !important;
	font-size: 0.8rem !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	color: var(--color-food, #27ae60) !important;
	-webkit-text-fill-color: var(--color-food, #27ae60) !important;
	text-decoration: underline;
	text-underline-offset: 2px;
	text-indent: 0 !important;
}

@media (max-width: 520px) {
	.aka-affiliate-pick__link {
		grid-template-columns: 64px minmax(0, 1fr);
		gap: 0.75rem;
	}

	.aka-affiliate-pick__cover {
		width: 64px;
	}
}

/* Affiliate spotlight — två kolumner (produkt i fokus), editorial utan pillar-rutor */
.aka-affiliate-spot {
	margin: var(--aka-space-md, 2.5rem) 0;
	padding: 1.25rem 0 0;
	border-top: 1px solid var(--aka-line, #ececec);
}

.aka-affiliate-spot__kicker {
	margin: 0 0 0.35rem;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #94a3b8;
}

.aka-affiliate-spot__title {
	margin: 0 0 1rem;
	font-size: clamp(1.05rem, 1.6vw, 1.2rem);
	font-weight: 700;
	line-height: 1.3;
	color: var(--h-dark, #2c3e50);
}

.aka-affiliate-spot__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
	gap: clamp(1rem, 3vw, 1.75rem);
	align-items: start;
}

.aka-affiliate-spot__media {
	margin: 0;
}

.aka-affiliate-spot__img-wrap {
	position: relative;
}

.aka-affiliate-spot__img-wrap .aka-affiliate__ad-label--overlay {
	background: rgba(255, 255, 255, 0.93);
}

.aka-affiliate-spot__img-link {
	display: block;
	text-decoration: none;
}

.aka-affiliate-spot__img {
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid var(--aka-line, #ececec);
}

.aka-affiliate-spot__caption {
	margin: 0.4rem 0 0;
	padding: 0 0.25rem;
	font-size: 0.68rem;
	line-height: 1.35;
	text-align: center;
	color: #7a8790;
}

.aka-affiliate-spot__caption-sub {
	display: block;
	margin-top: 0.12rem;
}

.aka-affiliate-spot__intro {
	margin: 0 0 0.85rem;
	font-size: 0.96rem;
	line-height: 1.65;
	color: var(--h-dark, #2c3e50);
}

.aka-affiliate-spot__list {
	margin: 0 0 1rem;
	padding-left: 1.15rem;
	font-size: 0.94rem;
	line-height: 1.6;
	color: var(--h-dark, #2c3e50);
}

.aka-affiliate-spot__list li {
	margin-bottom: 0.55rem;
}

.aka-affiliate-spot__list li:last-child {
	margin-bottom: 0;
}

.aka-affiliate-spot__actions {
	margin: 0 0 0.75rem;
	text-align: left;
}

body.single-post .aka-art .aka-affiliate-spot__cta,
body.single-post .et_pb_post_content .aka-affiliate-spot__cta {
	display: inline-block !important;
	width: auto !important;
	max-width: 100%;
	min-height: 0;
	height: auto !important;
	padding: 0.6rem 1.1rem !important;
	border: 0;
	border-radius: 8px;
	background: var(--color-food, #27ae60) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	font-size: 0.84rem !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	letter-spacing: 0.01em;
	text-transform: none;
	text-decoration: none !important;
	text-indent: 0 !important;
	overflow: visible !important;
	white-space: normal;
	box-shadow: 0 2px 6px rgba(39, 174, 96, 0.18);
	transition: background 0.15s ease, transform 0.15s ease;
}

body.single-post .aka-art .aka-affiliate-spot__cta-text,
body.single-post .et_pb_post_content .aka-affiliate-spot__cta-text {
	display: inline !important;
	color: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
}

body.single-post .aka-art .aka-affiliate-spot__cta:hover,
body.single-post .et_pb_post_content .aka-affiliate-spot__cta:hover {
	background: #219a52 !important;
	transform: translateY(-1px);
	color: #fff !important;
}

.aka-affiliate-spot__note {
	margin: 0;
	font-size: 0.86rem;
	line-height: 1.55;
	color: #5c6b73;
}

@media (max-width: 720px) {
	.aka-affiliate-spot__grid {
		grid-template-columns: 1fr;
	}
}

/* ==========================================================================
   K-7-V3-ARTICLE-SHARED-COMPONENT-LIVE-DEFECT-FIX-1
   FAQ affordance · structured visual shell · empty visual states
   ========================================================================== */

/* ——— FAQ / accordion (details/summary) ——— */
.aka-faq {
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
	margin: 1rem 0 1.35rem;
	max-width: 100%;
}
.aka-faq__item {
	margin: 0;
	border: 0;
	border-top: 1px solid var(--aka-line, #ececec);
	background: transparent;
}
.aka-faq__item:last-child {
	border-bottom: 1px solid var(--aka-line, #ececec);
}
.aka-faq__q {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	box-sizing: border-box;
	min-height: 44px;
	padding: 0.7rem 0.15rem;
	cursor: pointer;
	list-style: none;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.35;
	color: #1e293b;
	transition: color 0.15s ease, background-color 0.15s ease;
}
.aka-faq__q::-webkit-details-marker {
	display: none;
}
.aka-faq__q::marker {
	content: "";
}
.aka-faq__q::after {
	content: "";
	flex: 0 0 auto;
	width: 0.55rem;
	height: 0.55rem;
	margin-left: 0.35rem;
	border-right: 2px solid #64748b;
	border-bottom: 2px solid #64748b;
	transform: rotate(45deg);
	transition: transform 0.18s ease;
}
.aka-faq__item[open] > .aka-faq__q::after {
	transform: rotate(225deg);
	margin-top: 0.2rem;
}
.aka-faq__q:hover {
	color: var(--color-brand, #1abc9c);
}
.aka-faq__q:focus-visible {
	outline: 2px solid color-mix(in srgb, var(--color-brand, #1abc9c) 50%, transparent);
	outline-offset: 3px;
	border-radius: 4px;
}
.aka-faq__item[open] > .aka-faq__q {
	color: var(--color-brand, #1abc9c);
}
.aka-faq__a {
	padding: 0 0.15rem 0.95rem;
	font-size: 0.95rem;
	line-height: 1.6;
	color: #334155;
}
.aka-faq__a > :first-child { margin-top: 0; }
.aka-faq__a > :last-child { margin-bottom: 0; }
.aka-art__faq-lead {
	margin: 0 0 0.65rem;
	font-size: 0.92rem;
	color: #64748b;
}
@media (prefers-reduced-motion: reduce) {
	.aka-faq__q,
	.aka-faq__q::after {
		transition: none;
	}
}

/* ——— Structured visual shell modes ———
 * VISUAL + DOM  → .aka-visual-shell--visual-dom / visual-block--split with both
 * DOM_ONLY      → .aka-visual-shell--dom-only / --text-only / missing viz
 * MOBILE_STACKED→ default column under 768
 */
.aka-visual-shell,
.aka-art .aka-visual.aka-visual-shell {
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.75rem 1rem;
	align-items: start;
	margin: 1.15rem 0;
	max-width: 100%;
	min-width: 0;
}
.aka-visual-shell--visual-dom {
	/* stacked on mobile by default */
}
@media (min-width: 768px) {
	.aka-visual-shell--visual-dom:has(.aka-visual-shell__viz, .aka-art__figure-img, svg, img):has(.aka-visual-shell__dom, .aka-comparison, .aka-art__visual-block-text) {
		grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
		align-items: center;
	}
	.aka-visual-shell--mobile-stacked {
		grid-template-columns: 1fr !important;
	}
}
.aka-visual-shell--dom-only,
.aka-visual-shell--visual-dom:not(:has(img, svg, .aka-visual-shell__viz)) {
	grid-template-columns: 1fr;
}
.aka-visual-shell__viz:empty {
	display: none !important;
	min-height: 0 !important;
}

/* OPTIONAL_VISUAL_ABSENT → collapse (no giant empty box) */
.aka-art .aka-visual[data-aka-visual-priority="optional"]:not(:has(img, svg)),
.aka-art .aka-visual.aka-visual--optional:not(:has(img, svg)),
.aka-art figure.aka-art__figure.aka-visual:not([data-aka-visual-priority="required"]):not(:has(img, svg)):not(:has(.aka-comparison, .aka-visual-shell__dom)) {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
	border: 0 !important;
}
.aka-art .aka-visual-shell__viz:not(:has(img, svg)),
.aka-art .aka-art__figure:not(:has(img, svg)):empty {
	display: none !important;
	min-height: 0 !important;
}

/* REQUIRED_VISUAL_MISSING → detectable defect, not giant reserved height */
.aka-art .aka-visual[data-aka-visual-priority="required"]:not(:has(img, svg)),
.aka-art .aka-visual[data-aka-visual-state="REQUIRED_VISUAL_MISSING"],
.aka-art .aka-visual.aka-visual--required-missing {
	display: block !important;
	box-sizing: border-box;
	margin: 0.75rem 0;
	padding: 0.55rem 0.65rem;
	min-height: 0 !important;
	max-height: none;
	border: 1px dashed #b45309;
	border-radius: 6px;
	background: #fffbeb;
	color: #92400e;
	font-size: 0.85rem;
	line-height: 1.4;
}
.aka-art .aka-visual[data-aka-visual-state="REQUIRED_VISUAL_MISSING"]::before,
.aka-art .aka-visual.aka-visual--required-missing::before,
.aka-art .aka-visual[data-aka-visual-priority="required"]:not(:has(img, svg))::before {
	content: "REQUIRED_VISUAL_MISSING";
	display: block;
	font-weight: 700;
	letter-spacing: 0.04em;
	font-size: 0.72rem;
	text-transform: uppercase;
}

/* Pair visual + comparison: keep DOM column when viz absent */
.aka-art .aka-visual:has(+ .aka-comparison),
.aka-art .aka-visual-shell:has(.aka-comparison) {
	min-height: 0;
}
.aka-art .aka-comparison {
	min-width: 0;
}
@media (max-width: 767px) {
	.aka-art .aka-comparison--three,
	.aka-art .aka-visual-shell--visual-dom {
		grid-template-columns: 1fr !important;
	}
}