/* Lanakila Größenberater – Shortcode [lanakila_groessentabelle]. Handy zuerst; Farben wie im Wizard. */
.lkgb-sc {
	--lkgb-ink: #222;
	--lkgb-bg: #fff;
	--lkgb-muted: #6b6f73;
	--lkgb-line: #dcdfe2;
	--lkgb-soft: #f3f4f5;
	--lkgb-accent: #3aa0d8;
	--lkgb-display: "Bebas Neue", "Oswald", "Arial Narrow", sans-serif;
	color: var(--lkgb-ink);
	margin: 0 0 32px;
}
.lkgb-sc *, .lkgb-sc *::before, .lkgb-sc *::after { box-sizing: border-box; }

/* Umschalter Damen / Herren / Unisex */
.lkgb-sc-tabs { display: flex; flex-wrap: wrap; gap: 0; margin: 0 0 20px; border-bottom: 1px solid var(--lkgb-ink); }
.lkgb-sc-tabs[hidden] { display: none; }
.lkgb-sc-tabs button {
	flex: 1 1 0; min-height: 46px; padding: 0 18px; margin: 0; background: var(--lkgb-bg); color: var(--lkgb-ink);
	border: 1px solid var(--lkgb-ink); border-bottom: 0; border-radius: 0; cursor: pointer;
	font: 400 20px/1 var(--lkgb-display); letter-spacing: .06em; text-transform: uppercase;
}
.lkgb-sc-tabs button + button { border-left: 0; }
.lkgb-sc-tabs button[aria-selected="true"] { background: var(--lkgb-ink); color: var(--lkgb-bg); }
@media (min-width: 600px) { .lkgb-sc-tabs button { flex: 0 0 auto; min-width: 150px; } }
.lkgb-sc.is-tabbed .lkgb-sc-grouptitle { display: none; }
.lkgb-sc-group[hidden] { display: none; }
.lkgb-sc-grouptitle { font: 400 30px/1.1 var(--lkgb-display); letter-spacing: .04em; text-transform: uppercase; margin: 28px 0 12px; }

/* Sprungliste */
.lkgb-sc-jump ul { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0 0 24px; padding: 0; }
.lkgb-sc-jump li { margin: 0; padding: 0; }
.lkgb-sc-jump li::before { content: none; }
.lkgb-sc-jump a {
	display: inline-flex; align-items: center; min-height: 36px; padding: 0 12px; border: 1px solid var(--lkgb-line);
	color: var(--lkgb-ink); text-decoration: none; font-size: 14px; line-height: 1.2;
}
.lkgb-sc-jump a:hover { border-color: var(--lkgb-ink); }

/* Tabelle */
.lkgb-sc-chart { margin: 0 0 36px; scroll-margin-top: 100px; }
.lkgb-sc-title { font: 400 26px/1.15 var(--lkgb-display); letter-spacing: .04em; text-transform: uppercase; margin: 0 0 2px; }
.lkgb-sc-sub { margin: 0 0 10px; color: var(--lkgb-muted); font-size: 14px; }
.lkgb-sc-test { display: inline-block; vertical-align: middle; font: 600 11px/1 sans-serif; letter-spacing: .04em; background: #fff4d6; color: #6b4e00; padding: 3px 6px; }
.lkgb-sc-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--lkgb-line); }
.lkgb-sc-scroll:focus-visible { outline: 2px solid var(--lkgb-accent); outline-offset: 2px; }
.lkgb-sc-table { width: 100%; border-collapse: separate; border-spacing: 0; margin: 0; font-size: 15px; font-variant-numeric: tabular-nums; }
.lkgb-sc-table th, .lkgb-sc-table td { padding: 10px 12px; border: 0; border-bottom: 1px solid var(--lkgb-line); text-align: center; white-space: nowrap; background: var(--lkgb-bg); }
.lkgb-sc-table thead th { background: var(--lkgb-ink); color: var(--lkgb-bg); font-weight: 600; font-size: 13px; letter-spacing: .03em; text-transform: uppercase; }
.lkgb-sc-table tbody tr:nth-child(even) td { background: var(--lkgb-soft); }
.lkgb-sc-table tbody tr:last-child th, .lkgb-sc-table tbody tr:last-child td { border-bottom: 0; }
.lkgb-sc-table tbody th { font: 400 20px/1 var(--lkgb-display); letter-spacing: .04em; }
/* Größenspalte bleibt beim seitlichen Wischen stehen */
.lkgb-sc-table th:first-child { position: sticky; left: 0; z-index: 1; text-align: left; border-right: 1px solid var(--lkgb-line); }
.lkgb-sc-table thead th:first-child { z-index: 2; border-right-color: #555; }
.lkgb-sc-table tbody tr:nth-child(even) th { background: var(--lkgb-soft); }
@media (max-width: 480px) {
	.lkgb-sc-table { font-size: 14px; }
	.lkgb-sc-table th, .lkgb-sc-table td { padding: 9px 8px; }
	.lkgb-sc-table thead th { font-size: 11px; }
}

/* Messanleitung */
.lkgb-sc-how { margin: 10px 0 0; border-bottom: 1px solid var(--lkgb-line); }
.lkgb-sc-how summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; font-weight: 600; font-size: 15px; list-style: none; }
.lkgb-sc-how summary::-webkit-details-marker { display: none; }
.lkgb-sc-how summary::after { content: "+"; margin-left: auto; font-size: 22px; font-weight: 400; line-height: 1; }
.lkgb-sc-how[open] summary::after { content: "–"; }
.lkgb-sc-how ul { margin: 0 0 10px; padding-left: 18px; }
.lkgb-sc-how li, .lkgb-sc-how p { font-size: 14px; line-height: 1.55; margin: 0 0 6px; }
.lkgb-sc-how p { color: var(--lkgb-muted); margin-bottom: 12px; }

/* Button */
.lkgb-sc-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin: 16px 0 0; }
.lkgb-sc-cta span { color: var(--lkgb-muted); font-size: 13px; }
.lkgb-sc-btn, .lkgb-sc-btn:visited {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 18px;
	background: var(--lkgb-ink); color: var(--lkgb-bg); border: 1px solid var(--lkgb-ink); text-decoration: none;
	font: 400 19px/1 var(--lkgb-display); letter-spacing: .06em; text-transform: uppercase;
}
.lkgb-sc-btn:hover, .lkgb-sc-btn:focus { background: var(--lkgb-bg); color: var(--lkgb-ink); }
.lkgb-sc-btn svg { width: 20px; height: 20px; flex: none; }
@media (max-width: 480px) { .lkgb-sc-btn { width: 100%; } }

.lkgb-sc button:focus-visible, .lkgb-sc a:focus-visible, .lkgb-sc summary:focus-visible { outline: 2px solid var(--lkgb-accent); outline-offset: 2px; }
.lkgb-sc-admin { background: #fff4d6; border-left: 4px solid #d9a400; padding: 8px 12px; font-size: 13px; margin: 0 0 10px; }