/* =====================================================================
   Çözümler (genel bakış) — sayfaya özel ölçüler
   Orijinal 1440 px ölçümleri (sayfalar/digitalesouveränität.json + ekran):
   başlık kutusu y=180 (33 px), giriş y=250 (17/24), "Çözümlerimiz" glif üstü
   y=547 (29 px mavi), kutucuklar y=605 · 4×222 px, sütun aralığı 31 px.
   Kutucuk: metin üstten ~50 px, "daha fazla" alt kenarda ortalı, altı çizili.
   ===================================================================== */
.cz-intro { padding-top: 38px; }
.cz-intro__title { font-size: 33px; line-height: 1.3; font-weight: 400; color: var(--c-text); }
.cz-intro__text { margin-top: 27px; font-size: 17px; line-height: 24px; }
.cz-intro__text.rich > * + * { margin-top: 24px; }
.cz-tiles__title { margin-top: 52px; font-size: 29px; line-height: 1.3; font-weight: 400; color: var(--c-blue-lg); }

.cz-tiles { padding: 27px 0 72px; }
.cz-grid.tile-grid { row-gap: 62px; }
.cz-grid .tile {
  align-items: center; padding: 50px 12px 4px; text-align: center;
  font-size: 15px; line-height: 1.2; color: #fff;
}
.cz-grid .tile--dark-text { color: var(--c-text); }
.cz-grid .tile__head { font-size: var(--tile-ns, 17px); line-height: 1.2; font-weight: 400; }
.cz-grid .tile__no { display: inline; font-size: 28px; line-height: 1; font-weight: 400; color: var(--tile-no, inherit); vertical-align: -2px; }
.cz-grid .tile__no--500 { font-weight: 500; }
.cz-grid .tile__desc { display: block; margin-top: 1px; font-size: var(--tile-ds, 15px); line-height: 1.25; }
.cz-grid .tile__desc strong { font-weight: 700; }
.cz-grid .tile__more { margin-top: auto; padding: 12px 6px 0; font-size: 15px; line-height: 1.2; color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.cz-grid .tile__lang { font-size: 12px; }
.cz-grid .tile:focus-within { outline: 2px solid var(--c-text); outline-offset: 3px; }
.cz-grid .tile__more:focus-visible { outline: none; }

/* Dar masaüstü: kapsayıcı 960 px → kutucuklar esnek */
@media (max-width: 1239px) {
  .cz-grid.tile-grid { grid-template-columns: repeat(4, minmax(0, 222px)); column-gap: 20px; }
}
/* Tablet: 3 sütun (site.css), satır aralığı daralır */
@media (max-width: 999px) {
  .cz-grid.tile-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
  .cz-tiles__title { margin-top: 44px; }
}
/* Mobil: 2 sütun, kare oranına yakın kutucuklar */
@media (max-width: 750px) {
  .cz-intro { padding-top: 30px; }
  .cz-intro__title { font-size: 27px; line-height: 1.3; }
  .cz-intro__text { margin-top: 20px; font-size: 16px; line-height: 23px; }
  .cz-intro__text.rich > * + * { margin-top: 22px; }
  .cz-tiles__title { margin-top: 40px; font-size: 25px; }
  .cz-tiles { padding: 22px 0 56px; }
  .cz-grid.tile-grid { grid-template-columns: minmax(0, 196px); justify-content: center; gap: 40px; } /* orijinal 390 px: tek sütun, ~196 px kareler */
  .cz-grid .tile { min-height: 196px; padding: 26px 10px 6px; }
  .cz-grid .tile__head { font-size: min(var(--tile-ns, 17px), 16px); }
  .cz-grid .tile__no { font-size: 25px; }
  .cz-grid .tile__desc { font-size: 14px; }
  .cz-grid .tile__more { font-size: 15px; }
}