/* Przewodnik dlugosci naszyjnika (`module.php`, P19). Wiersz jak „Intencja” nad nim, rysunek po rozwinieciu. */
.kd-size { margin: var(--kd-space-1) 0 0; }
.kd-size > summary {
	display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px;
	min-height: 40px;
	cursor: pointer;
	list-style: none;
}
.kd-size > summary::-webkit-details-marker { display: none; }
/* Etykieta jak „Intencja:” wiersz wyzej (`.intencja-label` w woo.css), zeby oba wiersze czytaly sie jak jedna tabela. */
.kd-size__label {
	font-size: var(--kd-label-size); font-weight: 500;
	color: var(--kd-color-text-muted);
	text-transform: uppercase; letter-spacing: 1px; white-space: nowrap;
}
.kd-size__value { font-size: var(--kd-body-sm-size); }
.kd-size__more {
	color: var(--kd-color-primary);
	text-decoration: underline;
	text-underline-offset: 3px;
	font-size: var(--kd-body-sm-size);
}
.kd-size[open] .kd-size__more { display: none; }
.kd-size__body { padding: var(--kd-space-1) 0 0; }
.kd-size__svg { display: block; width: 100%; max-width: 300px; height: auto; margin: 0 auto; }
.kd-size__body-line { fill: none; stroke: var(--kd-color-text-muted); stroke-width: 1.5; }
.kd-size__bone { fill: none; stroke: var(--kd-color-border); stroke-width: 1.5; }
.kd-size__arc { fill: none; stroke: var(--kd-color-border); stroke-width: 1.5; stroke-dasharray: 3 3; }
.kd-size__arc.is-current { stroke: var(--kd-color-primary); stroke-width: 2.5; stroke-dasharray: none; }
.kd-size__dot { fill: var(--kd-color-primary); }
.kd-size__txt { font-size: 9px; fill: var(--kd-color-text-muted); }
.kd-size__txt.is-current { fill: var(--kd-color-primary); font-weight: 700; }
.kd-size__note { margin: var(--kd-space-1) 0 0; font-size: var(--kd-caption-size); color: var(--kd-color-text-muted); }