/* GORJE-485 (Kirill 12. 11. 2026): /svizci - the Svizec family. Only site tokens; corners only --r-* (GORJE-434b).
   The row of the whole family stands on one snow line; cards in a row are as tall as the tallest (Kir 10. 10. 2026). */

.svd-glava { max-width: 46rem; }
.svd-glava h1 { margin-bottom: 0.75rem; }

/* the family on the snow: the files are to scale (THE CAST), so one height for all; a phone scrolls the row sideways */
.svd-oder { margin: 1.5rem 0 var(--med-razdelki); overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; border-radius: var(--r-kartica); background: linear-gradient(180deg, var(--led) 0 72%, var(--bela) 72%); }
.svd-vrsta { list-style: none; margin: 0; padding: 2rem 2rem 1rem; display: flex; align-items: flex-end; justify-content: center; gap: 0; min-width: max-content; }
.svd-vrsta li { margin-inline: 0.125rem; display: flex; flex-direction: column; align-items: center; gap: 0.375rem; }
.svd-vrsta img { display: block; height: calc(var(--svd-h, 7rem) * var(--svd-k, 1)); width: auto; }
.svd-vrsta span { font-size: var(--t-xs); font-weight: 600; line-height: 1.1; color: var(--megla); }
@container (min-width: 48rem) { .svd-vrsta { --svd-h: 9rem; } .svd-vrsta li { margin-inline: -0.5rem; } }  /* the tails overlap a little, like a family photo */
@container (min-width: 75rem) { .svd-vrsta { --svd-h: 10.5rem; } }

/* the legend: short pieces in a grid */
.svd-leg { list-style: none; margin: 1.5rem 0 0; padding: 0; display: grid; gap: 1.5rem 3rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr)); }
.svd-leg li { min-width: 0; }
.svd-leg h3 { margin: 0 0 0.375rem; }
.svd-leg p { margin: 0 0 0.5rem; }

/* one card per Svizec: the figure left, the text right; cards in a row share the tallest height */
.svd-skupina > p { margin: 0.5rem 0 0; max-width: 46rem; }
.svd-mreza { list-style: none; margin: 1.5rem 0 0; padding: 0; display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); align-items: stretch; }
@container (min-width: 48rem) { .svd-mreza { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; } }  /* one row = one group: the boy and the girl side by side */
.svd-lik { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr); gap: 1.25rem; padding: 1.25rem 1.5rem 1.25rem 1rem; height: 100%; }
.svd-slika { display: flex; align-items: flex-end; justify-content: center; height: 11rem; align-self: center; }
.svd-slika img { display: block; max-height: 100%; max-width: 100%; width: auto; height: auto; }
.svd-besedilo { min-width: 0; align-self: center; }
.svd-besedilo .oznaka { margin: 0 0 0.25rem; }
.svd-besedilo h3 { margin: 0 0 0.5rem; line-height: 1.15; }
.svd-vzdevek { color: var(--jezero); }
.svd-pomen { font-family: var(--f-tekst); font-size: var(--t-sm); font-weight: 500; color: var(--megla); }
.svd-besedilo p:last-child { margin: 0; }

/* real people as Svizci: Tomaž's portrait and the text, on ice */
.svd-ljudje-plosca { display: grid; gap: 1.5rem 2.5rem; align-items: center; padding: 1.5rem; border-radius: var(--r-kartica); background: var(--led); }
@container (min-width: 48rem) { .svd-ljudje-plosca { grid-template-columns: 12rem minmax(0, 1fr); padding: 2rem 2.5rem; } }
.svd-portret img { display: block; width: 100%; max-width: 12rem; height: auto; border-radius: var(--r-plosca); }
.svd-ljudje-plosca h2 { margin: 0 0 0.75rem; }
.svd-ljudje-plosca p { margin: 0; }