/* Referenční tabulky a vlastní nákresy používají společnou tmavou paletu webu. */
.glands-tool { padding: var(--layout-gap); container-type: inline-size; }
.glands-intro { margin: 0 0 var(--layout-gap); color: var(--text-secondary); }
.glands-illustrations { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--layout-gap); }
.glands-illustration { display: flex; flex-direction: column; margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 5px; background: var(--bg); }
/* Nákres má nejvýše 280 × 180 px; ani v jednom sloupci se nezvětšuje na šířku karty. */
.glands-illustration img { width: min(280px, calc(100% - 2 * var(--layout-gap))); height: auto; margin: var(--layout-gap) auto; }
.glands-illustration figcaption { flex: 1; padding: var(--layout-gap); border-top: 1px solid var(--line); line-height: 1.5; }
.glands-illustration strong { display: block; margin-bottom: 4px; }
/* Popisky i názvy sekcí drží velikost běžného textu, tučnost a zelenou barvu. */
.glands-illustration strong, .glands-section h3 { color: var(--heading); font-size: var(--font-size-base); font-weight: 700; }
.glands-illustration span { color: var(--muted); }
.glands-legend { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--layout-gap); margin: var(--layout-gap) 0; }
.glands-legend > div { display: flex; align-items: baseline; gap: 8px; }
.glands-legend dt { min-width: 28px; color: var(--accent); font-weight: 700; }
.glands-legend dd { margin: 0; color: var(--text-secondary); }
.glands-note { margin: 12px 0; color: var(--muted); }
.glands-notice { margin: var(--layout-gap) 0; padding: var(--layout-gap); border-left: 3px solid var(--primary); background: var(--accent-bg); }
.glands-section + .glands-section { margin-top: var(--layout-gap); }
.glands-section h3 { margin: 0 0 6px; }
.glands-section > p { margin: 0 0 12px; color: var(--muted); }
/* Posouvá se pouze tabulka, ne celá stránka. Oblast lze ovládat také klávesnicí. */
.glands-table-scroll { max-width: 100%; overflow-x: auto; border: 1px solid var(--line); border-radius: 4px; scrollbar-color: var(--field-border) var(--bg); }
.glands-table { width: 100%; min-width: 710px; border-collapse: collapse; font-variant-numeric: tabular-nums; text-align: right; }
.glands-table caption { padding: 10px 12px; background: var(--bg); color: var(--muted); text-align: left; }
.glands-table th, .glands-table td { border-top: 1px solid var(--line); }
.glands-table thead th { background: var(--navy); color: var(--text-secondary); font-weight: 600; vertical-align: bottom; }
.glands-table thead span { display: block; color: var(--accent); white-space: nowrap; }
/* Označení vývodky zůstává viditelné také při vodorovném posunutí tabulky. */
.glands-table th:first-child { position: sticky; left: 0; z-index: 1; text-align: left; white-space: nowrap; }
.glands-table tbody th { color: var(--heading); background: var(--surface); }
.glands-table tbody td { white-space: nowrap; }
.glands-table tbody tr:nth-child(even) { background: var(--bg); }
.glands-table tbody tr:nth-child(even) th { background: var(--bg); }
.glands-table tbody tr:hover { background: var(--surface-hover); }
.glands-table tbody tr:hover th { background: var(--surface-hover); }
/* Šířka obsahového panelu zohledňuje i levé menu na tabletech. */
@container (max-width: 650px) {
    .glands-illustrations { grid-template-columns: minmax(0, 1fr); }
    .glands-legend { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container (max-width: 340px) {
    .glands-legend { grid-template-columns: minmax(0, 1fr); }
}