/* Danaco Console — portal pobierania. Arkusz uzupelniajacy do styles.css witryny.

   Wstep strony (naglowek pierwszego stopnia i akapit prowadzacy) zajmowal lewa polowe
   szerokosci, a prawa zostawala pusta. Uklad dwukolumnowy wykorzystuje cala szerokosc:
   naglowek po lewej, akapit prowadzacy po prawej, wyrownany dolna krawedzia. */

@media (min-width: 1100px) {
  main > .section > .container:has(> h1) {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    column-gap: clamp(32px, 4vw, 72px);
    align-items: start;
  }
  main > .section > .container:has(> h1) > h1 { grid-column: 1; margin: 0; }
  main > .section > .container:has(> h1) > .lead {
    grid-column: 2;
    margin: 0;
    align-self: end;
    padding-bottom: 6px;
  }
  main > .section > .container:has(> h1) > :not(h1):not(.lead) {
    grid-column: 1 / -1;
    margin-top: clamp(32px, 4vh, 64px);
  }
  main > .section > .container:has(> h1) > :not(h1):not(.lead) ~ :not(h1):not(.lead) {
    margin-top: clamp(24px, 3vh, 40px);
  }
}

/* Proza portalu ma miare czytelna, ale nie zostawia pustej polowy ekranu. */
main > .section > .container > p:not(.lead) { max-width: 82ch; }

/* Odnosnik w tresci rozpoznawalny nie tylko kolorem (WCAG 1.4.1). Dotyczy podpisow pod
   obrazami („Otworz prototyp") i odnosnikow w akapitach; przyciski i nawigacja maja
   wlasne klasy i pozostaja bez podkreslenia. */
main figcaption a[href],
main p > a[href]:not([class]),
main li > a[href]:not([class]),
main td > a[href]:not([class]),
main th > a[href]:not([class]) {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}