:root {
      --gap: 16px;
    }
    * { box-sizing: border-box; }
    html, body { margin:0; padding:0; font-family: Verdana, sans-serif; }
    h1,h2,h3,h4,h5,h6 { font-family: "Segoe UI", system-ui, -apple-system, sans-serif; }
    a { color: inherit; }
    img { display:block; max-width:100%; height:auto; border:0; outline:0; }

    /* Layout bez floatů – čisté a responzivní */
    .grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--gap);
      align-items: start;
    }
    .regiony-mapa, .regiony { width:100%; }

    @media (min-width: 768px) {
      .grid {
        grid-template-columns: 1fr 1fr; /* mapa | obsah */
      }
      .regiony-mobil { display:none; }
      .regiony-mapa { display:block; }
      .regiony { display:block; }
    }

    @media (max-width: 767px) {
      /* Na mobilu klidně nech i interaktivní mapu viditelnou */
      .regiony-mobil { display:block; }
      .regiony-mapa  { display:block; }
      .regiony { display:block; }
    }

    ul { padding-left: 18px; margin: 8px 0; }
    .block { display:block; }
    .btn {
      display:inline-block; padding:10px 14px; border:1px solid #ccc; border-radius:8px;
      text-decoration:none;
    }