/**
 * Symptom single — deltas on top of behandling.css (Nærvær design).
 * Loaded only on pilot symptom singles, AFTER behandling.css.
 *
 * @package HelloElementorChild
 */

/* Informative variant — symptoms with no linked therapists (rel 17). The booking sidebar and
   mobile price deck are not rendered, so collapse the article grid to drop the empty 340px
   booking track that behandling.css otherwise reserves at ≥1024px / ≥1280px. */
@media (min-width: 1024px) {
	.zb-article__grid--info { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 1280px) {
	.zb-article__grid--info { grid-template-columns: 210px minmax(0, 1fr); }
}

/* Content images (Brian review 2026-07-06). The design-system .z-figure(--float) forced
   object-fit:cover into a fixed 16/9|4/3 box, which cropped diagrams and — combined with the
   lazy-load 1×1 placeholder — stretched images whose real aspect ≠ their width/height attrs
   (e.g. a square source rendered 853×1500). Floating a small image next to a clearing <h2> also
   left a stranded thumbnail. Fix: no float, no forced box (aspect-ratio/object-fit reset), size
   by natural dimensions, and cap height so square/tall images never dominate while landscape
   images still fill toward full width. Scoped to <figure> only — NOT bare p-images, so inline
   emoji/icons (e.g. the 💡 Twemoji in blockquotes) are left at their natural size. */
.zency-article figure.z-figure,
.zency-article figure.z-figure--float {
	float: none;
	width: auto;
	max-width: 100%;
	margin: 1.9rem auto;
	text-align: center;
}
.zency-article figure.z-figure img,
.zency-article figure.z-figure--float img {
	float: none;
	display: inline-block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 30rem;
	aspect-ratio: auto;
	object-fit: contain;
	border-radius: 1.25rem;
	vertical-align: middle;
}