/* === 2026-08-22 mobil duzeltme: tablo kaydirma ipucu + hero caption etiketi ===
   Blog yazilarindaki CSS her yaziya gomulu oldugu icin 29 yaziyi yeniden
   yayinlamak yerine ayni kurallar burada koprulendi.
   Kaynak: html/blog-src/_shell-head.html
   1) .vx-table (min-width:600px) 390px'te sarmalayicidan tasiyor; kaydirilabilir
      oldugu belli degildi. Sag/sol kenara kaydirma golgesi + mobilde metin ipucu.
      "local" katmanlar icerikle kayip kenara varildiginda golgeyi orter; tasma
      yoksa (masaustu 910px) iki ortucu de kenarda durur, gorunum degismez.
   2) .vx-hero-caption mobilde column oluyor; ikinci span birinciyle ayni
      punto/renkte oldugu icin yarim cumle gibi okunuyordu. Etikete dusuruldu. */
.vx-table-wrapper {
    position: relative;
    -webkit-overflow-scrolling: touch;
    background-image:
        linear-gradient(to right, #161A22 0, #161A22 26px, rgba(22, 26, 34, 0) 48px),
        linear-gradient(to left, #161A22 0, #161A22 26px, rgba(22, 26, 34, 0) 48px),
        linear-gradient(to right, rgba(14, 16, 18, 0.6) 0, rgba(14, 16, 18, 0) 26px),
        linear-gradient(to left, rgba(227, 200, 173, 0.32) 0, rgba(227, 200, 173, 0) 26px);
    background-position: left center, right center, left center, right center;
    background-repeat: no-repeat;
    background-size: 48px 100%, 48px 100%, 26px 100%, 26px 100%;
    background-attachment: local, local, scroll, scroll;
}
@media (max-width: 768px) {
    .vx-hero-caption span + span {
        font-family: 'Outfit', sans-serif; font-size: 0.7rem; font-weight: 600;
        letter-spacing: 0.09em; color: #CBB297; opacity: 0.62;
    }
    .vx-table-wrapper { padding-bottom: 32px; }
    .vx-table-wrapper::after {
        content: "\2192\00A0 kayd\0131r\0131n";
        position: absolute; right: 14px; bottom: 8px; pointer-events: none;
        font-family: 'Outfit', sans-serif; font-size: 0.66rem; font-weight: 600;
        letter-spacing: 0.09em; color: #E3C8AD; opacity: 0.72;
    }
}
/* === 2026-08-22 blok sonu === */