/* /miesiac/<slug>/: the home cover and sentence tool (styl.css), then an editorial list of the
   warm destinations across all airports. Light only; tokens from styl.css. Ruled rows, no cards. */

.mies-sekcja { max-width: var(--szer); margin: 0 auto; padding: clamp(2.75rem, 6vw, 4.5rem) var(--gutter) 0; }
.mies-sekcja > h2 { font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.75rem); font-weight: 500; letter-spacing: -0.03em;
  line-height: 1.05; margin: 0 0 .9rem; padding-top: .8rem; border-top: 2px solid var(--linia); }
.mies-lead { max-width: 42rem; margin: 0 0 1.5rem; color: var(--tusz-2); }

/* the list: one ruled row per destination, name and weather on the left, airports on the right */
.mies-lista { list-style: none; margin: 0; padding: 0; }
.mies-poz { padding: 1.4rem 0 1.5rem; border-top: 1px solid var(--linia-miekka); }
.mies-poz:first-child { border-top: 0; padding-top: .5rem; }
.mies-poz-tekst { min-width: 0; }
.mies-kraj { margin: 0 0 .25rem; font-size: .75rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  line-height: 1.4; color: var(--akcent-tekst); }
.mies-nazwa { font-size: clamp(1.625rem, 1.3rem + 1.1vw, 2.25rem); font-weight: 500; letter-spacing: -0.025em; line-height: 1.05;
  margin: 0 0 .55rem; }
.mies-nazwa a { text-decoration: none; }
.mies-pogoda { margin: 0; color: var(--tusz-2); font-variant-numeric: tabular-nums lining-nums; }
.mies-temp { font-family: var(--font-naglowek); font-size: 1.75rem; font-weight: 500; letter-spacing: -0.02em; line-height: 1;
  color: var(--akcent-tekst); margin-right: .1em; }
.mies-uwagi { margin: .35rem 0 0; font-size: .875rem; line-height: 1.5; color: var(--tusz-2); }
.mies-uwagi span + span::before { content: " · "; }
.mies-msz { color: var(--akcent-tekst); }

.mies-loty { list-style: none; margin: 1rem 0 0; padding: 0; font-size: .9375rem; }
.mies-loty li { display: flex; flex-direction: column; gap: .05rem; padding: .5rem 0; border-top: 1px dotted var(--linia-miekka); }
.mies-loty li:first-child { border-top: 0; padding-top: 0; }
.mies-lot-skad { font-weight: 700; }
.mies-lot-skad a { color: var(--tusz); text-decoration-color: var(--linia-miekka); }
.mies-lot-skad a:hover { color: var(--akcent-tekst); text-decoration-color: currentColor; }
.mies-lot-opis { color: var(--tusz-2); font-variant-numeric: tabular-nums; }

.mies-zrodla { max-width: 60rem; margin: 1.25rem 0 0; font-size: .8125rem; line-height: 1.55; color: var(--tusz-2); }
.mies-zrodla a { color: inherit; }
.mies-zrodla a:hover { color: var(--akcent-tekst); }

.mies-akapit { margin: 0; }

@media (min-width: 760px) {
  .mies-poz { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 2.5rem; padding: 1.6rem 0 1.7rem; }
  .mies-loty { margin: .35rem 0 0; }
  .mies-loty li { display: grid; grid-template-columns: minmax(0, 9.5rem) minmax(0, 1fr); gap: 1rem; align-items: baseline; }
}