/* ============================================================
   Stran delovnega lista.

   Levo je list, desno gumb. Predogled ni okras: delovni list se
   izbira po tem, kako je videti — koliko nalog je na njem in kako
   velike so note — in tega ne pove noben opis. Na telefonu se
   stolpca zložita, gumb pa gre POD predogled: kdor je list videl,
   se šele nato odloči.
   ============================================================ */
.list-stran {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: clamp(16px, 3vw, 32px);
  align-items: start;
  margin-bottom: 8px;
}

.list-slika {
  background: #fff;
  border: 3px solid var(--rob);
  border-radius: var(--radius-s);
  box-shadow: var(--shadow-s);
  padding: 8px;
  line-height: 0;
}
.list-slika img { width: 100%; height: auto; border-radius: 6px; }

.list-podatki {
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
  font-size: 1rem;
  color: var(--ink-soft);
}
.list-podatki li { padding: 6px 0; border-bottom: 2px solid var(--rob); }
.list-podatki li:last-child { border-bottom: 0; }

/* Gumb za prenos je enak gumbu "Igraj": na tej strani je to isto
   dejanje — tisto, zaradi katerega je kdo prišel. */
.prenos { display: inline-flex; justify-content: center; text-decoration: none; }

/* Rešitve so povezava in ne gumb. Namenjene so učitelju in ne
   tistemu, ki bo list reševal; enako viden gumb bi bil vabilo,
   da se pomotoma natisnejo skupaj z listom. */
.prenos-resitve {
  display: inline-block;
  margin-top: 14px;
  color: var(--povezava);
  font-weight: 600;
}
.list-opomba { margin: 14px 0 0; font-size: .92rem; color: var(--ink-soft); }

@media (max-width: 720px) {
  .list-stran { grid-template-columns: 1fr; }
}