/* ============================================================================
   DENEME KATMANI — "TEK PANEL"   (Threads yolu)
   ============================================================================
   NE YAPIYOR
   Sütunu TEK bir nesneye çeviriyor: üstü altı yuvarlak, kenarlıklı, beyaz
   bir panel. İçindeki her şey (başlık, sekme barı, gönderiler) artık nesne
   değil — kendi zemini, köşesi, gölgesi olmayan SATIRLAR. Ayrımı yalnız
   saç teli çizgiler yapıyor.

   NEDEN AYRI DOSYA
   Mevcut hiçbir dosya değişmedi. Bu katman en sonda yükleniyor ve gerekli
   yerlerde !important ile eziyor — çünkü post_card.css, home.css ve
   profile.css kart kabuğunu zaten !important ile yazıyor.

   KAPATMAK: bu dosyayı sil ya da adını değiştir (örn. deneme_panel.css.off).
   layout.php'deki is_file kontrolü satırı kendiliğinden devre dışı bırakır.

   AYAR: aşağıdaki :root bloğundaki yedi değer. Hepsi tek yerden.
   ============================================================================ */

:root {
    --dp-page-bg:     #e9edf2;   /* panelin ARKASINDAKİ sayfa zemini */
    --dp-panel-bg:    #ffffff;   /* panelin kendisi */
    --dp-panel-edge:  #e3e7ee;   /* panelin kenar çizgisi */
    --dp-panel-radius: 20px;
    --dp-panel-gap:   14px;      /* panelin üstünde/altında kalan boşluk */
    --dp-row-line:    #eceff3;   /* satırları ayıran saç teli */
    --dp-row-hover:   #fafbfc;   /* satır üstüne gelince */
    --dp-row-pad-y:   14px;
    --dp-row-pad-x:   16px;
    --dp-row-pad-b:   14px;      /* satırın ALT dolgusu — ayrı, çünkü altta
                                    etkileşim çubuğu var ve o zaten boşluk
                                    taşıyor (ikon kapsülleri 6px) */
}

html.dark {
    --dp-panel-bg:    #0b0b0b;   /* OPAK olmak zorunda: sekme barı sticky,
                                    içerik altından kayıyor. Saydam olursa
                                    yazılar üst üste biner. */
    --dp-panel-edge:  rgba(255, 255, 255, .10);
    --dp-row-line:    rgba(255, 255, 255, .08);
    --dp-row-hover:   rgba(255, 255, 255, .035);
}

/* ---------------------------------------------------------------------------
   1) SAYFA ZEMİNİ
   Beyaz panelin okunması için arkasının BELİRGİN biçimde daha koyu olması
   şart. Şu an ikisi de ~#f6f7f9; panel görünmez olurdu.
   DİKKAT: zemini html değil, html::before basıyor (sabit katman, z-index:-1).
   html'e yazmak hiçbir şey yapmaz — katman onu örter.
   Koyu temada dokunulmuyor: oradaki gradyan zaten panelden koyu.
--------------------------------------------------------------------------- */
html:not(.dark)::before { background: var(--dp-page-bg) !important; }
html:not(.dark)        { background: var(--dp-page-bg) !important; }

/* ---------------------------------------------------------------------------
   2) PANELİN KENDİSİ
   Dört sayfanın orta sütunu da aynı kalıbı kullanıyor.
   overflow:hidden KULLANILMADI — bilerek. Sticky bir eleman, overflow'u
   visible olmayan bir atanın içinde çalışmaz; sekme barı anında kırılırdı
   (layout.php'nin kendi yorumu da bunu söylüyor). Köşeleri kırpmak yerine
   içindekilerin zeminini kaldırıyoruz, panelin beyazı zaten onların altından
   görünüyor.
--------------------------------------------------------------------------- */
/* [class*="-center-surface"] — BİLEREK ÖZNİTELİK SEÇİCİSİ.
   Sitede dörtten fazla orta yüzey var (keşfet, bildirimler, mesajlar,
   kaydedilenler, kulüpler, kitap/yazar, hikâyeler, türler, ayarlar...)
   ve hepsi aynı "<ad>-center-surface" kalıbını kullanıyor. Tek tek
   yazmak yerine kalıbın kendisini hedefliyorum: bugün var olanı da,
   yarın eklediğini de kapsıyor. Özgüllüğü sınıf seçicisiyle aynı
   (0,1,0), zaten !important ile yazıyoruz.
   Açık adlar da duruyor — bir sayfa kalıbın dışına çıkarsa diye. */
[class*="-center-surface"],
.home-center-surface,
.profile-center-surface,
.reviews-center-surface,
.pd-center-surface {
    background: var(--dp-panel-bg) !important;
    border: 1px solid var(--dp-panel-edge) !important;
    border-radius: var(--dp-panel-radius) !important;
    margin-top: var(--dp-panel-gap) !important;
    margin-bottom: var(--dp-panel-gap) !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04) !important;
}
html.dark [class*="-center-surface"] {
    box-shadow: none !important;
}

/* ---------------------------------------------------------------------------
   3) KABUK: BAŞLIK VE SEKME BARI
   Başlık kendi zeminini bırakıyor — panelin beyazı altından görünüyor, yani
   panelin yuvarlak üst köşeleri korunuyor.
   Sekme barı ise OPAK kalmak ZORUNDA: sticky, içerik altından geçiyor.
   Değeri panelin zemininin aynısı, o yüzden gözle fark edilmiyor.
--------------------------------------------------------------------------- */
.page-hero,
.home-center-surface .home-hero,
.profile-center-surface .profile-hero-card,
.page-hero.pd-hero {
    background: transparent !important;
    border-radius: var(--dp-panel-radius) var(--dp-panel-radius) 0 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

.page-tabs,
.page-subbar,
.home-center-surface .home-tabs,
.profile-center-surface .profile-tabs,
.reviews-center-surface .rev-filter-bar {
    background: var(--dp-panel-bg) !important;
    border-radius: 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid var(--dp-row-line) !important;
    box-shadow: none !important;
    /* Siyah üstüne siyah bulanıklaştırma saf israftı; kaldırıldı. */
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* SEKME BARININ YAPIŞMA NOKTASI — YALNIZCA MASAÜSTÜ.
   Önceki sürümde "top: 0 !important" koşulsuzdu ve mobilde
   mobile.css:343'teki kuralı eziyordu:
       body:has(.mobile-header) .page-tabs { top: calc(var(--m-header-h) ...) }
   O kural barı SABİT BAŞLIĞIN ALTINA yerleştiriyor. Ezilince bar
   ekranın tepesine yapıştı, başlık da orada (sticky, z-index 45) —
   yani bar başlığın ARKASINA girdi. "Yukarı çekince sadece header
   geliyor, tab gelmiyor" şikâyetinin sebebi tam olarak buydu:
   bar geliyordu, görünmüyordu.
   Mobilde konumlandırmayı mobile.css'e bırakıyoruz; o dosya
   chrome-hidden mekanizmasıyla birlikte zaten doğru çalışıyor. */
@media (min-width: 768px) {
    .page-tabs,
    .page-subbar,
    .home-center-surface .home-tabs,
    .profile-center-surface .profile-tabs,
    .reviews-center-surface .rev-filter-bar {
        top: 0 !important;
        padding-top: 0 !important;
    }
}

/* Sekme barından sonraki 12px nefes kalkıyor: satırlar panele yapışık. */
.page-tabs + *,
.page-subbar + *,
.home-center-surface .home-tabs + #feedContainer { margin-top: 0 !important; }

/* ---------------------------------------------------------------------------
   4) AKIŞ KAPSAYICISI: YAN BOŞLUK VE ARA BOŞLUK SIFIR
   Kartlar nesne olmaktan çıkınca aralarına boşluk koymanın anlamı kalmıyor;
   ayrımı çizgi yapıyor. --feed-x burada devre dışı.
--------------------------------------------------------------------------- */
.home-center-surface #feedContainer,
.profile-center-surface #feedContainer,
.profile-center-surface #feedContainer.profile-post-feed,
.profile-center-surface .profile-post-list,
.reviews-center-surface #revContent {
    padding-left: 0 !important;
    padding-right: 0 !important;
    gap: 0 !important;
}

/* ---------------------------------------------------------------------------
   5) KART -> SATIR
   Kabuğun tamamı kalkıyor: zemin, köşe, gölge, kenar boşluğu. Geriye içerik
   ve altındaki tek çizgi kalıyor.
   Seçiciler üç kademeli yazıldı çünkü post_card.css ve profile.css aynı
   özellikleri !important ile yazıyor; aynı özgüllükte sonra gelen kazanır,
   bu dosya en sonda yükleniyor.
--------------------------------------------------------------------------- */
.post-card,
.rev-card,
.home-center-surface .post-card,
.profile-center-surface #feedContainer > article.post-card,
.profile-center-surface #feedContainer.profile-post-feed > article.post-card,
.profile-center-surface .profile-post-list > article.post-card,
.profile-center-surface .profile-post-list > .rev-card {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    padding: var(--dp-row-pad-y) var(--dp-row-pad-x) var(--dp-row-pad-b) !important;
    border-bottom: 1px solid var(--dp-row-line) !important;
}

/* Son satırın altındaki çizgi panelin yuvarlak eteğine dayanırdı. */
.home-center-surface #feedContainer > *:last-child,
.profile-center-surface #feedContainer > *:last-child,
.profile-center-surface .profile-post-list > *:last-child {
    border-bottom: 0 !important;
}

/* Üstüne gelince: gölge ve renk sıçraması değil, çok hafif bir ton. */
@media (hover: hover) {
    .post-card:hover,
    .rev-card:hover,
    .home-center-surface .post-card:hover {
        background: var(--dp-row-hover) !important;
        box-shadow: none !important;
    }
}
.post-card:active,
.rev-card:active { background: var(--dp-row-hover) !important; }

/* ---------------------------------------------------------------------------
   6) SATIRIN İÇİNDEKİ KUTULAR
   Gömülü alıntı, bağlantı kartı, hikâye önizlemesi ve görsel ızgarası satırın
   İÇİNDE duruyor — onlar nesne olmaya devam ediyor, ama panelden bir tık
   yumuşak. Yoksa "kart içinde kart" problemi bu sefer satırın içinde doğar.
--------------------------------------------------------------------------- */
.post-rebook-embed,
.post-link-card,
.post-story-preview {
    border-radius: 14px !important;
}
.post-media { border-radius: 14px !important; }

/* ---------------------------------------------------------------------------
   7) GÖNDERİ DETAY SAYFASI
   .pd-page zaten beyaz bir panel çiziyordu; artık asıl panel dışarıda,
   o yüzden kendi zeminini ve köşesini bırakıyor.
--------------------------------------------------------------------------- */
.pd-page {
    background: transparent !important;
    border-radius: 0 0 var(--dp-panel-radius) var(--dp-panel-radius) !important;
    border-bottom: 0 !important;
}
html.dark .pd-page { background: transparent !important; }

/* ---------------------------------------------------------------------------
   8) "SANA ÖZEL" ÖNERİ BLOĞU
   Kendi kenarlıklı kutusu vardı; satır sistemine katılıyor.
--------------------------------------------------------------------------- */
.feed-suggest {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    border-bottom: 1px solid var(--dp-row-line) !important;
    padding: var(--dp-row-pad-y) var(--dp-row-pad-x) !important;
}

/* ---------------------------------------------------------------------------
   9) TELEFON
   Panel kenara 8px kalıyor; daha fazlası dar ekranda içerik alanını yiyor.
--------------------------------------------------------------------------- */
@media (max-width: 767px) {
    /* SATIR YÜKSEKLİĞİ — telefonda fazlaydı.
       Katman 14px dikey dolgu veriyordu; post_card.css'in kendi mobil
       değeri 10px'ti (--m-card-pad-y) ve katman onu eziyordu. Kart
       kabuğu kalkınca zaten daralan satıra 4px fazladan boşluk bindi.
       Üst 10, alt 4: altta etkileşim çubuğu var, onun ikon kapsülleri
       (6px) zaten nefes taşıyor. */
    :root { --dp-row-pad-x: 14px; --dp-row-pad-y: 10px; --dp-row-pad-b: 4px; }

    /* Metin ile etkileşim çubuğu arası: post_card.css ve home.css ikisi de
       14px veriyor. Kart içindeyken doğruydu; düz satırda satırı şişiriyor. */
    .post-card .post-actions,
    .home-center-surface .post-card .post-actions { margin-top: 8px !important; }

    /* SAYAÇ PUNTOSU — ikondan büyük görünüyordu.
       Sebep tipografi üreticisi: .post-action-count masaüstünde 12px,
       üretici mobilde "15px tabanı"nı uyguluyor ve 15px'e çıkarıyor.
       İkonlar 16px (w-4 h-4), yani rakam ikonla neredeyse EŞİT oluyor.
       Künye satırı için zaten bir muafiyet listesi var (_punto_uret.php
       içindeki PUNTO_CIZIM) — sayaçlar oraya konmamış.

       Burası geçici çözüm: bu dosya tipografi.css'ten SONRA yükleniyor,
       o yüzden üreticinin çıktısını ezebiliyor.
       KALICI ÇÖZÜM: _punto_uret.php'deki PUNTO_CIZIM listesine
       'post-action-count' ve 'review-card-action-count' eklenip üretici
       yeniden çalıştırılmalı. Katmanı asıl dosyalara işlerken yapacağız. */
    .post-action-count,
    .review-card-action-count { font-size: 13px !important; }

    /* ===================================================================
       SEKME BARI BAŞLIĞIN ALTINA — "yukarı çekince tab gelmiyor"
       ===================================================================
       home.css:2588'de şu duruyor:
           .home-center-surface .home-tabs { top: 0 !important; }
       mobile.css:343 ise barı sabit başlığın ALTINA koyuyor:
           body:has(.mobile-header) .page-tabs {
               top: calc(var(--m-header-h) + (var(--shell-overlap) * -1 - 2px)); }
       İkincisi !important taşımadığı için birincisi kazanıyor. Sonuç:
       bar ekranın tepesine yapışıyor, .mobile-header de orada (sticky,
       top:0, z-index:45) — bar başlığın ARKASINA giriyor.
       chrome-hidden kalkınca bar GERİ GELİYOR ama görünmüyordu.

       Formül mobile.css'ten birebir alındı: --shell-overlap (mobilde 12px)
       barın üstündeki telafi dolgusunu geri alıyor, yoksa sekme yazıları
       başlığın 14px altından başlar. */
    /* Ana sayfada Sayfalar şeridi de reveal grubuna katıldığı için sekme
       barı onun ALTINA yapışır. --home-pages-reveal-h home.php tarafından
       gerçek DOM yüksekliğiyle ölçülür; 106px yalnız ilk boya yedeğidir. */
    /* Ana sayfada Sayfalar artık reveal grubunun parçası değil.
       home-tabs diğer page-tabs'lerle aynı mobil yapışma noktasını kullanır. */
    body .home-center-surface .home-tabs {
        top: var(--m-header-h, 48px) !important;
    }

    /* Diğer sayfalarda mevcut mobil yapışma noktası aynen korunur. */
    body .page-tabs,
    body .page-subbar {
        top: calc(var(--m-header-h, 48px) + (var(--shell-overlap, 12px) * -1 - 2px)) !important;
    }

    /* KELİME ARASI — PİKSEL DEĞİL "em".
       -0.3px, sonra -0.5px denendi; ikisi de SABİT değer. Punto
       değiştiğinde (üretici mobilde 14.5 -> 16.5 yapıyor) sabit bir
       daraltma oransal olarak küçülüyor, yani büyük puntoda kelimeler
       yine açık duruyor. -0.04em punto ile ölçekleniyor: 16.5px'te
       -0.66px, 14.5px'te -0.58px — her iki durumda da aynı ORANDA sıkı.
       ALT SINIR ~-0.06em; ötesinde kelimeler birbirine yapışmaya
       başlıyor ve okuma hızı düşüyor. */
    .post-main-text,
    .quote-optional-text,
    .quote-main-text,
    .post-card .post-content,
    .post-rebook-embed-text,
    .review-card-content,
    .pd-text { word-spacing: -0.06em !important; }

    /* SATIR ARASI — ÖLÇÜLDÜ, 05.10.2026
       -------------------------------------------------------------
       Telefon ekran görüntüsünden okundu: satır adımı 33 görüntü
       pikseli, avatardan çıkarılan ölçek 1.5 -> gerçekte 22px.
       Punto 16.5px, yani yürürlükteki oran 1.33.

       ÖNCEKİ DENEMEM 1.28'DI VE İŞE YARAMADI: 16.5 x 1.28 = 21.1px,
       yani 1 piksellik düzeltme. Gözle fark edilmesi mümkün değildi.

       Doğru hedef ORAN değil, FİZİKSEL ADIM:
           X akışı     15px   x 1.33  = 20.0px adım
           burası      16.5px x 1.33  = 22.0px adım   <- fazla olan bu
           burası      16.5px x 1.20  = 19.8px adım   <- X ile aynı
           burası      16.5px x 1.14  = 18.8px adım   <- ŞİMDİKİ, X'in altında

       SON AYAR: 1.20 X'in adımını yakalıyordu ama kullanıcı hâlâ açık
       buldu. 1.14 = 18.8px. Bu X'ten DAHA SIKI; Jost'un x-yüksekliği
       düşük olduğu için aynı adımda satırlar daha ferah görünüyor,
       sıkılaştırmaya yer var.
       ŞİMDİ 1.10 = 18.15px adım. BU TABAN: Türkçe'de ğ/ş/ç alt
       uzantıları ile İ/ı üst işaretleri bu noktada alt alta değmeye
       başlıyor. Daha aşağısını yazmam; harfler çakışır ve okunabilirlik
       düşer. Hâlâ açık geliyorsa çözüm satır arası değil PUNTO:
       16.5px fazla büyük, ama onu değiştirmek tipografi üreticisinin
       15px tabanına dokunmak demek — ayrı iş.

       Punto X'ten büyük olduğu için aynı ORANDA satırlar zorunlu
       olarak açılıyor. Oran düşürülüp adım eşitlendi.
       Dolgu düzeltmesi ayrı ve duruyor (üst 10px / alt 4px). */
    .post-main-text,
    .quote-optional-text,
    .quote-main-text,
    .post-card .post-content,
    .post-rebook-embed-text,
    .review-card-content,
    .pd-text { line-height: 1.1 !important; }

    /* TELEFONDA PANEL KENARDAN KENARA.
       Önceki hâlinde panelin dört yanında 8px boşluk vardı ve üstteki
       o boşluk, sabit başlık ile ilk satır arasında GRİ BİR ŞERİT
       olarak görünüyordu — sayfa zemini oradan sızıyordu.
       Telefonda panelin "ayrı bir nesne" olduğunu göstermeye gerek yok:
       ekranın tamamı zaten o panel. Kenar boşluğu, yan çizgiler, üst
       çizgi ve yarıçap kalkıyor; geriye kesintisiz tek yüzey kalıyor.
       Threads, X ve Instagram mobilde aynısını yapıyor. */
    /* LASTİK ÇEKMEDE GRİ ALAN.
       Sayfa zeminini #e9edf2'ye koyulaştırmıştım (masaüstünde beyaz
       panelin okunması için şart). Mobilde panel zaten kenardan kenara,
       yani o zemin HİÇBİR YERDE görünmüyor — tek göründüğü an sayfayı
       sınırın ötesine çektiğin lastik hareketi. Orada da koyu gri bir
       bant olarak çıkıyordu.
       Mobilde zemini panelin rengine eşitliyoruz: çekince de aynı renk,
       yani görünecek bir şey yok. */
    html:not(.dark)::before,
    html:not(.dark) { background: var(--dp-panel-bg) !important; }
    html.dark::before { background: #000 !important; }

    /* "overscroll-behavior-y: none" DENENDİ VE GERİ ALINDI — 05.10.2026
       Gri bandı kapatmak için koymuştum. Ama o özellik tarayıcının
       AŞAĞI ÇEKİP YENİLE hareketini de kapatıyor: iOS Safari ve Chrome
       ikisi de pull-to-refresh'i overscroll'a bağlı yürütüyor. Sayfa
       hiç esnemeyince yenileme de ölüyordu.
       Gri bandın asıl çözümü zaten üstteki iki satır: mobilde sayfa
       zemini panelin rengiyle aynı, yani esnediğinde de görünecek bir
       renk farkı yok. Esneme serbest, yenileme çalışıyor, bant yok. */

    [class*="-center-surface"] {
        margin: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-top: 0 !important;
        border-radius: 0 !important;
    }
}

/* ---------------------------------------------------------------------------
   10) DİĞER SAYFALARIN KART KALINTILARI
   ---------------------------------------------------------------------------
   Sitedeki "kart" dilini taşıyan her seçici tarandı (imza gölge
   "0 10px 30px rgba(15,23,42,.06)" aranarak). Çıkanlar ve kararları:

     .kempty-state            kulüpler — boş durum      -> düzleşir
     .khero                   kulüpler — sayfa başlığı  -> düzleşir
     .entity-related          kitap/yazar — ilgili blok -> düzleşir
     .genre-empty-card        tür — boş durum           -> düzleşir
     .gl-empty                türler — boş durum        -> düzleşir
     .notifications-empty-state                         -> düzleşir
     .nt-list                 bildirim listesi kabuğu   -> düzleşir
     .saved-empty-state       kaydedilenler boş durum   -> düzleşir
     .tag-empty               etiket boş durum          -> düzleşir
     .pd-notfound             gönderi bulunamadı        -> düzleşir
     .people-card             keşfet — kişi kartı       -> AŞAĞIDA, AYRI

   HEPSİ PANELİN İÇİNDEYKEN. Seçicinin başındaki [class*="-center-surface"]
   şart: kulüpler, mesajlar ve hikâye sayfaları bu kalıbı KULLANMIYOR, yani
   onlarda panel yok. Koşulsuz yazsaydım o sayfalarda kutular zeminsiz,
   çerçevesiz, sayfanın ortasında çıplak kalırdı.
--------------------------------------------------------------------------- */
[class*="-center-surface"] .kempty-state,
[class*="-center-surface"] .khero,
[class*="-center-surface"] .entity-related,
[class*="-center-surface"] .genre-empty-card,
[class*="-center-surface"] .gl-empty,
[class*="-center-surface"] .notifications-empty-state,
[class*="-center-surface"] .nt-list,
[class*="-center-surface"] .saved-empty-state,
[class*="-center-surface"] .tag-empty,
[class*="-center-surface"] .pd-notfound {
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Liste kabuklarının altına ayırıcı; boş durumlarda gereksiz (altında
   bir şey yok, ayıracak bir şey de yok). */
[class*="-center-surface"] .nt-list,
[class*="-center-surface"] .entity-related {
    border-bottom: 1px solid var(--dp-row-line) !important;
}

/* ---------------------------------------------------------------------------
   .people-card — KASITLI OLARAK DÜZLEŞTİRİLMEDİ
   Keşfet'teki kişi kartı bir AKIŞ satırı değil, ızgara hücresi. Izgarada
   kart doğru biçimdir: satırları ayıran çizgi mantığı yan yana duran
   hücrelerde çalışmaz, hücreler birbirine karışır.
   Yalnız kart dilini sakinleştiriyorum — ağır gölge yerine ince zemin,
   24px yerine 14px köşe. Böylece panelin içinde yabancı durmuyor.
   İSTERSEN TAMAMEN DÜZLEŞTİRİRİM, ama önce keşfet sayfasına bakmak lazım.
--------------------------------------------------------------------------- */
[class*="-center-surface"] .people-card {
    border-radius: 14px !important;
    box-shadow: none !important;
    background: var(--dp-row-hover) !important;
}
html.dark [class*="-center-surface"] .people-card {
    background: rgba(255, 255, 255, .05) !important;
}

/* ---------------------------------------------------------------------------
   11) KÜNYE SATIRI İLE İÇERİK ARASI — BİR TIK AÇILDI
   ---------------------------------------------------------------------------
   Masaüstünde künye satırı "margin-bottom: -8px" taşıyordu (post_card.css),
   yani içerik ismin üstüne doğru ÇEKİLİYORDU. Mobilde 6px'ti. İkisinde de
   ad satırı metne yapışık duruyordu.

   Künyenin kendi marjına dokunmuyorum — o değer okur düzeyi satırının
   olduğu/olmadığı duruma göre iki ayrı kuralda yazılı, birini değiştirsem
   diğeriyle ayrışır. Bunun yerine künye satırının HEMEN ARDINDAN gelen
   öğeye 3px veriyorum. Komşu kardeş seçicisi (+ *) olduğu için içerik ne
   olursa olsun çalışıyor: düz metin, alıntı kutusu, kitap künyesi, gömülü
   rebook, hikâye önizlemesi, "görüntülenemiyor" kutusu.

   3px bilerek: "çok değil ama" dedin. Daha fazlası ad ile metni iki ayrı
   blok gibi gösterip kartın ritmini bozar.
--------------------------------------------------------------------------- */
.post-card > .flex > .flex-1 > .flex.items-start + * {
    margin-top: 3px !important;
}

/* 12) iOS METİN ŞİŞİRMESİ — BU DOSYADAN LAYOUT.PHP'YE TAŞINDI.
   Burada durduğunda işe yarıyordu ama GEÇ: bu dosya en son yüklenen
   stil, yani sayfa yenilendiğinde ilk boyama hâlâ Safari'nin şişirdiği
   puntoyla yapılıyor, dosya gelince punto yerine oturuyordu. Ekranda
   "yazı bir büyüyüp küçülüyor" olarak görünen şey buydu.
   Kural artık layout.php'nin satır içi <style> bloğunda, html kuralının
   içinde — ilk boyamadan önce uygulanıyor. */

/* ALINTI KARTI — avatar ile kullanıcının kendi düşüncesi arasındaki mesafe.
   Yukarıdaki genel "+ * { margin-top:3px !important }" kuralının yalnız
   alıntı notunu ezmesini engeller. Statik CSS'tir; mobil scroll/reveal yok. */
.post-card.is-quote > .flex > .flex-1 > .flex.items-start + .quote-optional-text {
    margin-top: 12px !important;
}


/* ANA SAYFA TAB BAR — DARK MODDA TAM OPAK */
@media (max-width: 767px) {
    html.dark.page-home .home-center-surface .home-tabs {
        background: #000 !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        opacity: 1 !important;
    }
}


/* =========================================================
   INBOOK_TAB_FINAL_FIX_20261007
   ========================================================= */

/* 1) ANA SAYFA DARK TAB
   Kartlar arkadan okunmayacak kadar kapalı,
   fakat çok hafif camsı etki korunuyor. */
html.dark.page-home .home-center-surface .home-tabs {
    background: rgba(0, 0, 0, .96) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    opacity: 1 !important;
}


/* 2) PROFİL MOBİL — HEADER/TAB GEÇİŞİNDE İÇERİK SIZMASINI ENGELLE
   Sticky/scroll davranışına DOKUNMAZ.
   Tab barın üstünde, headerın altında kalan hareket alanını kapatır. */
@media (max-width: 767px) {

    .profile-center-surface .profile-tabs {
        isolation: isolate;
    }

    .profile-center-surface .profile-tabs::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 100%;

        width: 100%;
        height: var(--m-header-h, 48px);

        background: #ffffff;
        pointer-events: none;

        /* Eski -1 değeri kullanılırsa kartlar bunun önüne çıkabiliyor.
           Tab bar z-index:10 olduğu için bu katman kartların üstünde,
           mobile-header z-index:45 olduğu için headerın altında kalır. */
        z-index: 0;
    }

    html.dark .profile-center-surface .profile-tabs::before {
        background: #000000;
    }

    /* Pseudo katman sekme yazılarının önüne çıkmasın. */
    .profile-center-surface .profile-tabs > * {
        position: relative;
        z-index: 1;
    }
}



/* =========================================================
   PROFILE_HEADER_TRANSITION_CURTAIN_20261007

   Header yukarı çıkarken profile-tabs 48px -> 0 konumuna geçiyor.
   Bu geçişte oluşan açıklıktan gönderilerin görünmesini engeller.
   Perde tab bara bağlı DEĞİL; viewport'a fixed.
   ========================================================= */
@media (max-width: 767px) {

    /* Eski tab-pseudo çözümünü kesin olarak devre dışı bırak. */
    .profile-center-surface .profile-tabs::before {
        display: none !important;
    }

}

/* ANA SAYFA DARK TAB — FORM/PANEL İLE AYNI TON + HAFİF CAMSI */
html.dark.page-home .home-center-surface .home-tabs {
    background: rgba(11, 11, 11, .96) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    opacity: 1 !important;
}

/* ANA SAYFA DARK TAB — ÜST FORM/PANEL İLE BİREBİR AYNI ZEMİN */
html.dark.page-home .home-center-surface .home-tabs {
    background: var(--dp-panel-bg) !important;
    background-color: var(--dp-panel-bg) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 1 !important;
}

/* ANA SAYFA TAB BAR — ÜST FORM YÜZEYİYLE BİREBİR AYNI DARK TON */
html.dark.page-home .home-center-surface .home-tabs {
    background: #101010 !important;
    background-color: #101010 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 1 !important;
}


/* =========================================================
   HOME_DARK_UNIFIED_SURFACE_20261007
   Aydınlık moddaki tek-yüzey mantığının dark karşılığı.
   ========================================================= */
html.dark.page-home .home-center-surface,
html.dark.page-home .home-center-surface .home-hero,
html.dark.page-home .home-center-surface .home-pages,
html.dark.page-home .home-center-surface .home-post-form-shell,
html.dark.page-home .home-center-surface .home-tabs,
html.dark.page-home .home-center-surface #feedContainer,
html.dark.page-home .home-center-surface #feedContainer > article.post-card,
html.dark.page-home .home-center-surface #feedContainer > .rev-card {
    background: var(--dp-panel-bg, #0b0b0b) !important;
    background-color: var(--dp-panel-bg, #0b0b0b) !important;
}

/* Tab bar tamamen opak; arkadan içerik görünmez. */
html.dark.page-home .home-center-surface .home-tabs {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 1 !important;
}

/* Normal kart zemini artık üst alanla aynı.
   Hover olduğunda mevcut --dp-row-hover devreye girer. */
@media (hover: hover) {
    html.dark.page-home .home-center-surface #feedContainer > article.post-card:hover,
    html.dark.page-home .home-center-surface #feedContainer > .rev-card:hover {
        background: var(--dp-row-hover, rgba(255,255,255,.035)) !important;
        background-color: var(--dp-row-hover, rgba(255,255,255,.035)) !important;
    }
}

/* DARK HOME — AYDINLIK MODLA AYNI KATMAN MANTIĞI
   Panel zemini tek kaynak; çocuk yüzeyler köşeleri kapatmaz. */
html.dark.page-home .home-center-surface {
    background: var(--dp-panel-bg, #0b0b0b) !important;
    background-color: var(--dp-panel-bg, #0b0b0b) !important;
}

/* Bunlar panelin kendi zeminini göstermeli. */
html.dark.page-home .home-center-surface .home-hero,
html.dark.page-home .home-center-surface .home-pages,
html.dark.page-home .home-center-surface .home-post-form-shell,
html.dark.page-home .home-center-surface #feedContainer,
html.dark.page-home .home-center-surface #feedContainer > article.post-card,
html.dark.page-home .home-center-surface #feedContainer > .rev-card {
    background: transparent !important;
    background-color: transparent !important;
}

/* Sticky tab arkadaki içeriği göstermemeli;
   panelle aynı renkte ama opak kalır. */
html.dark.page-home .home-center-surface .home-tabs {
    background: var(--dp-panel-bg, #0b0b0b) !important;
    background-color: var(--dp-panel-bg, #0b0b0b) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 1 !important;
}

/* Hover yalnız gönderi satırında. */
@media (hover: hover) {
    html.dark.page-home .home-center-surface #feedContainer > article.post-card:hover,
    html.dark.page-home .home-center-surface #feedContainer > .rev-card:hover {
        background: var(--dp-row-hover, rgba(255,255,255,.035)) !important;
        background-color: var(--dp-row-hover, rgba(255,255,255,.035)) !important;
    }
}


/* =========================================================
   HOME MOBILE — TEK SCROLL SİSTEMİ
   ---------------------------------------------------------
   Sıra:
   1) Sayfalar normal scroll ile header altına girer.
   2) Tab header'a ulaştığı anda chrome-hidden başlar.
   3) Header + tab yumuşakça yukarı çıkar.
   4) Aynı anda kendi akış yükseklikleri kapanır.
      Böylece kart beklemeden yukarı gelir ve boşluk oluşmaz.
   5) Sayfalar transform/fixed değildir.
   ========================================================= */
@media (max-width: 767px) {

    html.page-home {
        --home-tab-h: 46px;
    }

    /* SAYFALAR: tamamen normal belge akışı. */
    html.page-home .home-center-surface .home-pages {
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        z-index: auto !important;

        transform: none !important;
        transition: none !important;
    }

    /* HEADER
       Normalde akış yüksekliği yerinde.
       Gizlenirken transform ile çıkarken aynı anda 48px'lik
       akış alanı da kapanır. */
    html.page-home .mobile-header {
        margin-bottom: 0 !important;
        transition:
            transform .32s cubic-bezier(.2,.8,.2,1),
            margin-bottom .32s cubic-bezier(.2,.8,.2,1) !important;
    }

    html.chrome-hidden.page-home .mobile-header {


    }

    /* TAB
       Header görünürken tam altında.
       Sayfalar yüksekliği hesaba katılmaz. */
    html.page-home body:has(.mobile-header)
    .home-center-surface .home-tabs {
        top: var(--m-header-h, 48px) !important;
        margin-bottom: 0 !important;

        transition:
            transform .60s cubic-bezier(.2,.8,.2,1),
            margin-bottom .60s cubic-bezier(.2,.8,.2,1) !important;

        will-change: transform;
    }

    /* Header + tab birlikte çıkar.
       Tabın 46px normal akış alanı da aynı anda kapanır.
       #feedContainer'a transform YOK. */
    html.chrome-hidden.page-home body:has(.mobile-header)
    .home-center-surface .home-tabs {


    }
}

@media (prefers-reduced-motion: reduce) and (max-width: 767px) {
    html.page-home .mobile-header,
    html.page-home .home-center-surface .home-tabs {
        transition: none !important;
    }
}

/* =========================================================
   GUEST_PANEL_RADIUS_20261008
   Misafir başlığının kare zemini panelin yuvarlak üst köşelerini
   kapatmasın. overflow:hidden kullanılmıyor.
   ========================================================= */
.home-center-surface.guest-feed-surface .guest-feed-header {
    background: transparent !important;
    border-radius:
        var(--dp-panel-radius, 20px)
        var(--dp-panel-radius, 20px)
        0
        0 !important;
}

/* GUEST_QUOTE_SEARCH_EXPAND_FINAL_20261008 */
.home-center-surface.guest-feed-surface .guest-quote-search {
    width: 300px !important;
    max-width: 100% !important;
    transition: width .24s cubic-bezier(.2,.8,.2,1) !important;
}

.home-center-surface.guest-feed-surface .guest-quote-search:focus-within {
    width: 100% !important;
}


/* GUEST_PUBLIC_HEADER_FINAL_20261008 */

/*
 * Misafir Home:
 * Başlık + açıklama + arama + Alıntılar/Akış birlikte sabit.
 * Kartlar bu opak bloğun altından kayar.
 */
.home-center-surface.guest-feed-surface .guest-feed-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 35 !important;

    background: var(--dp-panel-bg, #ffffff) !important;
    background-color: var(--dp-panel-bg, #ffffff) !important;

    border-radius:
        var(--dp-panel-radius, 20px)
        var(--dp-panel-radius, 20px)
        0
        0 !important;

    border-bottom: 1px solid var(--dp-row-line, #eceff3) !important;

    isolation: isolate;
}

/* Sekme yazıları daha görünür */
.home-center-surface.guest-feed-surface .guest-feed-tab {
    font-size: 16px !important;
    line-height: 1 !important;
}

/*
 * Mobilde sitenin kendi üst header'ının altında kalır.
 * Header yukarı gizlendiğinde guest blok ekranın tepesine gelir.
 */
@media (max-width: 767px) {
    html.page-home
    .home-center-surface.guest-feed-surface
    .guest-feed-header {
        top: calc(
            var(--m-header-h, 48px)
            + env(safe-area-inset-top, 0px)
        ) !important;
    }

    html.chrome-hidden.page-home
    .home-center-surface.guest-feed-surface
    .guest-feed-header {
        top: 0 !important;
    }

    .home-center-surface.guest-feed-surface .guest-feed-tab {
        font-size: 16px !important;
    }
}

/* END_GUEST_PUBLIC_HEADER_FINAL_20261008 */

/* GUEST_TABS_SPACING_SIZE_20261008 */

/* Açıklama ile sekme satırı arasına daha fazla nefes */
.home-center-surface.guest-feed-surface .guest-feed-tabs {
    margin-top: 8px !important;
    min-height: 46px !important;
    align-items: center !important;
}

/* Alıntılar / Akış daha belirgin */
.home-center-surface.guest-feed-surface .guest-feed-tab {
    min-height: 46px !important;
    font-size: 16px !important;
}


/* GUEST_MOBILE_HEADER_FINAL_20261008 */
@media (max-width: 767px) {

    body:has(.guest-feed-surface) .guest-feed-description {
        display: none !important;
    }

    /*
     * Header artık ZORLA sabitlenmiyor.
     * page-home'un mevcut chrome-hidden sistemi çalışacak.
     */

    body:has(.guest-feed-surface) .guest-feed-header {
        display: contents !important;
        position: static !important;
    }

    /* inBook ekran merkezinde kalır */
    body:has(.guest-feed-surface) .mobile-header-logo {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        margin: 0 !important;
        transform: translate(-50%, -50%) !important;
    }

    /* Giriş Yap — mevcut ölçü korunuyor */
    body:has(.guest-feed-surface) .guest-mobile-login {
        margin-left: auto !important;
        padding: 6px 11px !important;
        min-height: 0 !important;
        line-height: 1.1 !important;
        opacity: .88 !important;
    }
}
/* END_GUEST_MOBILE_HEADER_FINAL_20261008 */


/* GUEST_MOBILE_QUOTE_LAYOUT_20261008 */

/* Keşfet sekmesi yalnız mobil guest görünümünde */
@media (min-width: 768px) {
    .home-center-surface.guest-feed-surface .guest-feed-tab-explore {
        display: none !important;
    }
}



@media (max-width: 767px) {

    /* Mobilde başlık alanı yok */
    body:has(.guest-feed-surface) .guest-feed-copy {
        display: none !important;
    }


    /* =====================================================
       TAB BAR
       ===================================================== */

    body:has(.guest-feed-surface)
    .home-center-surface.guest-feed-surface
    .guest-feed-tabs {

        position: sticky !important;

        top: calc(
            var(--m-header-h, 48px)
            + env(safe-area-inset-top, 0px)
            + 8px
        ) !important;

        z-index: 40 !important;

        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;

        gap: 24px !important;

        min-height: 46px !important;

        margin-top: 4px !important;
        margin-bottom: 0 !important;

        padding-left: 16px !important;
        padding-right: 16px !important;

        background: #ffffff !important;
        background-color: #ffffff !important;

        box-shadow: 0 -8px 0 #ffffff !important;

        overflow: visible !important;

        transition:
            transform .60s cubic-bezier(.2,.8,.2,1),
            margin-bottom .60s cubic-bezier(.2,.8,.2,1) !important;

        will-change: transform;
    }

    html.dark
    body:has(.guest-feed-surface)
    .home-center-surface.guest-feed-surface
    .guest-feed-tabs {
        background: #000000 !important;
        background-color: #000000 !important;
        box-shadow: 0 -8px 0 #000000 !important;
    }


    /*
     * Anasayfadaki davranış:
     * aşağı kaydırınca HEADER + TAB BAR tamamen yukarı gider.
     */
    html.chrome-hidden.page-home
    body:has(.guest-feed-surface)
    .home-center-surface.guest-feed-surface
    .guest-feed-tabs {
/* Guest sayfada belge geometrisi değişmeyecek. */

    }


    /* =====================================================
       SEKME YAZILARI
       ===================================================== */

    body:has(.guest-feed-surface)
    .guest-feed-tab {

        flex: 0 0 auto !important;

        min-height: 46px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        font-size: 17px !important;
    }

    body:has(.guest-feed-surface)
    .guest-feed-tab-explore {
        display: inline-flex !important;
    }


    /* =====================================================
       SEARCH FORM
       Flex'in GERÇEK parçası.
       Artık absolute değil → sekmelerin üstüne binemez.
       ===================================================== */

    body:has(.guest-feed-surface)
    .home-center-surface.guest-feed-surface
    .guest-feed-tabs
    .guest-quote-search {

        position: relative !important;

        top: auto !important;
        right: auto !important;
        left: auto !important;

        flex: 0 0 32px !important;

        width: 32px !important;
        max-width: none !important;

        height: 46px !important;
        min-height: 46px !important;

        display: flex !important;
        align-items: center !important;

        margin: 0 0 0 auto !important;

        transform: none !important;

        overflow: visible !important;

        transition:
            flex-basis .24s cubic-bezier(.2,.8,.2,1),
            width .24s cubic-bezier(.2,.8,.2,1) !important;
    }


    /*
     * Açılınca SADECE sekmelerden sonra kalan alanı kullanır.
     * Alıntılar / Akış / Keşfet üzerine gelemez.
     */
    body:has(.guest-feed-surface)
    .home-center-surface.guest-feed-surface
    .guest-feed-tabs
    .guest-quote-search.is-open {

        flex: 1 1 0 !important;

        width: auto !important;
        min-width: 0 !important;

        margin-left: 0 !important;
    }


    /* Eski input içindeki sol SVG mobilde yok */
    body:has(.guest-feed-surface)
    .guest-quote-search > .guest-quote-search-icon {
        display: none !important;
    }


    /* =====================================================
       SAĞDAKİ ARAMA İKONU
       Tab yazılarının TAM düşey merkezinde.
       ===================================================== */

    body:has(.guest-feed-surface)
    .guest-quote-search-toggle {

        position: absolute !important;

        top: 50% !important;
        right: 0 !important;

        width: 32px !important;
        height: 32px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 0 !important;
        margin: 0 !important;

        border: 0 !important;
        border-radius: 9999px !important;

        background: transparent !important;

        color: #687382 !important;

        transform: translateY(-50%) !important;

        cursor: pointer !important;

        z-index: 3 !important;
    }

    body:has(.guest-feed-surface)
    .guest-quote-search-toggle svg {
        display: block !important;
        width: 18px !important;
        height: 18px !important;
    }

    html.dark
    body:has(.guest-feed-surface)
    .guest-quote-search-toggle {
        color: #929ba8 !important;
    }


    /* =====================================================
       INPUT
       ===================================================== */

    body:has(.guest-feed-surface)
    .guest-feed-tabs
    .guest-quote-search input[type="search"] {

        width: 100% !important;

        height: 29.5px !important;
        min-height: 29.5px !important;

        padding:
            0
            38px
            0
            11px !important;

        font-size: 16px !important;

        border-radius: 9999px !important;

        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;

        border-color: transparent !important;
        background: transparent !important;
        box-shadow: none !important;

        transition:
            opacity .12s ease,
            border-color .12s ease,
            background-color .12s ease !important;
    }


    body:has(.guest-feed-surface)
    .guest-feed-tabs
    .guest-quote-search.is-open
    input[type="search"] {

        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        border-color: #dfe4ea !important;
        background: #f5f7f9 !important;
    }


    body:has(.guest-feed-surface)
    .guest-feed-tabs
    .guest-quote-search.is-open
    input[type="search"]:focus {

        background: #ffffff !important;
        border-color: #9aa5b1 !important;
        box-shadow: 0 0 0 1px #9aa5b1 !important;
    }


    html.dark
    body:has(.guest-feed-surface)
    .guest-feed-tabs
    .guest-quote-search.is-open
    input[type="search"] {

        color: #f3f4f6 !important;
        background: rgba(255,255,255,.055) !important;
        border-color: rgba(255,255,255,.10) !important;
    }


    html.dark
    body:has(.guest-feed-surface)
    .guest-feed-tabs
    .guest-quote-search.is-open
    input[type="search"]:focus {

        background: rgba(255,255,255,.075) !important;
        border-color: rgba(255,255,255,.25) !important;
        box-shadow: 0 0 0 1px rgba(255,255,255,.16) !important;
    }


    body:has(.guest-feed-surface)
    .guest-quote-search-spinner {
        right: 36px !important;
    }


    /* Seçili çizginin altındaki mevcut boşluk korunur */
    body:has(.guest-feed-surface)
    .home-center-surface.guest-feed-surface
    #feedContainer {
        padding-top: 10px !important;
    }
}

    /* GUEST_SEARCH_OPEN_TABS_20261009 */

    /*
     * Arama açıkken:
     * Alıntılar KALIR.
     * Akış + Keşfet gizlenir.
     */
    body:has(.guest-feed-surface)
    .guest-feed-tabs:has(.guest-quote-search.is-open)
    .guest-feed-tab:nth-of-type(2),

    body:has(.guest-feed-surface)
    .guest-feed-tabs:has(.guest-quote-search.is-open)
    .guest-feed-tab-explore {
        display: none !important;
    }

    /*
     * Boşalan alanı input kullanır.
     * Alıntılar'ın hemen yanından başlayıp sağa kadar gider.
     */
    body:has(.guest-feed-surface)
    .guest-feed-tabs:has(.guest-quote-search.is-open)
    .guest-quote-search {
        flex: 1 1 0 !important;
        width: auto !important;
        min-width: 0 !important;
        margin-left: 0 !important;
    }

    /*
     * Input caret:
     * dev siyah çizgi yerine normal metin yüksekliğinde,
     * arayüzün gri tonunda.
     */
    body:has(.guest-feed-surface)
    .guest-feed-tabs
    .guest-quote-search input[type="search"] {
        line-height: 16px !important;
        caret-color: #687382 !important;
    }

    html.dark
    body:has(.guest-feed-surface)
    .guest-feed-tabs
    .guest-quote-search input[type="search"] {
        caret-color: #929ba8 !important;
    }

    /* END_GUEST_SEARCH_OPEN_TABS_20261009 */

/* END_GUEST_MOBILE_QUOTE_LAYOUT_20261008 */

/* GUEST_QUOTE_SEARCH_EMPTY_20261009 */
.guest-feed-surface .guest-quote-search-empty-title {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}


/* GUEST_SIZE_OZEL_MENU_20261009 */
@media (max-width: 767px) {

    .home-center-surface.guest-feed-surface .guest-feed-more {
        position: relative;
        flex: 0 0 auto;
        align-self: stretch;
        display: flex;
        align-items: stretch;
    }

    .home-center-surface.guest-feed-surface .guest-feed-more-toggle {
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        border-left: 0 !important;
        border-right: 0 !important;
        border-top: 0 !important;

        background: transparent !important;
        font-family: inherit !important;
        cursor: pointer;
    }

    .home-center-surface.guest-feed-surface .guest-feed-more-chevron {
        width: 15px;
        height: 15px;
        flex: 0 0 15px;
    }

    .home-center-surface.guest-feed-surface .guest-feed-more-menu {
        position: absolute;

        /* Size Özel'den kopuk görünmesin */
        top: calc(100% - 6px);
        left: 0;

        width: 145px;
        padding: 5px;

        /* Glass */
        background: rgba(255,255,255,.62);
        border: 1px solid rgba(255,255,255,.72);
        border-radius: 12px;

        -webkit-backdrop-filter: blur(16px) saturate(140%);
        backdrop-filter: blur(16px) saturate(140%);

        box-shadow:
            0 8px 24px rgba(15,20,25,.10),
            inset 0 1px 0 rgba(255,255,255,.55);

        z-index: 90;
    }

    .home-center-surface.guest-feed-surface
    .guest-feed-more-menu[hidden] {
        display: none !important;
    }

    .home-center-surface.guest-feed-surface
    .guest-feed-more-menu a {
        display: flex;
        align-items: center;
        gap: 9px;

        padding: 8px 10px;
        border-radius: 8px;

        color: #111827;
        text-decoration: none;

        font-size: 14px;
        font-weight: 500;
        line-height: 1.2;
    }

    .home-center-surface.guest-feed-surface
    .guest-feed-more-item-icon {
        width: 17px;
        height: 17px;
        flex: 0 0 17px;
        color: #667085;
    }

    .home-center-surface.guest-feed-surface
    .guest-feed-more-menu a:active {
        background: #f2f4f6;
    }

    html.dark
    .home-center-surface.guest-feed-surface
    .guest-feed-more-menu {
        background: rgba(18,18,18,.68);
        border-color: rgba(255,255,255,.13);
        box-shadow:
            0 8px 24px rgba(0,0,0,.28),
            inset 0 1px 0 rgba(255,255,255,.06);
    }

    html.dark
    .home-center-surface.guest-feed-surface
    .guest-feed-more-item-icon {
        color: #9aa3af;
    }

    html.dark
    .home-center-surface.guest-feed-surface
    .guest-feed-more-menu a {
        color: #f3f4f6;
    }

    html.dark
    .home-center-surface.guest-feed-surface
    .guest-feed-more-menu a:active {
        background: rgba(255,255,255,.07);
    }

    /*
     * Arama açılınca:
     * Alıntılar kalır.
     * Akış + Size Özel kaybolur.
     * Mevcut input boşalan alanı kullanır.
     */
    body:has(.guest-feed-surface)
    .guest-feed-tabs:has(.guest-quote-search.is-open)
    .guest-feed-more {
        display: none !important;
    }
}
/* END_GUEST_SIZE_OZEL_MENU_20261009 */




/* =========================================================
   GUEST_CHROME_AND_DESKTOP_MENU_FINAL_20261009
   YALNIZ giriş yapmamış Home / Alıntılar.
   ========================================================= */


/* ---------------------------------------------------------
   MASAÜSTÜ — Size Özel oku
   --------------------------------------------------------- */
@media (min-width: 768px) {

    .home-center-surface.guest-feed-surface
    .guest-feed-more-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;

        background: transparent !important;
        font-family: inherit !important;
        cursor: pointer;
    }

    .home-center-surface.guest-feed-surface
    .guest-feed-more-chevron {
        display: block !important;

        width: 15px !important;
        height: 15px !important;
        min-width: 15px !important;
        min-height: 15px !important;

        flex: 0 0 15px !important;

        transition: transform .16s ease;
    }

    .home-center-surface.guest-feed-surface
    .guest-feed-more-toggle[aria-expanded="true"]
    .guest-feed-more-chevron {
        transform: rotate(180deg);
    }
}


/* ---------------------------------------------------------
   MASAÜSTÜ — body'ye taşınan gerçek dropdown
   Hiçbir parent overflow tarafından kesilemez.
   --------------------------------------------------------- */
.guest-feed-more-menu.is-desktop-floating {
    position: fixed !important;

    min-width: 180px !important;

    padding: 6px !important;

    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;

    background: #ffffff !important;
    color: #111827 !important;

    box-shadow: 0 10px 30px rgba(15,23,42,.14) !important;

    z-index: 10000 !important;

    box-sizing: border-box !important;
}

.guest-feed-more-menu.is-desktop-floating > a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;

    width: 100% !important;
    box-sizing: border-box !important;

    padding: 9px 10px !important;

    border-radius: 9px !important;

    background: transparent !important;
    color: inherit !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;

    text-decoration: none !important;
}

.guest-feed-more-menu.is-desktop-floating > a:hover {
    background: #f3f4f6 !important;
}

.guest-feed-more-menu.is-desktop-floating
.guest-feed-more-item-icon {
    display: block !important;

    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;

    flex: 0 0 18px !important;
}

html.dark .guest-feed-more-menu.is-desktop-floating {
    border-color: rgba(255,255,255,.14) !important;
    background: #000 !important;   /* #0f1115 yanlış siyahtı (SIYAH_20261026) */
    color: #f3f4f6 !important;
    box-shadow: 0 12px 34px rgba(0,0,0,.50) !important;
}

html.dark
.guest-feed-more-menu.is-desktop-floating > a:hover {
    background: rgba(255,255,255,.06) !important;
}


/* ---------------------------------------------------------
   MOBİL GUEST — boşluk bırakmadan chrome gizleme

   Eski bozuk kural hidden durumda margin-bottom:0 bırakıyordu.
   Burada yalnız chrome-hidden anında GERÇEK ölçülen yükseklik
   belge akışından kapanıyor.

   Transform / sticky / görünürlük davranışları DEĞİŞMİYOR.
   --------------------------------------------------------- */
@media (max-width: 767px) {

    html.page-home
    body:has(.guest-feed-surface)
    .mobile-header {
        margin-bottom: 0 !important;

        transition:
            transform .24s ease,
            margin-bottom .24s ease !important;
    }

    html.page-home
    body:has(.guest-feed-surface)
    .home-center-surface.guest-feed-surface
    .guest-feed-tabs {
        margin-bottom: 0 !important;

        transition:
            transform .24s ease,
            margin-bottom .24s ease !important;
    }


    /* Header görsel olarak çıkarken belge yüksekliği de kapanır. */
    html.chrome-hidden.page-home
    body:has(.guest-feed-surface)
    .mobile-header {

    }


    /* Akış 46px olabilir, Alıntılar daha yüksek olabilir.
       Sabit sayı yok: JS gerçek yüksekliği ölçüyor. */
    html.chrome-hidden.page-home
    body:has(.guest-feed-surface)
    .home-center-surface.guest-feed-surface
    .guest-feed-tabs {

    }
}




/* =========================================================
   GUEST_MOBILE_NO_SCROLL_FEEDBACK_20261010

   Misafir mobilde header + tab gizlenirken belge geometrisini
   değiştirme. Boşalan alanı yalnız feed transform ile doldur.

   Böylece:
   - üstte boşluk kalmaz
   - scrollY kendi kendine değişmez
   - yukarı scroll headerı açtıktan sonra sistem yanlışlıkla
     tekrar "aşağı scroll" algılamaz
   ========================================================= */
@media (max-width: 767px) {

    /* Generic Home negatif margin davranışını guest'te kesin kapat. */
    html.page-home
    body:has(.guest-feed-surface)
    .mobile-header,
    html.chrome-hidden.page-home
    body:has(.guest-feed-surface)
    .mobile-header {

    }

    html.page-home
    body:has(.guest-feed-surface)
    .home-center-surface.guest-feed-surface
    .guest-feed-tabs,
    html.chrome-hidden.page-home
    body:has(.guest-feed-surface)
    .home-center-surface.guest-feed-surface
    .guest-feed-tabs {

    }


    /* Feed normal durumda yerinde. */
    html.page-home
    body:has(.guest-feed-surface)
    .home-center-surface.guest-feed-surface
    #feedContainer {
        transform: translateY(0) !important;

        transition:
            transform .24s ease !important;

        will-change: transform;
    }


    /* Header + tab görsel olarak çıktığında oluşacak alanı
       feed görsel olarak doldurur.
       Belge yüksekliği / scrollY DEĞİŞMEZ. */
    html.chrome-hidden.page-home
    body:has(.guest-feed-surface)
    .home-center-surface.guest-feed-surface
    #feedContainer {

    }
}

/* INBOOK_PRIMARY_TAB_TYPOGRAPHY_20261012
   =========================================================
   TÜM ANA SEKME YAZILARI = ANA SAYFA REFERANSI

   Masaüstü:
     13.5px / 600 / line-height 1
     aktif: 700

   Mobil:
     13px / 600 / line-height 1
     aktif: 700

   Yalnız tipografi.
   Yükseklik / sticky / zemin / çizgi / spacing değişmez.
   ========================================================= */


/* NORMAL SEKME */
.home-center-surface .home-tab,
.page-tabs .page-tab,
.profile-center-surface .profile-tab-label,
.reviews-center-surface .rev-filter-bar .rev-tab {

    font-family: inherit !important;

    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    letter-spacing: normal !important;
}


/* AKTİF SEKME */
.home-center-surface .home-tab.is-active,

.page-tabs .page-tab.is-active,
.page-tabs .page-tab.active,

.profile-center-surface .profile-tab-label.active-tab,
.profile-center-surface .profile-tab-label.active,
.profile-center-surface .profile-tab-label.is-active,

.reviews-center-surface .rev-filter-bar .rev-tab.active,
.reviews-center-surface .rev-filter-bar .rev-tab.is-active {

    font-weight: 700 !important;
}


/* MOBİL — ANA SAYFANIN 13PX REFERANSI */
@media (max-width: 767px) {

    .home-center-surface .home-tab,
    .page-tabs .page-tab,
    .profile-center-surface .profile-tab-label,
    .reviews-center-surface .rev-filter-bar .rev-tab {

        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
    }


    .home-center-surface .home-tab.is-active,

    .page-tabs .page-tab.is-active,
    .page-tabs .page-tab.active,

    .profile-center-surface .profile-tab-label.active-tab,
    .profile-center-surface .profile-tab-label.active,
    .profile-center-surface .profile-tab-label.is-active,

    .reviews-center-surface .rev-filter-bar .rev-tab.active,
    .reviews-center-surface .rev-filter-bar .rev-tab.is-active {

        font-weight: 700 !important;
    }
}

/* END_INBOOK_PRIMARY_TAB_TYPOGRAPHY_20261012 */


/* PROFILE_TAB_HEIGHT_UNIFIED_20261012
   Profil ana sekme barı = site genelindeki 52px standart. */

.profile-center-surface .profile-tabs {
    min-height: 52px !important;
    height: 52px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    align-items: stretch !important;
}

.profile-center-surface .profile-tab-label {
    min-height: 52px !important;
    height: 52px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    box-sizing: border-box !important;
}

/* END_PROFILE_TAB_HEIGHT_UNIFIED_20261012 */

/* ENTITY_QUOTE_NOTE_DESKTOP_FIX_20261014
   Kitap / Yazar / Tür masaüstü:
   global 12px alıntı-notu boşluğunu entity sayfalarında sıkılaştır. */
@media (min-width: 641px) {
    .entity-center-surface
    .post-card.is-quote
    > .flex
    > .flex-1
    > .flex.items-start
    + .quote-optional-text {
        margin-top: 4px !important;
    }
}

/* =========================================================
   POST_CARD_RADIUS_TRIAL_20261015
   ---------------------------------------------------------
   GERİ ALINABİLİR GÖRSEL DENEME.

   - PANEL = sayfa arka planı
   - üst gönderi formu + tab = beyaz
   - gönderi/değerlendirme kartları = beyaz + radius
   - PANEL scroll/sticky/reveal sistemi değişmez
   ========================================================= */


/* PANEL: SAYFA ARKA PLANIYLA AYNI */
.home-center-surface,
.profile-center-surface,
.reviews-center-surface,
.entity-center-surface,
.saved-center-surface,
.pd-center-surface {
    background: transparent !important;
    background-color: transparent !important;

    border-left: 0 !important;
    border-right: 0 !important;

    box-shadow: none !important;
}


/* SADECE ANA SAYFANIN ÜST FORM ALANI + TAB BEYAZ */
.home-center-surface .home-hero,
.home-center-surface .home-post-form-shell,
.home-center-surface .home-tabs {
    background: #ffffff !important;
    background-color: #ffffff !important;
}


/* GÖNDERİ / DEĞERLENDİRME KARTLARI */
.post-card,
.rev-card,
.home-center-surface #feedContainer > article.post-card,
.home-center-surface #feedContainer > .rev-card,
.profile-center-surface #feedContainer > article.post-card,
.profile-center-surface #feedContainer.profile-post-feed > article.post-card,
.profile-center-surface .profile-post-list > article.post-card,
.profile-center-surface .profile-post-list > .rev-card,
.entity-center-surface .post-card,
.reviews-center-surface #revContent > .rev-card {

    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 5px !important;

    border: 0 !important;
    border-bottom: 0 !important;

    border-radius: 18px !important;

    background: #ffffff !important;
    background-color: #ffffff !important;

    box-shadow: none !important;
    transition: none !important;
}


/* HOVER'DA KART BEYAZ KALIR */
@media (hover: hover) {

    .post-card:hover,
    .rev-card:hover,
    .home-center-surface #feedContainer > article.post-card:hover,
    .profile-center-surface .post-card:hover,
    .entity-center-surface .post-card:hover {

        background: #ffffff !important;
        background-color: #ffffff !important;

        border-radius: 18px !important;
        box-shadow: none !important;
    }
}


/* MOBİL: PANEL'E DAHA DA YAKIN */
@media (max-width: 767px) {

    .post-card,
    .rev-card,
    .home-center-surface #feedContainer > article.post-card,
    .home-center-surface #feedContainer > .rev-card,
    .profile-center-surface #feedContainer > article.post-card,
    .profile-center-surface #feedContainer.profile-post-feed > article.post-card,
    .profile-center-surface .profile-post-list > article.post-card,
    .profile-center-surface .profile-post-list > .rev-card,
    .entity-center-surface .post-card,
    .reviews-center-surface #revContent > .rev-card {

        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 5px !important;

        border-radius: 18px !important;
    }
}


/* DARK MODE: MEVCUT PANEL RENK SİSTEMİNE DOKUNMA */
html.dark .home-center-surface,
html.dark .profile-center-surface,
html.dark .reviews-center-surface,
html.dark .entity-center-surface,
html.dark .saved-center-surface,
html.dark .pd-center-surface,
html.dark .home-center-surface .home-hero,
html.dark .home-center-surface .home-post-form-shell,
html.dark .home-center-surface .home-tabs,
html.dark .post-card,
html.dark .rev-card {
    background-color: revert-layer;
}




/* =========================================================
   WHITE_UPPER_SURFACES_20261016
   ---------------------------------------------------------
   Light mode:
   Profil / Değerlendirme / Entity üst yüzeyleri BEYAZ.
   Feed zemini transparent kalır; radiuslu kart kontrastı korunur.
   ========================================================= */

html:not(.dark)
.profile-center-surface
.profile-hero-card,

html:not(.dark)
.reviews-center-surface
> .page-hero,

html:not(.dark)
.entity-center-surface
> .page-hero {
    background: #ffffff !important;
    background-color: #ffffff !important;
}


/* END_WHITE_UPPER_SURFACES_20261016 */



/* =========================================================
   SECONDARY_PAGE_SURFACE_SPACING_20261016
   ---------------------------------------------------------
   Profil ve ana sayfa DOKUNULMAZ.

   - Kitap entity sosyal üst bölümü beyaz
   - Entity tab -> ilk kart: küçük nefes
   - Değerlendirmeler tab -> ilk kart: küçük nefes
   - Kaydedilenler eski 24px boşluğu küçültülür
   - Kaydedilenler tabı biraz kompaktlaştırılır
   ========================================================= */


/* ---------------------------------------------------------
   1) BOOK ENTITY:
   Hero'dan sonra gelen Okurlar / kulüpler / sosyal alan
   gri panel gibi görünmesin; üst beyaz yüzeyin devamı olsun.
   --------------------------------------------------------- */

html:not(.dark)
.entity-center-surface
> .book-community {
    background: #ffffff !important;
    background-color: #ffffff !important;
}


/* ---------------------------------------------------------
   2) ENTITY:
   Tab bar ile ilk gönderi/değerlendirme kartı yapışmasın.
   Book / Author / Genre kapsamı.
   --------------------------------------------------------- */

.entity-center-surface
.book-tabs
+ .entity-feed,

.entity-center-surface
.page-tabs
+ .entity-feed {
    padding-top: 6px !important;
}


/* ---------------------------------------------------------
   3) DEĞERLENDİRMELER:
   Filtre tabı ile ilk değerlendirme kartı.
   --------------------------------------------------------- */

.reviews-center-surface
.rev-filter-bar
+ #feedContainer {
    padding-top: 6px !important;
}


/* ---------------------------------------------------------
   4) KAYDEDİLENLER:
   Eski 24px boşluk artık radiuslu kart sisteminde fazla.
   --------------------------------------------------------- */

.saved-center-surface
.saved-post-list,

.saved-center-surface
.saved-comment-list {
    padding-top: 6px !important;
}


/* Kaydedilenler sekmesi diğer ana tablardan biraz daha kompakt. */
.saved-center-surface
.saved-tabs {
    min-height: 40px !important;
}

.saved-center-surface
.saved-tab {
    min-height: 40px !important;

    font-size: 16px !important;
}


/* END_SECONDARY_PAGE_SURFACE_SPACING_20261016 */


/* HOME_PROFILE_TAB_CARD_SPACING_20261016 */
.home-center-surface .home-tabs + #feedContainer,
.profile-center-surface #feedContainer,
.profile-center-surface #feedContainer.profile-post-feed,
.profile-center-surface .profile-post-list {
    margin-top: 0 !important;
    padding-top: 6px !important;
}
/* END_HOME_PROFILE_TAB_CARD_SPACING_20261016 */





/* TAB_INWARD_EDGE_20261016 */
.stories-shell > .page-tabs,
.my-stories-shell > .page-tabs,
.home-center-surface .home-tabs,
.home-center-surface.guest-feed-surface .guest-feed-tabs,
.profile-center-surface .profile-tabs,
.entity-center-surface :is(.book-tabs, .page-tabs):has(+ .entity-feed),
.reviews-center-surface .rev-filter-bar,
.saved-center-surface .saved-tabs {
    --tab-inward-radius: 10px;

    border-radius: 0 !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
    background-clip: border-box !important;

    border-image-source: radial-gradient(
        ellipse 50% 100% at 50% 100%,
        transparent 97%,
        var(--dp-panel-bg, #ffffff) 100%
    ) !important;

    border-image-slice: 0 50% 100% 50% !important;
    border-image-width:
        0
        var(--tab-inward-radius)
        var(--tab-inward-radius)
        var(--tab-inward-radius) !important;
    border-image-outset: 0 0 var(--tab-inward-radius) !important;
    border-image-repeat: stretch !important;
}
/* END_TAB_INWARD_EDGE_20261016 */


/* STORIES_PANEL_SYSTEM_20261016 */

/* Orta alan: diğer sayfalarla aynı zemin. */
.stories-shell,
[class*="-center-surface"]:has(.stories-shell) {
    background: transparent !important;
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
}

.stories-shell {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Başlık ve banner: üst beyaz panel. */
.stories-shell > .stories-hero-surface {
    margin: 0 !important;
    background: var(--dp-panel-bg, #ffffff) !important;
    border: 0 !important;
    border-radius:
        var(--dp-panel-radius, 20px)
        var(--dp-panel-radius, 20px)
        0 0 !important;
    box-shadow: none !important;
}

/* Sekmeler: üst panelle aynı genişlik ve yüzey. */
.stories-shell > .page-tabs {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: auto !important;
    background: var(--dp-panel-bg, #ffffff) !important;
}

/* Filtreler: sekmelerden ayrı bir satır. */
.stories-shell > .stories-filters-row {
    margin: 0 !important;
    padding: 0 24px 12px !important;
    background: var(--dp-panel-bg, #ffffff) !important;
}

/* İçerik panelleri: tam genişlik, yakın aralık. */
.stories-shell > .stories-section {
    margin: 0 0 5px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: var(--dp-panel-bg, #ffffff) !important;
    box-shadow: none !important;
}

@media (max-width: 767px) {
    .stories-shell > .stories-hero-surface {
        border-radius: 0 !important;
    }

    .stories-shell > .stories-filters-row {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}


/* STORIES_PANEL_TOP_GAP_20261016 */
@media (min-width: 768px) {
    .stories-shell {
        margin-top: var(--dp-panel-gap, 14px) !important;
    }
}


/* STORIES_FILTERS_BEFORE_TABS_20261016 */
.stories-shell > .page-tabs + .stories-section {
    margin-top: 6px !important;
}
/* END_STORIES_FILTERS_BEFORE_TABS_20261016 */

/* END_STORIES_PANEL_SYSTEM_20261016 */


/* STORY_DETAIL_PANEL_SYSTEM_20261016 */
.story-shell {
    --story-panel-inset: 20px;
    padding: 0 0 72px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.story-shell > .story-top-panel {
    margin: 0 0 5px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: var(--dp-panel-radius, 20px) !important;
    background: var(--dp-panel-bg, #ffffff) !important;
    box-shadow: none !important;
}

.story-shell > .story-top-panel > .story-head {
    margin: 0 !important;
    padding: 14px var(--story-panel-inset) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--dp-row-line, #eceff3) !important;
    background: transparent !important;
    box-shadow: none !important;
}

.story-shell > .story-top-panel > .story-hero {
    margin: 0 !important;
    padding: 20px var(--story-panel-inset) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.story-shell > .story-section,
.story-shell > .story-resume {
    margin: 0 0 5px !important;
    padding: 16px var(--story-panel-inset) !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: var(--dp-panel-bg, #ffffff) !important;
    box-shadow: none !important;
}

.story-shell > .story-section > .story-section-head {
    margin: 0 0 10px !important;
    padding: 0 !important;
}

.story-shell .story-info-body {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.story-shell .story-chapter-list {
    gap: 0 !important;
}

.story-shell .story-chapter-row {
    padding: 12px 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.story-shell .story-character-card {
    padding: 11px 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.story-shell .story-empty {
    padding: 20px 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

@media (min-width: 768px) {
    .story-shell {
        margin-top: var(--dp-panel-gap, 14px) !important;
    }
}

@media (max-width: 767px) {
    .story-shell {
        --story-panel-inset: 14px;
        margin-top: 0 !important;
        padding-bottom: 60px !important;
    }

    .story-shell > .story-top-panel {
        border-radius: 0 !important;
    }

    .story-shell > .story-top-panel > .story-hero {
        padding: 14px var(--story-panel-inset) !important;
    }
}
/* END_STORY_DETAIL_PANEL_SYSTEM_20261016 */


/* STORY_READER_PANEL_SYSTEM_20261016 */

html:not(.rdr-focus-on):not(.bk-on) .rdr-shell {
    --rdr-panel-inset: 24px;
    padding: 0 0 72px !important;
    background: transparent !important;
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
}

html:not(.rdr-focus-on):not(.bk-on) .rdr-shell > .rdr {
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: var(--dp-panel-gap, 14px) 0 0 !important;
}

html:not(.rdr-focus-on):not(.bk-on) .rdr-shell > .rdr > .rdr-tools {
    box-sizing: border-box;
    width: 100% !important;
    margin: 0 0 5px !important;
    padding: 8px 12px !important;
    justify-content: flex-start !important;
    overflow-x: auto;
    scrollbar-width: none;
    border: 0 !important;
    border-radius: var(--dp-panel-radius, 20px) !important;
    background: var(--dp-panel-bg, #ffffff) !important;
    box-shadow: none !important;
}

html:not(.rdr-focus-on):not(.bk-on) .rdr-shell > .rdr > .rdr-tools::-webkit-scrollbar {
    display: none;
}

html:not(.rdr-focus-on):not(.bk-on) .rdr-shell > .rdr > .rdr-tools > * {
    flex-shrink: 0;
}

html:not(.rdr-focus-on):not(.bk-on) .rdr-shell > .rdr > .rdr-tools > :first-child {
    margin-left: auto;
}

html:not(.rdr-focus-on):not(.bk-on) .rdr-shell > .rdr > .rdr-panel {
    box-sizing: border-box;
    margin: 0 0 5px !important;
    padding-left: var(--rdr-panel-inset) !important;
    padding-right: var(--rdr-panel-inset) !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: var(--dp-panel-bg, #ffffff) !important;
    box-shadow: none !important;
}

html:not(.rdr-focus-on):not(.bk-on) .rdr-shell > .rdr > .rdr-read {
    border-radius: var(--dp-panel-radius, 20px) !important;
}

/* Genişlik tercihi metin alanının ölçüsünü belirlemeye devam eder. */
html:not(.rdr-focus-on):not(.bk-on) .rdr-shell > .rdr > .rdr-read > :is(.rdr-head, .rdr-body, .rdr-actions) {
    box-sizing: border-box;
    width: 100%;
    max-width: calc(
        var(--rdr-measure, 720px)
        - var(--rdr-panel-inset)
        - var(--rdr-panel-inset)
    );
    margin-left: auto;
    margin-right: auto;
}

html:not(.rdr-focus-on):not(.bk-on) .rdr-shell > .rdr > .rdr-nav {
    margin: 0 0 5px !important;
}

@media (max-width: 767px) {
    html:not(.rdr-focus-on):not(.bk-on) .rdr-shell {
        --rdr-panel-inset: 16px;
        padding-bottom: 48px !important;
    }

    html:not(.rdr-focus-on):not(.bk-on) .rdr-shell > .rdr {
        padding-top: 0 !important;
    }

    html:not(.rdr-focus-on):not(.bk-on) .rdr-shell > .rdr > .rdr-tools {
        border-radius: 0 !important;
    }
}

/* END_STORY_READER_PANEL_SYSTEM_20261016 */


/* POST_CARD_MOBILE_DARK_MEDIA_20261016 */
:root {
    --dp-post-card-bg: #ffffff;
    --dp-post-card-canvas: var(--dp-page-bg, #e9edf2);
}
html.dark {
    --dp-post-card-bg: #111111;
    --dp-post-card-canvas: #000000;
}

html:root .home-center-surface,
html:root .profile-center-surface,
html:root .entity-center-surface,
html:root .reviews-center-surface,
html:root .saved-center-surface,
html:root .pd-center-surface,
html:root.dark .home-center-surface,
html:root.dark .profile-center-surface,
html:root.dark .entity-center-surface,
html:root.dark .reviews-center-surface,
html:root.dark .saved-center-surface,
html:root.dark .pd-center-surface {

    background: var(--dp-post-card-canvas) !important;
    background-color: var(--dp-post-card-canvas) !important;
    box-shadow: none !important;

}

html:root .home-center-surface #feedContainer,
html:root .profile-center-surface #feedContainer,
html:root .profile-center-surface .profile-post-list,
html:root .entity-center-surface .entity-feed,
html:root .reviews-center-surface #revContent,
html:root :is(.home-center-surface, .profile-center-surface, .entity-center-surface, .reviews-center-surface, .saved-center-surface, .pd-center-surface) :not(.post-card):not(.rev-card):has(> .post-card, > .rev-card),
html:root.dark .home-center-surface #feedContainer,
html:root.dark .profile-center-surface #feedContainer,
html:root.dark .profile-center-surface .profile-post-list,
html:root.dark .entity-center-surface .entity-feed,
html:root.dark .reviews-center-surface #revContent,
html:root.dark :is(.home-center-surface, .profile-center-surface, .entity-center-surface, .reviews-center-surface, .saved-center-surface, .pd-center-surface) :not(.post-card):not(.rev-card):has(> .post-card, > .rev-card) {

    background: transparent !important;
    background-color: transparent !important;

}

html:root .post-card,
html:root .post-card:hover,
html:root .post-card:active,
html:root .rev-card,
html:root .rev-card:hover,
html:root .rev-card:active,
html:root .home-center-surface #feedContainer > article.post-card,
html:root .home-center-surface #feedContainer > article.post-card:hover,
html:root .home-center-surface #feedContainer > article.post-card:active,
html:root .home-center-surface #feedContainer > .rev-card,
html:root .home-center-surface #feedContainer > .rev-card:hover,
html:root .home-center-surface #feedContainer > .rev-card:active,
html:root .profile-center-surface #feedContainer > article.post-card,
html:root .profile-center-surface #feedContainer > article.post-card:hover,
html:root .profile-center-surface #feedContainer > article.post-card:active,
html:root .profile-center-surface #feedContainer.profile-post-feed > article.post-card,
html:root .profile-center-surface #feedContainer.profile-post-feed > article.post-card:hover,
html:root .profile-center-surface #feedContainer.profile-post-feed > article.post-card:active,
html:root .profile-center-surface .profile-post-list > article.post-card,
html:root .profile-center-surface .profile-post-list > article.post-card:hover,
html:root .profile-center-surface .profile-post-list > article.post-card:active,
html:root .profile-center-surface .profile-post-list > .rev-card,
html:root .profile-center-surface .profile-post-list > .rev-card:hover,
html:root .profile-center-surface .profile-post-list > .rev-card:active,
html:root .entity-center-surface .post-card,
html:root .entity-center-surface .post-card:hover,
html:root .entity-center-surface .post-card:active,
html:root .reviews-center-surface #revContent > .rev-card,
html:root .reviews-center-surface #revContent > .rev-card:hover,
html:root .reviews-center-surface #revContent > .rev-card:active,
html:root .saved-center-surface .post-card,
html:root .saved-center-surface .post-card:hover,
html:root .saved-center-surface .post-card:active,
html:root .saved-center-surface .rev-card,
html:root .saved-center-surface .rev-card:hover,
html:root .saved-center-surface .rev-card:active,
html:root.dark .post-card,
html:root.dark .post-card:hover,
html:root.dark .post-card:active,
html:root.dark .rev-card,
html:root.dark .rev-card:hover,
html:root.dark .rev-card:active,
html:root.dark .home-center-surface #feedContainer > article.post-card,
html:root.dark .home-center-surface #feedContainer > article.post-card:hover,
html:root.dark .home-center-surface #feedContainer > article.post-card:active,
html:root.dark .home-center-surface #feedContainer > .rev-card,
html:root.dark .home-center-surface #feedContainer > .rev-card:hover,
html:root.dark .home-center-surface #feedContainer > .rev-card:active,
html:root.dark .profile-center-surface #feedContainer > article.post-card,
html:root.dark .profile-center-surface #feedContainer > article.post-card:hover,
html:root.dark .profile-center-surface #feedContainer > article.post-card:active,
html:root.dark .profile-center-surface #feedContainer.profile-post-feed > article.post-card,
html:root.dark .profile-center-surface #feedContainer.profile-post-feed > article.post-card:hover,
html:root.dark .profile-center-surface #feedContainer.profile-post-feed > article.post-card:active,
html:root.dark .profile-center-surface .profile-post-list > article.post-card,
html:root.dark .profile-center-surface .profile-post-list > article.post-card:hover,
html:root.dark .profile-center-surface .profile-post-list > article.post-card:active,
html:root.dark .profile-center-surface .profile-post-list > .rev-card,
html:root.dark .profile-center-surface .profile-post-list > .rev-card:hover,
html:root.dark .profile-center-surface .profile-post-list > .rev-card:active,
html:root.dark .entity-center-surface .post-card,
html:root.dark .entity-center-surface .post-card:hover,
html:root.dark .entity-center-surface .post-card:active,
html:root.dark .reviews-center-surface #revContent > .rev-card,
html:root.dark .reviews-center-surface #revContent > .rev-card:hover,
html:root.dark .reviews-center-surface #revContent > .rev-card:active,
html:root.dark .saved-center-surface .post-card,
html:root.dark .saved-center-surface .post-card:hover,
html:root.dark .saved-center-surface .post-card:active,
html:root.dark .saved-center-surface .rev-card,
html:root.dark .saved-center-surface .rev-card:hover,
html:root.dark .saved-center-surface .rev-card:active {

    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 5px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: var(--dp-post-card-bg) !important;
    background-color: var(--dp-post-card-bg) !important;
    box-shadow: none !important;

}


@media (min-width: 768px) {
    html:root .post-card .post-media.n1:not(.is-quote) {
        min-height: 0 !important;
        max-height: min(520px, 65vh) !important;
        grid-template-rows: minmax(0, 1fr) !important;
    }

    html:root .post-card .post-media.n1:not(.is-quote) > .pm-item {
        min-height: 0 !important;
        height: 100% !important;
    }

    html:root .post-card .post-media.n1:not(.is-quote) > .pm-item img {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        object-fit: cover !important;
    }
}
/* END_POST_CARD_MOBILE_DARK_MEDIA_20261016 */


/* UPPER_PANEL_THEME_MOBILE_JOIN_20261017 */

html:root .page-hero,
html:root .home-center-surface .home-hero,
html:root .home-center-surface .home-post-form-shell,
html:root .home-center-surface.guest-feed-surface .guest-feed-header,
html:root .profile-center-surface .profile-hero-card,
html:root .reviews-center-surface > .page-hero,
html:root .entity-center-surface > .page-hero,
html:root .entity-center-surface > .book-community,
html:root .stories-shell > .stories-hero-surface,
html:root .stories-shell > .stories-filters-row,
html:root .story-shell > .story-top-panel,
html:root .page-tabs,
html:root .page-subbar,
html:root .home-center-surface .home-tabs,
html:root .profile-center-surface .profile-tabs,
html:root .reviews-center-surface .rev-filter-bar,
html:root .entity-center-surface .book-tabs,
html:root .saved-center-surface .saved-tabs,
html:root.dark .page-hero,
html:root.dark .home-center-surface .home-hero,
html:root.dark .home-center-surface .home-post-form-shell,
html:root.dark .home-center-surface.guest-feed-surface .guest-feed-header,
html:root.dark .profile-center-surface .profile-hero-card,
html:root.dark .reviews-center-surface > .page-hero,
html:root.dark .entity-center-surface > .page-hero,
html:root.dark .entity-center-surface > .book-community,
html:root.dark .stories-shell > .stories-hero-surface,
html:root.dark .stories-shell > .stories-filters-row,
html:root.dark .story-shell > .story-top-panel,
html:root.dark .page-tabs,
html:root.dark .page-subbar,
html:root.dark .home-center-surface .home-tabs,
html:root.dark .profile-center-surface .profile-tabs,
html:root.dark .reviews-center-surface .rev-filter-bar,
html:root.dark .entity-center-surface .book-tabs,
html:root.dark .saved-center-surface .saved-tabs {

    background: var(--dp-panel-bg, #ffffff) !important;
    background-color: var(--dp-panel-bg, #ffffff) !important;

}

@media (max-width: 767px) {

html:root [class*="-center-surface"],
html:root .stories-shell,
html:root .story-shell,
html:root.dark [class*="-center-surface"],
html:root.dark .stories-shell,
html:root.dark .story-shell {

    margin-top: 0 !important;

}

html:root .page-hero,
html:root .home-center-surface .home-hero,
html:root .home-center-surface.guest-feed-surface .guest-feed-header,
html:root .profile-center-surface .profile-hero-card,
html:root .stories-shell > .stories-hero-surface,
html:root .story-shell > .story-top-panel,
html:root.dark .page-hero,
html:root.dark .home-center-surface .home-hero,
html:root.dark .home-center-surface.guest-feed-surface .guest-feed-header,
html:root.dark .profile-center-surface .profile-hero-card,
html:root.dark .stories-shell > .stories-hero-surface,
html:root.dark .story-shell > .story-top-panel {

    margin-top: 0 !important;

}

}

/* END_UPPER_PANEL_THEME_MOBILE_JOIN_20261017 */


/* MOBILE_HEADER_PANEL_GAP_20261017 */
@media (max-width: 767px) {

    html:root body:has(> .mobile-header) > div[class~="max-w-[1280px]"],
    html:root body:has(> .mobile-header) > div[class~="max-w-[1280px]"] > main {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    html:root body:has(> .mobile-header) main :is(
        [class*="-center-surface"],
        .stories-shell,
        .story-shell
    ) {
        margin-top: 0 !important;
        padding-top: 0 !important;
        border-top: 0 !important;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }

    html:root body:has(> .mobile-header) main :is(
        .page-hero,
        .home-center-surface .home-hero,
        .home-center-surface.guest-feed-surface .guest-feed-header,
        .profile-center-surface .profile-hero-card,
        .stories-shell > .stories-hero-surface,
        .story-shell > .story-top-panel
    ) {
        margin-top: 0 !important;
        border-top: 0 !important;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }

    html:root body > .mobile-header {
        background: var(--dp-panel-bg, #ffffff) !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
    }

    html:root.dark body > .mobile-header {
        border-bottom: 0 !important;
    }

    /* MOBILE_HEADER_BORDERLESS_20261026 */
    html:root body:has(> .mobile-header) main
    .page-hero > .page-hero-sep {
        display: none !important;
    }

    html:root body:has(> .mobile-header) main
    .page-hero-head:not(:has(
        .page-hero-note, .reviews-stat-row,
        button, input, select, textarea,
        a[href]:not(
            .entity-title-line a,
            .tag-title-line a,
            .gl-title-line a,
            .pd-hero-left a,
            .page-hero-title a
        )
    )) {
        display: none !important;
    }
}
/* END_MOBILE_HEADER_PANEL_GAP_20261017 */


/* POST_DETAIL_SINGLE_PANEL_20261017 */

/* Tek dış yüzey. */
html:root .pd-center-surface,
html:root.dark .pd-center-surface {
    min-height: 0 !important;
    background: var(--dp-panel-bg, #ffffff) !important;
    border: 0 !important;
    border-radius: var(--dp-panel-radius, 20px) !important;
    box-shadow: none !important;
}

/* Başlık ile içerik arasındaki eski kart boşluğu. */
html:root .pd-center-surface .pd-page,
html:root.dark .pd-center-surface .pd-page {
    --pd-card-x: 0px;
    --pd-card-gap: 0px;
    --pd-card-radius: 0px;
    --pd-line: var(--dp-row-line, #eceff3);

    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Başlık dış panelin üst köşelerini takip eder. */
html:root .pd-center-surface .pd-hero,
html:root.dark .pd-center-surface .pd-hero {
    margin: 0 !important;
    border: 0 !important;
    border-radius: var(--dp-panel-radius, 20px)
                   var(--dp-panel-radius, 20px) 0 0 !important;
    background: var(--dp-panel-bg, #ffffff) !important;
    box-shadow: none !important;
}

/* İç bölümler ortak zemini kullanır.
   Gönderinin içine alıntılanmış kartlar bu kuralın dışında kalır. */
html:root .pd-center-surface .pd-page :is(
    .post-card, .rev-card, .pd-composer, .pd-comment, .pd-empty
):not(:where(.post-card *, .rev-card *)),
html:root.dark .pd-center-surface .pd-page :is(
    .post-card, .rev-card, .pd-composer, .pd-comment, .pd-empty
):not(:where(.post-card *, .rev-card *)) {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Bölümler arasında yalnızca ince ayırıcı. */
html:root .pd-center-surface .pd-page :is(
    .post-card, .rev-card, .pd-composer, .pd-comment
):not(:where(.post-card *, .rev-card *)),
html:root.dark .pd-center-surface .pd-page :is(
    .post-card, .rev-card, .pd-composer, .pd-comment
):not(:where(.post-card *, .rev-card *)) {
    border-bottom: 1px solid var(--dp-row-line, #eceff3) !important;
}

/* Mobil üst kenar header ile düz birleşir. */
@media (max-width: 767px) {
    html:root .pd-center-surface,
    html:root.dark .pd-center-surface {
        margin-top: 0 !important;
        padding-top: 0 !important;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }

    html:root .pd-center-surface .pd-hero,
    html:root.dark .pd-center-surface .pd-hero {
        border-radius: 0 !important;
    }
}

/* END_POST_DETAIL_SINGLE_PANEL_20261017 */


/* PHOTO_ONLY_HEADER_GAP_20261017 */

html:root .post-card:not(.is-quote) > .flex > .flex-1:has(> .post-media:not(.is-quote)):not(:has(> .post-main-text)) > .flex.items-start,
html:root .profile-center-surface #feedContainer.profile-post-feed > article.post-card:not(.is-quote) > .flex > .flex-1:has(> .post-media:not(.is-quote)):not(:has(> .post-main-text)) > .flex.items-start,
html:root.dark .post-card:not(.is-quote) > .flex > .flex-1:has(> .post-media:not(.is-quote)):not(:has(> .post-main-text)) > .flex.items-start,
html:root.dark .profile-center-surface #feedContainer.profile-post-feed > article.post-card:not(.is-quote) > .flex > .flex-1:has(> .post-media:not(.is-quote)):not(:has(> .post-main-text)) > .flex.items-start {
    margin-bottom: 0 !important;
}

html:root .post-card:not(.is-quote) > .flex > .flex-1:has(> .post-media:not(.is-quote)):not(:has(> .post-main-text)) > .post-media:not(.is-quote),
html:root .profile-center-surface #feedContainer.profile-post-feed > article.post-card:not(.is-quote) > .flex > .flex-1:has(> .post-media:not(.is-quote)):not(:has(> .post-main-text)) > .post-media:not(.is-quote),
html:root.dark .post-card:not(.is-quote) > .flex > .flex-1:has(> .post-media:not(.is-quote)):not(:has(> .post-main-text)) > .post-media:not(.is-quote),
html:root.dark .profile-center-surface #feedContainer.profile-post-feed > article.post-card:not(.is-quote) > .flex > .flex-1:has(> .post-media:not(.is-quote)):not(:has(> .post-main-text)) > .post-media:not(.is-quote) {
    margin-top: 6px !important;
}

/* END_PHOTO_ONLY_HEADER_GAP_20261017 */


/* POST_CONTENT_TOP_SPACING_20261019 */
html:root .post-card:not(.is-quote) > .flex > .flex-1 > .flex.items-start + .post-main-text,
html:root .profile-center-surface #feedContainer.profile-post-feed > article.post-card:not(.is-quote) > .flex > .flex-1 > .flex.items-start + .post-main-text,
html:root.dark .post-card:not(.is-quote) > .flex > .flex-1 > .flex.items-start + .post-main-text,
html:root.dark .profile-center-surface #feedContainer.profile-post-feed > article.post-card:not(.is-quote) > .flex > .flex-1 > .flex.items-start + .post-main-text {
    margin-top: 0 !important;
}
/* END_POST_CONTENT_TOP_SPACING_20261019 */


/* MOBILE_POST_CARD_BOTTOM_SPACE_20261019 */
@media (max-width: 767px) {
html:root .post-card:has(> .flex > .flex-1 > .post-actions),
html:root .profile-center-surface #feedContainer.profile-post-feed > article.post-card:has(> .flex > .flex-1 > .post-actions),
html:root.dark .post-card:has(> .flex > .flex-1 > .post-actions),
html:root.dark .profile-center-surface #feedContainer.profile-post-feed > article.post-card:has(> .flex > .flex-1 > .post-actions) {
    padding-bottom: 10px !important;
}
}
/* END_MOBILE_POST_CARD_BOTTOM_SPACE_20261019 */



/* GUEST_PANEL_TABS_SEARCH_20261019 */

html:root body:has(.guest-feed-surface) .home-center-surface.guest-feed-surface .guest-feed-tabs {
    --guest-panel-tab-h: 48px;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: var(--guest-panel-tab-h) !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    background: var(--dp-panel-bg, #ffffff) !important;
}

html:root body:has(.guest-feed-surface) .home-center-surface.guest-feed-surface .guest-feed-tabs:has(> .guest-quote-search) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) 32px !important;
}

html:root body:has(.guest-feed-surface) .home-center-surface.guest-feed-surface .guest-feed-tab {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: var(--guest-panel-tab-h, 48px) !important;
    margin: 0 !important;
    padding: 0 4px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    transform: none !important;
}

html:root body:has(.guest-feed-surface) .home-center-surface.guest-feed-surface .guest-feed-more {
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    min-width: 0 !important;
    width: 100% !important;
}

html:root body:has(.guest-feed-surface) .home-center-surface.guest-feed-surface .guest-feed-tab::after {
    left: 22% !important;
    right: 22% !important;
    bottom: 0 !important;
    width: auto !important;
    transform: none !important;
    background: transparent !important;
}

html:root body:has(.guest-feed-surface) .home-center-surface.guest-feed-surface .guest-feed-tab.is-active::after {
    background: currentColor !important;
}

html:root body:has(.guest-feed-surface) .home-center-surface.guest-feed-surface #feedContainer {
    margin-top: 0 !important;
    padding-top: 6px !important;
}

html:root body:has(.guest-feed-surface) .home-center-surface.guest-feed-surface .guest-feed-tabs > .guest-quote-search {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: var(--guest-panel-tab-h) !important;
    min-height: var(--guest-panel-tab-h) !important;
    margin: 0 !important;
    transform: none !important;
}

html:root body:has(.guest-feed-surface) .home-center-surface.guest-feed-surface .guest-quote-search > .guest-quote-search-icon {
    display: none !important;
}

html:root body:has(.guest-feed-surface) .home-center-surface.guest-feed-surface .guest-quote-search-toggle {
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 9999px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #687382 !important;
    transform: translateY(-50%) !important;
    cursor: pointer;
    z-index: 3;
}

html:root body:has(.guest-feed-surface) .home-center-surface.guest-feed-surface .guest-quote-search-toggle svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
}

html:root body:has(.guest-feed-surface) .home-center-surface.guest-feed-surface .guest-quote-search input[type="search"] {
    display: none !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 30px !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 0 38px 0 11px !important;
    box-sizing: border-box !important;
    border: 1px solid #dfe4ea !important;
    border-radius: 9999px !important;
    background: #f5f7f9 !important;
    color: #111827 !important;
    box-shadow: none !important;
    font-size: 14px !important;
}

html:root body:has(.guest-feed-surface) .home-center-surface.guest-feed-surface .guest-feed-tabs:has(> .guest-quote-search.is-open) {
    grid-template-columns: minmax(76px, 1fr) minmax(0, 3fr) !important;
}

html:root body:has(.guest-feed-surface) .home-center-surface.guest-feed-surface .guest-feed-tabs:has(> .guest-quote-search.is-open) > .guest-feed-tab:nth-of-type(2),
html:root body:has(.guest-feed-surface) .home-center-surface.guest-feed-surface .guest-feed-tabs:has(> .guest-quote-search.is-open) > .guest-feed-more {
    display: none !important;
}

html:root body:has(.guest-feed-surface) .home-center-surface.guest-feed-surface .guest-quote-search.is-open input[type="search"] {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

html:root body:has(.guest-feed-surface) .home-center-surface.guest-feed-surface .guest-quote-search.is-open input[type="search"]:focus {
    background: #ffffff !important;
    border-color: #9aa5b1 !important;
    box-shadow: 0 0 0 1px #9aa5b1 !important;
}

html:root body:has(.guest-feed-surface) .home-center-surface.guest-feed-surface .guest-quote-search-spinner {
    right: 38px !important;
}

html:root body:has(.guest-feed-surface) .home-center-surface.guest-feed-surface .guest-quote-search:not(.is-open) .guest-quote-search-spinner {
    display: none !important;
}

html:root.dark body:has(.guest-feed-surface) .home-center-surface.guest-feed-surface .guest-quote-search-toggle {
    color: #929ba8 !important;
}

html:root.dark body:has(.guest-feed-surface) .home-center-surface.guest-feed-surface .guest-quote-search input[type="search"] {
    color: #f3f4f6 !important;
    background: rgba(255,255,255,.055) !important;
    border-color: rgba(255,255,255,.10) !important;
}

html:root.dark body:has(.guest-feed-surface) .home-center-surface.guest-feed-surface .guest-quote-search.is-open input[type="search"]:focus {
    background: rgba(255,255,255,.075) !important;
    border-color: rgba(255,255,255,.25) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.16) !important;
}

@media (min-width: 768px) {
    html:root body:has(.guest-feed-surface) .home-center-surface.guest-feed-surface .guest-feed-header {
        padding: 0 !important;
        border-bottom-width: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    html:root body:has(.guest-feed-surface) .home-center-surface.guest-feed-surface .guest-feed-tabs {
        margin: 0 !important;
    }
}

@media (max-width: 767px) {
    html:root body:has(.guest-feed-surface) .home-center-surface.guest-feed-surface .guest-feed-tabs {
        --guest-panel-tab-h: 46px;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    html:root body:has(.guest-feed-surface) .home-center-surface.guest-feed-surface .guest-quote-search input[type="search"] {
        font-size: 16px !important;
    }
}

/* END_GUEST_PANEL_TABS_SEARCH_20261019 */


/* GUEST_FEED_FOOTER_PANEL_20261019 */
html:root .home-center-surface.guest-feed-surface:has(> #guestFeedPager) {
    padding-bottom: 0 !important;
}

html:root .home-center-surface.guest-feed-surface:has(> #guestFeedPager) > #feedContainer {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

html:root .home-center-surface.guest-feed-surface > #guestFeedPager {
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 16px !important;
    background: var(--dp-panel-bg, #ffffff) !important;
    border: 0 !important;
    border-radius: 18px !important;
    box-shadow: none !important;
}
/* END_GUEST_FEED_FOOTER_PANEL_20261019 */


/* EMPTY_SURFACE_VIEWPORT_FILL_20261019 */

html:root body > div[class~="max-w-[1280px]"]:has(> main > :is([class*="-center-surface"], .stories-shell, .story-shell) :is(.home-empty-state, .profile-empty-posts, .rev-empty, .saved-empty-state, .flw-empty, .lib-empty, .lib-skew-empty, .profile-locked, .kempty-state, .genre-empty-card, .gl-empty, .notifications-empty-state, .tag-empty, .pd-notfound, .stories-empty)) {
    min-height: 100vh !important;
    min-height: 100dvh !important;
}

html:root main:has(> :is([class*="-center-surface"], .stories-shell, .story-shell) :is(.home-empty-state, .profile-empty-posts, .rev-empty, .saved-empty-state, .flw-empty, .lib-empty, .lib-skew-empty, .profile-locked, .kempty-state, .genre-empty-card, .gl-empty, .notifications-empty-state, .tag-empty, .pd-notfound, .stories-empty)) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    min-height: 0 !important;
}

html:root :is([class*="-center-surface"], .stories-shell, .story-shell):has(:is(.home-empty-state, .profile-empty-posts, .rev-empty, .saved-empty-state, .flw-empty, .lib-empty, .lib-skew-empty, .profile-locked, .kempty-state, .genre-empty-card, .gl-empty, .notifications-empty-state, .tag-empty, .pd-notfound, .stories-empty)) {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    flex: 1 0 auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
    background: var(--dp-panel-bg, #ffffff) !important;
    background-color: var(--dp-panel-bg, #ffffff) !important;
}

html:root :is([class*="-center-surface"], .stories-shell, .story-shell):has(:is(.home-empty-state, .profile-empty-posts, .rev-empty, .saved-empty-state, .flw-empty, .lib-empty, .lib-skew-empty, .profile-locked, .kempty-state, .genre-empty-card, .gl-empty, .notifications-empty-state, .tag-empty, .pd-notfound, .stories-empty)) > * {
    flex-shrink: 0 !important;
}

html:root :is([class*="-center-surface"], .stories-shell, .story-shell):has(:is(.home-empty-state, .profile-empty-posts, .rev-empty, .saved-empty-state, .flw-empty, .lib-empty, .lib-skew-empty, .profile-locked, .kempty-state, .genre-empty-card, .gl-empty, .notifications-empty-state, .tag-empty, .pd-notfound, .stories-empty)) > :is(.home-empty-state, .profile-empty-posts, .rev-empty, .saved-empty-state, .flw-empty, .lib-empty, .lib-skew-empty, .profile-locked, .kempty-state, .genre-empty-card, .gl-empty, .notifications-empty-state, .tag-empty, .pd-notfound, .stories-empty),
html:root :is([class*="-center-surface"], .stories-shell, .story-shell):has(:is(.home-empty-state, .profile-empty-posts, .rev-empty, .saved-empty-state, .flw-empty, .lib-empty, .lib-skew-empty, .profile-locked, .kempty-state, .genre-empty-card, .gl-empty, .notifications-empty-state, .tag-empty, .pd-notfound, .stories-empty)) > :has(:is(.home-empty-state, .profile-empty-posts, .rev-empty, .saved-empty-state, .flw-empty, .lib-empty, .lib-skew-empty, .profile-locked, .kempty-state, .genre-empty-card, .gl-empty, .notifications-empty-state, .tag-empty, .pd-notfound, .stories-empty)) {
    flex-grow: 1 !important;
    box-shadow: none !important;
}

html:root :is([class*="-center-surface"], .stories-shell, .story-shell) :is(.home-empty-state, .profile-empty-posts, .rev-empty, .saved-empty-state, .flw-empty, .lib-empty, .lib-skew-empty, .profile-locked, .kempty-state, .genre-empty-card, .gl-empty, .notifications-empty-state, .tag-empty, .pd-notfound, .stories-empty) {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    margin-bottom: 0 !important;
}

@media (max-width: 767px) {
    html:root body:has(> .mobile-header) > div[class~="max-w-[1280px]"]:has(> main > :is([class*="-center-surface"], .stories-shell, .story-shell) :is(.home-empty-state, .profile-empty-posts, .rev-empty, .saved-empty-state, .flw-empty, .lib-empty, .lib-skew-empty, .profile-locked, .kempty-state, .genre-empty-card, .gl-empty, .notifications-empty-state, .tag-empty, .pd-notfound, .stories-empty)) {
        min-height: calc(100vh - var(--m-header-h, 48px) - env(safe-area-inset-top, 0px)) !important;
        min-height: calc(100dvh - var(--m-header-h, 48px) - env(safe-area-inset-top, 0px)) !important;
    }

    html:root main:has(> :is([class*="-center-surface"], .stories-shell, .story-shell) :is(.home-empty-state, .profile-empty-posts, .rev-empty, .saved-empty-state, .flw-empty, .lib-empty, .lib-skew-empty, .profile-locked, .kempty-state, .genre-empty-card, .gl-empty, .notifications-empty-state, .tag-empty, .pd-notfound, .stories-empty)) {
        background: var(--dp-panel-bg, #ffffff) !important;
    }
}

/* END_EMPTY_SURFACE_VIEWPORT_FILL_20261019 */


/* SAVED_TAB_FONT_MATCH_20261019 */
html:root .saved-center-surface .saved-tabs .saved-tab {
    font-size: 16px !important;
}
@media (max-width: 767px) {
    html:root .saved-center-surface .saved-tabs .saved-tab {
        font-size: 16px !important;
    }
}
/* END_SAVED_TAB_FONT_MATCH_20261019 */


/* WHO_TO_FOLLOW_PANEL_SYSTEM_20261019 */
html:root body > div[class~="max-w-[1280px]"]:has(> main > .ktf-page) {
    min-height: 100vh !important;
    min-height: 100dvh !important;
}

html:root main:has(> .ktf-page) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    min-height: 0 !important;
}

html:root main > .ktf-page {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 0 auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: var(--dp-panel-gap, 14px) 0 0 !important;
    padding: 0 !important;
    background: var(--dp-panel-bg, #ffffff) !important;
    border: 1px solid var(--dp-panel-edge, #e3e7ee) !important;
    border-radius: var(--dp-panel-radius, 20px) !important;
    box-shadow: none !important;
}

html:root main > .ktf-page > .page-hero.ktf-hero {
    flex: 0 0 auto !important;
    margin: 0 !important;
    background: var(--dp-panel-bg, #ffffff) !important;
    border-radius: var(--dp-panel-radius, 20px) var(--dp-panel-radius, 20px) 0 0 !important;
    border-bottom: 1px solid var(--dp-row-line, #eceff3) !important;
    box-shadow: none !important;
}

html:root main > .ktf-page > .ktf-grid {
    flex: 1 0 auto !important;
    align-content: start !important;
    margin: 0 !important;
    background: transparent !important;
}

html:root main > .ktf-page > .ktf-empty {
    flex: 1 0 auto !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 767px) {
    html:root body:has(> .mobile-header) > div[class~="max-w-[1280px]"]:has(> main > .ktf-page) {
        margin-top: 0 !important;
        padding-top: 0 !important;
        min-height: calc(100vh - var(--m-header-h, 48px) - env(safe-area-inset-top, 0px)) !important;
        min-height: calc(100dvh - var(--m-header-h, 48px) - env(safe-area-inset-top, 0px)) !important;
    }

    html:root main:has(> .ktf-page) {
        margin-top: 0 !important;
        padding-top: 0 !important;
        background: var(--dp-panel-bg, #ffffff) !important;
    }

    html:root main > .ktf-page {
        margin: 0 !important;
        border: 0 !important;
        border-top: 1px solid var(--dp-row-line, #eceff3) !important;
        border-radius: 0 !important;
    }

    html:root main > .ktf-page > .page-hero.ktf-hero {
        border-radius: 0 !important;
    }
}
/* END_WHO_TO_FOLLOW_PANEL_SYSTEM_20261019 */


/* HOME_CHROME_REVEAL_SYNC_20261020 */
@media (max-width: 767px) {
    html:root.page-home .mobile-header,
    html:root.page-home body:has(.mobile-header) .home-center-surface .home-tabs,
    html:root.page-home body:has(.mobile-header) .home-center-surface .guest-feed-tabs {
        transition: transform .24s ease, margin-bottom .24s ease !important;
    }
    html:root.page-home .home-center-surface {
        overflow-anchor: none;
    }
    html:root .post-media .pm-item {
        touch-action: manipulation;
    }
}
@media (prefers-reduced-motion: reduce) and (max-width: 767px) {
    html:root.page-home .mobile-header,
    html:root.page-home body:has(.mobile-header) .home-center-surface .home-tabs,
    html:root.page-home body:has(.mobile-header) .home-center-surface .guest-feed-tabs {
        transition: none !important;
    }
}
/* END_HOME_CHROME_REVEAL_SYNC_20261020 */


/* MOBILE_BOTTOM_CANVAS_BOUNDARY_20261020 */
@media (max-width: 767px) {
    html:root {
        --ib-mobile-canvas: var(--dp-panel-bg, #ffffff);

        /* Özel çekerek yenileme mekanizması çalışmaya devam eder.
           Bu kural tarayıcının sınır dışındaki yaylanmasını kapatır. */
        overscroll-behavior-y: none !important;
    }

    /* Akış zemini, alttaki navigasyon boşluğunda da devam eder. */
    html:root,
    html:root::before,
    html:root body,
    html:root body > div[class~="max-w-[1280px]"],
    html:root body > div[class~="max-w-[1280px]"] > main {
        background: var(--ib-mobile-canvas) !important;
    }

    html:root .home-center-surface :is(#scrollLoader, #feedEndState) {
        background: transparent !important;
    }
}
/* END_MOBILE_BOTTOM_CANVAS_BOUNDARY_20261020 */


/* HOME_OPEN_POST_MENU_STACK_20261020 */
html:root .home-center-surface #feedContainer > article.post-card:has(.pmenu.open) {
    position: relative !important;
    z-index: 2 !important;
}
/* END_HOME_OPEN_POST_MENU_STACK_20261020 */





/* EMPTY_TABBED_PAGES_SCROLL_ROOM_20261020 */
html:root main
:is([class*="-center-surface"], .stories-shell):has(:is(.page-tabs, .page-subbar, .home-tabs, .guest-feed-tabs, .profile-tabs, .rev-filter-bar, .saved-tabs, .book-tabs, [role="tablist"])):not(:has(article[data-post-id], .post-card, .rev-card, .story-feed-card, .profile-story-card))
:is(.home-empty-state, .profile-empty-posts, .rev-empty, .saved-empty-state, .flw-empty, .lib-empty, .profile-locked, .kempty-state, .genre-empty-card, .gl-empty, .notifications-empty-state, .tag-empty, .pd-notfound, .stories-empty) {
    box-sizing: border-box !important;
    min-height: 100vh !important;
    min-height: 100svh !important;
}
/* END_EMPTY_TABBED_PAGES_SCROLL_ROOM_20261020 */


/* MOBILE_SHARED_CHROME_BEHAVIOR_20261020 */
@media (max-width: 767px) {
    html:root:not(.page-home) body:has(> .mobile-header) .mobile-header,
    html:root:not(.page-home) body:has(> .mobile-header) .mobile-nav,
    html:root:not(.page-home) body:has(> .mobile-header) main :is(.page-tabs, .page-subbar, .profile-tabs, .rev-filter-bar, .saved-tabs, .book-tabs, .explore-hero) {
        transform: none !important;
    }

    html:root.chrome-hidden:not(.page-home) body:has(> .mobile-header) .mobile-header {

    }

    html:root.chrome-hidden:not(.page-home) body:has(> .mobile-header) main :is(.page-tabs, .page-subbar, .profile-tabs, .rev-filter-bar, .saved-tabs, .book-tabs, .explore-hero) {

    }

    html:root.chrome-hidden:not(.page-home) body:has(> .mobile-header) .mobile-nav {

    }
}
/* END_MOBILE_SHARED_CHROME_BEHAVIOR_20261020 */


/* STORIES_SHARED_PANEL_20261020 */
html:root body main :is(.stories-shell, .my-stories-shell).ib-story-index {
    background: var(--dp-panel-bg, #fff) !important;
    border: 0 !important;
    border-radius: var(--dp-panel-radius, 20px) !important;
    margin-top: var(--dp-panel-gap, 14px) !important;
    margin-bottom: var(--dp-panel-gap, 14px) !important;
    padding-left: 0 !important; padding-right: 0 !important;
    box-shadow: none !important; overflow: visible !important;
}
html:root body main :is(.stories-shell, .my-stories-shell).ib-story-index > :is(.stories-hero-surface, .my-stories-hero-shell) {
    position: relative !important; z-index: 1 !important;
    margin: 0 !important; padding: 18px 24px !important;
    height: auto !important; min-height: 0 !important;
    background: var(--dp-panel-bg, #fff) !important;
    border: 0 !important; box-shadow: none !important;
    border-radius: var(--dp-panel-radius, 20px) var(--dp-panel-radius, 20px) 0 0 !important;
}
html:root body main :is(.stories-shell, .my-stories-shell).ib-story-index :is(.stories-head, .my-stories-head) {
    margin: 0 0 12px !important; padding: 0 !important;
    min-height: 24px !important;
}
html:root body main :is(.stories-shell, .my-stories-shell).ib-story-index .ib-story-page-title {
    margin: 0 !important; font-size: 20px !important;
    font-weight: 750 !important; line-height: 1.2 !important;
    letter-spacing: -.35px !important; color: #0f1419 !important;
}
html:root.dark body main :is(.stories-shell, .my-stories-shell).ib-story-index .ib-story-page-title { color: #f3f4f6 !important; }

html:root body main :is(.stories-shell, .my-stories-shell).ib-story-index :is(.stories-hero-stage, .my-author-hero) {
    box-sizing: border-box !important; display: flex !important;
    flex-direction: column !important; flex: 0 0 auto !important;
    margin: 0 !important; padding: 18px 20px !important;
    height: auto !important; min-height: 210px !important;
    border-radius: 18px !important;
}
html:root body main :is(.stories-shell, .my-stories-shell).ib-story-index :is(.stories-hero-track, .my-author-track) {
    position: relative !important; inset: auto !important;
    display: flex !important; align-items: center !important;
    justify-content: space-between !important;
    flex: 1 1 auto !important; gap: 16px !important;
    min-width: 0 !important; margin: 0 !important; padding: 0 !important;
}
html:root body main :is(.stories-shell, .my-stories-shell).ib-story-index .stories-flow-canvas { pointer-events: none !important; }
html:root body main :is(.stories-shell, .my-stories-shell).ib-story-index .ib-story-actions {
    position: relative !important; z-index: 3 !important;
    display: flex !important; flex-direction: row !important;
    flex-wrap: wrap !important; align-items: center !important;
    justify-content: flex-end !important; gap: 8px !important;
    flex: 0 0 auto !important; margin-top: auto !important;
    padding-top: 14px !important; pointer-events: auto !important;
}
html:root body main :is(.stories-shell, .my-stories-shell).ib-story-index .ib-story-write {
    display: inline-flex !important; align-items: center !important;
    justify-content: center !important; gap: 7px !important;
    min-height: 36px !important; padding: 0 14px !important;
    border-radius: 999px !important;
    background: #111827 !important; color: #fff !important;
    font-size: 13px !important; font-weight: 600 !important;
    text-decoration: none !important;
}
html:root.dark body main :is(.stories-shell, .my-stories-shell).ib-story-index .ib-story-write {
    background: #f3f4f6 !important; color: #111827 !important;
}
html:root body main :is(.stories-shell, .my-stories-shell).ib-story-index .ib-story-write svg {
    width: 14px !important; height: 14px !important;
    fill: none !important; stroke: currentColor !important;
    stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
html:root body main :is(.stories-shell, .my-stories-shell).ib-story-index .stories-manage-menu {
    top: auto !important; bottom: calc(100% + 8px) !important;
    background: var(--dp-panel-bg, #fff) !important;
}
html:root body main :is(.stories-shell, .my-stories-shell).ib-story-index > .stories-filters-row {
    margin: 0 !important; padding: 0 24px 12px !important;
    background: var(--dp-panel-bg, #fff) !important;
}
html:root body main :is(.stories-shell, .my-stories-shell).ib-story-index > .ib-story-tabs {
    position: sticky !important; top: 0 !important; z-index: 30 !important;
    display: flex !important; align-items: stretch !important;
    box-sizing: border-box !important; width: 100% !important;
    margin: 0 !important; padding: 0 !important;
    height: 52px !important; min-height: 52px !important;
    background: var(--dp-panel-bg, #fff) !important;
    overflow: visible !important; box-shadow: none !important;
    transition: none !important;
}
html:root body main :is(.stories-shell, .my-stories-shell).ib-story-index > .ib-story-tabs > .page-tab {
    flex: 1 1 0 !important; min-width: 0 !important;
    display: inline-flex !important; align-items: center !important;
    justify-content: center !important; box-sizing: border-box !important;
    margin: 0 !important; padding: 0 4px !important;
    height: 52px !important; min-height: 52px !important;
    white-space: normal !important; text-align: center !important;
}

@media (max-width: 767px) {
    html:root body main :is(.stories-shell, .my-stories-shell).ib-story-index {
        margin-top: 0 !important;
        /* 20261020: ust koseler burada sifirlaniyordu. deneme_panel.css en son
           yuklendigi icin sayfa once hikayeler.css'in radiuslu halini cizip
           sonra kareye donuyordu. Artik masaustundeki ile AYNI deger; icerik
           kosenin disina tasmasin diye overflow da kapatildi. */
        border-top-left-radius: var(--dp-panel-radius, 20px) !important;
        border-top-right-radius: var(--dp-panel-radius, 20px) !important;
    }
    html:root body main :is(.stories-shell, .my-stories-shell).ib-story-index > :is(.stories-hero-surface, .my-stories-hero-shell) {
        padding: 14px !important;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }
    html:root body main :is(.stories-shell, .my-stories-shell).ib-story-index :is(.stories-head, .my-stories-head) {
        position: absolute !important;
        width: 1px !important; height: 1px !important;
        min-height: 0 !important; margin: -1px !important;
        padding: 0 !important; overflow: hidden !important;
        clip-path: inset(50%) !important; white-space: nowrap !important;
    }
    html:root body main :is(.stories-shell, .my-stories-shell).ib-story-index :is(.stories-hero-stage, .my-author-hero) {
        padding: 16px !important;
    }
    html:root body main :is(.stories-shell, .my-stories-shell).ib-story-index .my-author-track {
        flex-direction: column !important; align-items: stretch !important;
    }
    html:root body main :is(.stories-shell, .my-stories-shell).ib-story-index .my-author-manuscript { display: none !important; }
    html:root body main :is(.stories-shell, .my-stories-shell).ib-story-index .my-author-metrics {
        display: flex !important; flex-direction: row !important;
        flex-wrap: wrap !important; gap: 6px !important;
    }
    html:root body main :is(.stories-shell, .my-stories-shell).ib-story-index > .stories-filters-row { padding: 0 14px 12px !important; }
    html:root body main :is(.stories-shell, .my-stories-shell).ib-story-index > .ib-story-tabs { top: 0 !important; }

    html:root body:has(> .mobile-header) main
    :is(.stories-shell, .my-stories-shell).ib-story-index > .ib-story-tabs {
        top: calc(var(--m-header-h, 48px) + env(safe-area-inset-top, 0px)) !important;
    }
}
/* END_STORIES_SHARED_PANEL_20261020 */


/* WRITTEN_STORY_STATS_FOOTER_20261020 */
html:root body main .my-stories-shell.ib-story-index .ib-author-footer {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end !important;
    justify-content: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
html:root body main .my-stories-shell.ib-story-index .ib-author-footer .my-author-metrics {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    float: none !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}
html:root body main .my-stories-shell.ib-story-index .ib-author-footer .my-author-metric {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    margin: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
}
html:root body main .my-stories-shell.ib-story-index .ib-author-footer > .ib-story-write {
    align-self: end !important;
    justify-self: end !important;
}
html:root body main .my-stories-shell.ib-story-index > .my-stories-tabs {
    display: none !important;
}
/* END_WRITTEN_STORY_STATS_FOOTER_20261020 */


/* STORY_OCEAN_HERO_20261020 */
html:root body main .ib-story-index > .ib-ocean-panel {
    box-sizing: border-box !important; flex: 0 0 auto !important;
    width: 100% !important; margin: 0 !important; padding: 0 !important;
    border: 0 !important; box-shadow: none !important; background: transparent !important;
}
html:root body .ib-ocean-page-heading { padding: 18px 24px 14px; }
html:root body .ib-ocean-hero {
    position: relative; isolation: isolate; box-sizing: border-box;
    display: flex; flex-direction: column; justify-content: flex-start; gap: 18px;
    width: auto; min-height: 0; height: auto; margin: 0 6px; padding: 22px 24px 20px;
    overflow: hidden; border: 0 !important; outline: 0; box-shadow: none !important;
    border-radius: var(--dp-panel-radius, 20px); background: #20242c; color: #f5f5f6;
}
html:root body .ib-ocean-canvas { border-radius: inherit; position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; opacity: 1; mix-blend-mode: screen; filter: brightness(1.25); }
html:root body .ib-ocean-hero::after {
    content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; border-radius: inherit;
    background: linear-gradient(90deg, rgba(35,40,49,.18), rgba(35,40,49,.06) 45%, transparent 86%), linear-gradient(0deg, rgba(35,40,49,.18), transparent 42%);
}
html:root body .ib-ocean-copy, html:root body .ib-ocean-stats { position: relative; z-index: 2; }
html:root body .ib-ocean-copy { max-width: 420px; z-index: 3; }
html:root body .ib-ocean-copy h2 { margin: 0; color: #fff; font: inherit; font-size: clamp(32px, 3.3vw, 44px); font-weight: 700; line-height: 1.04; letter-spacing: -.035em; }
html:root body .ib-ocean-copy h2 span { color: #ffb04c; }
html:root body .ib-ocean-copy p { max-width: 38ch; margin: 12px 0 0; font-size: 14px; line-height: 1.35; color: #c8c9ce; }
html:root body .ib-ocean-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
html:root body .ib-ocean-write { display: inline-flex; align-items: center; justify-content: center; gap: 9px; box-sizing: border-box; flex: 0 0 auto; height: 32px; min-height: 32px; max-height: 32px; padding: 0 12px; line-height: 1; border: 0; border-radius: 999px; background: #f5f5f6; color: #101114; font-size: 13px; font-weight: 650; text-decoration: none; }
html:root body .ib-ocean-write svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
html:root body .ib-ocean-write:hover { background: #ffb04c; }
html:root body .ib-ocean-manage { position: relative; }
html:root body .ib-ocean-manage summary { display: inline-flex; align-items: center; gap: 8px; min-height: 32px; list-style: none; cursor: pointer; color: #dddde1; font-size: 13px; }
html:root body .ib-ocean-manage summary::-webkit-details-marker { display: none; }
html:root body .ib-ocean-menu { position: absolute; left: 0; bottom: calc(100% + 8px); z-index: 5; min-width: 180px; padding: 6px; background: #1b1c20; border-radius: 12px; box-shadow: 0 8px 24px #0005; }
html:root body .ib-ocean-menu a { display: block; padding: 9px 10px; color: #eee; text-decoration: none; font-size: 13px; border-radius: 8px; }
html:root body .ib-ocean-menu a:hover { background: #ffffff10; }
html:root body .ib-ocean-actions :is(a, summary):focus-visible { outline: 2px solid #ffb04c; outline-offset: 4px; }
html:root body .ib-ocean-stats { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; width: 100%; margin: 0; padding: 0; }
html:root body .ib-ocean-stats > div { display: flex; flex-direction: column; min-width: 0; }
html:root body .ib-ocean-stats dt { color: #b5b6bd; font-size: 12px; line-height: 1.25; }
html:root body .ib-ocean-stats dd { order: -1; margin: 0 0 5px; color: #f3f3f4; font-size: 27px; font-weight: 650; line-height: 1.1; letter-spacing: -.025em; font-variant-numeric: tabular-nums; }
html:root body .ib-ocean-stats > div:nth-child(2) dd { color: #ffb04c; }
@media (max-width: 767px) {
    html:root body .ib-ocean-page-heading { display: none; }
    /* 20261020: mobilde iki yana yaslandi. Kabugun yan dolgusu ne olursa
       olsun calc(50% - 50vw) tam ekran genisligine acar; dolgu degerini
       bilmeye gerek kalmaz. Koseler duruyor. */
    html:root body .ib-ocean-hero {
        min-height: 0; padding: 20px 18px 18px; gap: 16px;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }
    html:root body .ib-ocean-copy h2 { font-size: 33px; }
    html:root body .ib-ocean-copy p { max-width: 34ch; font-size: 13px; line-height: 1.35; }
    html:root body .ib-ocean-stats { gap: 9px; }
    html:root body .ib-ocean-stats dd { font-size: 23px; }
    html:root body .ib-ocean-stats dt { font-size: 12px; }
    html:root body:has(> .mobile-header) main :is(.stories-shell, .my-stories-shell).ib-story-index {
        min-height: calc(100svh + var(--ib-ocean-head-room, 338px) - var(--m-header-h, 48px) - env(safe-area-inset-top, 0px)) !important;
    }
}

/* STORY_OCEAN_LAYOUT_TUNE_20261020 */
html:root body main :is(.stories-shell, .my-stories-shell).ib-story-index > .stories-filters-row {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 12px 18px !important;
}

html:root body main .ib-story-index > .stories-filters-row > .stories-filterbar:not([hidden]) {
    display: flex !important;
    flex: 0 1 auto !important;
    width: max-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

html:root body main .ib-story-index > .stories-filters-row > .stories-filterbar[hidden] {
    display: none !important;
}

html:root body main .ib-story-index > .stories-filters-row > .stories-genre-picker {
    flex: 0 0 auto !important;
    margin: 0 !important;
}

@media (max-width: 760px) {
    html:root body main :is(.stories-shell, .my-stories-shell).ib-story-index > .stories-filters-row {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}
/* END_STORY_OCEAN_LAYOUT_TUNE_20261020 */

/* STORY_OCEAN_SOFT_BACKGROUND_20261020 */
/* STORY_OCEAN_COMPACT_CLEAR_20261020 */
/* END_STORY_OCEAN_HERO_20261020 */


/* NOW_INBOOK_INTERACTIVE_20261020 */
.feed-live-activity .feed-live-row { height: auto; max-height: none; }
.feed-live-activity .feed-live-action {
    display: block;
    margin-top: 4px;
    color: #0369a1;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 400;
}
html.dark .feed-live-activity .feed-live-action { color: #7dd3fc; }
.feed-live-activity .feed-live-row:hover .feed-live-action { text-decoration: underline; }
.feed-live-activity .feed-live-row:focus-visible { outline: 2px solid #0284c7; outline-offset: 2px; }
/* END_NOW_INBOOK_INTERACTIVE_20261020 */


/* SINGLE_MEDIA_COMPACT_UNCROPPED_20261025 */
html:root body main .post-card .post-media.n1 {
    display: block !important;
    width: fit-content !important;
    max-width: min(100%, 420px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    background: transparent !important;
    grid-template-rows: none !important;
}
html:root body main .post-card .post-media.n1 > .pm-item {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    background: transparent !important;
}
html:root body main .post-card .post-media.n1 > .pm-item > img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: min(360px, 55svh) !important;
    min-height: 0 !important;
    object-fit: contain !important;
}
html:root body main .post-card .post-media.n1.is-quote > .pm-item > img {
    max-height: min(280px, 45svh) !important;
}
@media (max-width: 767px) {
    html:root body main .post-card .post-media.n1 > .pm-item > img {
        max-height: min(320px, 50svh) !important;
    }
}
/* END_SINGLE_MEDIA_COMPACT_UNCROPPED_20261025 */


/* KUNYE_BRAND_SPACING_20261026 */
html:root body .profile-reader-sidebar.kunye-v3 .kv3-summary > span:last-child strong {
    margin-inline-end: 4px !important;
}

html:root body .profile-reader-sidebar.kunye-v3 .kv3-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html:root body .profile-reader-sidebar.kunye-v3 .kv3-brand img {
    display: block !important;
    width: 32px !important;
    height: 32px !important;
    max-width: none !important;
    object-fit: contain !important;
    filter: none !important;
    transform: none !important;
    opacity: 1 !important;
}

html:root body .profile-reader-sidebar.kunye-v3 .kv3-yearbook-entry {
    margin-top: 12px !important;
}
/* END_KUNYE_BRAND_SPACING_20261026 */


/* COMMENTS_MATCH_POST_CARD_20261026 */
html:root body :is(.pd-comment, .saved-center-surface) {
    --ib-c-name: 16px;
    --ib-c-text: 15px;
    --ib-c-meta: 14px;
    --ib-c-time: 12px;
    --ib-c-action: 12px;
}

html:root body .pd-comment :is(.pd-name,.pd-handle,.pd-time,.pd-text,.pd-act),
html:root body .saved-center-surface :is(.saved-comment-name,.saved-comment-meta,.saved-comment-text,.saved-comment-open) {
    font-family: var(--post-ui-font, 'Jost', Arial, sans-serif) !important;
    letter-spacing: normal !important;
}

html:root body .pd-comment .pd-name,
html:root body .saved-center-surface .saved-comment-name {
    font-size: var(--ib-c-name) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

html:root body .pd-comment .pd-handle,
html:root body .saved-center-surface .saved-comment-meta {
    font-size: var(--ib-c-meta) !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}

html:root body .pd-comment .pd-time {
    font-size: var(--ib-c-time) !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

html:root body .pd-comment .pd-text,
html:root body .saved-center-surface .saved-comment-text {
    font-size: var(--ib-c-text) !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

html:root body .pd-comment .pd-act,
html:root body .saved-center-surface .saved-comment-open {
    font-size: var(--ib-c-action) !important;
    line-height: 1.4 !important;
}

html:root body .pd-comment .pd-act-icon,
html:root body .saved-center-surface .saved-comment-bookmark svg {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    stroke-width: 1.9 !important;
}

html:root body .pd-comment .pd-act-icon *,
html:root body .saved-center-surface .saved-comment-bookmark svg * {
    stroke-width: 1.9 !important;
}

html:root body .saved-center-surface .saved-comment-open {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

html:root body .saved-center-surface .saved-comment-open::before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    background-color: currentColor;
    --ib-comment-open-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.2 4.2a8.6 8.6 0 0 0-6.5 14.4L2.5 21h7.8a8.7 8.7 0 0 0 8.7-8'/%3E%3Ccircle cx='17.1' cy='5.6' r='3.8'/%3E%3Cpath d='m19.8 8.3 2.8 2.8'/%3E%3C/svg%3E");
    -webkit-mask: var(--ib-comment-open-icon) center / contain no-repeat;
    mask: var(--ib-comment-open-icon) center / contain no-repeat;
}

@media (max-width: 767px) {
    html:root body :is(.pd-comment, .saved-center-surface) {
        --ib-c-name: 16.5px;
        --ib-c-text: 16.5px;
        --ib-c-meta: 15px;
        --ib-c-time: 14.5px;
    }
}

@media (max-width: 640px) {
    html:root body :is(.pd-comment, .saved-center-surface) {
        --ib-c-action: 13px;
    }
}
/* END_COMMENTS_MATCH_POST_CARD_20261026 */


/* HOME_PAGE_STRIP_LABELS_20261026 */
html:root body .home-center-surface .home-pages .home-page-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    flex: 0 0 76px !important;
    width: 76px !important;
    min-width: 76px !important;
}

html:root body .home-center-surface .home-pages .home-page-create-tile {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 76px !important;
}

html:root body .home-center-surface .home-pages .home-page-profile-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 3px !important;
    width: 76px !important;
    max-width: 76px !important;
    min-width: 0 !important;
    font-size: 13px !important;
    line-height: 16px !important;
}

html:root body .home-center-surface .home-pages :is(.home-page-name,.home-page-create-label) {
    font-family: var(--post-ui-font, 'Jost', Arial, sans-serif) !important;
    font-size: 13px !important;
    line-height: 16px !important;
    letter-spacing: normal !important;
    white-space: nowrap !important;
}

html:root body .home-center-surface .home-pages .home-page-name {
    display: block !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

html:root body .home-center-surface .home-pages .home-page-create-label {
    width: 76px !important;
    max-width: 76px !important;
    text-align: center !important;
}

html:root body .home-center-surface .home-pages .home-page-profile-link > img.home-page-premium {
    display: block !important;
    flex: 0 0 14px !important;
    width: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    height: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
}
/* END_HOME_PAGE_STRIP_LABELS_20261026 */


/* SOCIAL_PAGE_PHOTO_GESTURES_20261026 */
html:root body #socialPageViewer.ib-sp-gestures .home-page-viewer-stage {
    touch-action: none !important;
    overscroll-behavior: contain !important;
}
html:root body #socialPageViewer .ib-sp-photo-plane {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    transform-origin: 0 0;
    will-change: transform;
}
html:root body #socialPageViewer.ib-sp-gestures .home-page-viewer-image {
    -webkit-user-drag: none;
    user-select: none;
}
html:root body #socialPageViewer.ib-sp-zoomed .home-page-viewer-nav {
    cursor: grab;
}
html:root body #socialPageViewer .ib-sp-zoom-reset {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 36px;
    height: 30px;
    padding: 0 7px;
    border: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    color: #fff;
    font: inherit;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
}
html:root body #socialPageViewer .ib-sp-zoom-reset[hidden] {
    display: none !important;
}
/* END_SOCIAL_PAGE_PHOTO_GESTURES_20261026 */


/* SOCIAL_PAGE_DISMISS_FINISH_20261026 */
html:root body #socialPageViewer.ib-sp-gestures.ib-sp-dismissing {
    opacity: 0 !important;
    transition: opacity 180ms linear !important;
    will-change: opacity;
}
html:root body #socialPageViewer[hidden] {
    display: none !important;
}
/* END_SOCIAL_PAGE_DISMISS_FINISH_20261026 */



/* AUTHOR_HEADER_PLAIN_20261026 */
html:root body main .author-center-surface .author-hero-card {
    --aw-ink:#17191d;
    --aw-muted:#66717d;
}
html:root.dark body main .author-center-surface .author-hero-card {
    --aw-ink:#f0f1f3;
    --aw-muted:#adb4bd;
}
html:root body main .author-center-surface .author-hero-card .entity-cover-fan,
html:root body main .author-center-surface .author-hero-card div.entity-avatar {
    display:none !important;
}
html:root body main .author-center-surface .author-hero-card .entity-hero-body {
    align-items:flex-start !important;
    gap:12px !important;
    padding-top:12px !important;
    padding-bottom:12px !important;
}
html:root body main .author-center-surface .author-hero-card img.entity-avatar {
    width:56px !important;height:56px !important;flex:0 0 56px !important;
}
html:root body main .author-center-surface .author-hero-card .entity-hero-copy {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:start !important;
    column-gap:12px !important;
    min-width:0 !important;
    width:100% !important;
}
html:root body main .author-center-surface .author-hero-card .entity-hero-copy > :is(.entity-subtitle,.entity-bio,.entity-author-info,.entity-reader-stack) {
    grid-column:1 / -1 !important;
}
html:root body main .author-center-surface .author-hero-card .entity-subtitle {
    margin:0 !important;
}
html:root body main .author-center-surface .author-hero-card :is(.entity-author-info,.entity-bio) {
    margin:5px 0 0 !important;padding:0 !important;
    border:0 !important;border-radius:0 !important;
    background:transparent !important;box-shadow:none !important;
}
html:root body main .author-center-surface .author-hero-card .entity-bio {
    color:var(--aw-ink) !important;font-size:14.5px !important;
    font-weight:400 !important;line-height:1.25 !important;
}
html:root body main .author-center-surface .author-hero-card .entity-stat-row {
    grid-column:1 !important;
    align-items:center !important;flex-wrap:wrap !important;
    gap:5px 16px !important;margin:7px 0 0 !important;min-height:28px;
}
html:root body main .author-center-surface .author-hero-card .entity-stat {
    gap:4px !important;padding:0 !important;margin:0 !important;
    border:0 !important;border-radius:0 !important;
    background:transparent !important;box-shadow:none !important;
    color:var(--aw-muted) !important;font-size:14px !important;
    font-weight:400 !important;line-height:20px !important;
}
html:root body main .author-center-surface .author-hero-card .entity-stat b {
    color:var(--aw-ink) !important;font-weight:600 !important;
}
html:root body main .author-center-surface .author-hero-card .entity-follow-row {
    grid-column:2 !important;
    justify-self:end !important;
    margin:7px 0 0 !important;padding:0 !important;min-height:0 !important;
}
html:root body main .author-center-surface .author-hero-card .entity-follow-button {
    display:inline-flex !important;align-items:center !important;
    justify-content:flex-start !important;gap:4px !important;
    width:auto !important;min-width:0 !important;max-width:none !important;
    height:28px !important;min-height:28px !important;
    padding:0 !important;margin:0 !important;
    border:0 !important;border-radius:0 !important;
    background:transparent !important;box-shadow:none !important;
    color:var(--aw-ink) !important;font-size:14px !important;
    font-weight:600 !important;line-height:20px !important;
    transform:none !important;white-space:nowrap !important;
}
html:root body main .author-center-surface .author-hero-card .entity-follow-button.is-following {
    color:var(--aw-muted) !important;
}
html:root body main .author-center-surface .author-hero-card :is(.entity-follow-icon,.entity-follow-icon svg) {
    width:14px !important;height:14px !important;flex:0 0 14px !important;
}
html:root body main .author-center-surface .author-hero-card .entity-reader-stack {
    margin:6px 0 0 !important;
}
html:root body main .author-center-surface .author-hero-card .reader-stack {
    min-height:24px !important;padding:0 !important;margin:0 !important;
    border:0 !important;border-radius:0 !important;
    background:transparent !important;box-shadow:none !important;
    gap:6px !important;
}
html:root body main .author-center-surface .author-hero-card .reader-stack-text {
    font-size:14px !important;font-weight:400 !important;
    line-height:20px !important;color:var(--aw-muted) !important;
}
html:root body main .author-center-surface .author-hero-card .reader-stack-text strong {
    color:var(--aw-ink) !important;font-weight:600 !important;
}
@media(hover:hover) {
    html:root body main .author-center-surface .author-hero-card .entity-follow-button:not(:disabled):hover,
    html:root body main .author-center-surface .author-hero-card .reader-stack:hover .reader-stack-text {
        text-decoration:underline !important;text-underline-offset:3px;
    }
}
html:root body main .author-center-surface .author-hero-card :is(.entity-follow-button,.reader-stack):focus-visible {
    outline:2px solid currentColor !important;outline-offset:3px !important;
}
/* END_AUTHOR_HEADER_PLAIN_20261026 */


/* DARK_HEADER_SIDEBAR_BRAND_20261027 */
html:root.dark body .mobile-header-logo > img,
html:root.dark body .sidebar-brand .sidebar-brand-logo {
    filter: brightness(0) invert(1) !important;
}
/* END_DARK_HEADER_SIDEBAR_BRAND_20261027 */


/* THEME_QUOTE_NOTE_AVATAR_GAP_20261027 */
html:root body main .literary-theme-center-surface
.post-card.is-quote > .flex > .flex-1
> .flex.items-start:has(+ .quote-optional-text) {
    box-sizing: border-box;
    min-height: 44px !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
}

html:root body main .literary-theme-center-surface
.post-card.is-quote > .flex > .flex-1
> .flex.items-start + .quote-optional-text {
    margin-top: 12px !important;
}

@media (max-width: 640px) {
    html:root body main .literary-theme-center-surface
    .post-card.is-quote > .flex > .flex-1
    > .flex.items-start:has(+ .quote-optional-text) {
        min-height: var(--m-avatar, 36px) !important;
    }
}

/* THEME_QUOTE_NOTE_DESKTOP_MATCH_20261027 */
@media (min-width: 641px) {
    html:root body main .literary-theme-center-surface
    .post-card.is-quote > .flex > .flex-1
    > .flex.items-start + .quote-optional-text {
        margin-top: 3px !important;
    }
}

/* END_THEME_QUOTE_NOTE_AVATAR_GAP_20261027 */

/* BOOK_THEME_PLAIN_STATS_20261027 */
html:root body main :is(.book-center-surface .book-hero-card, .literary-theme-center-surface .literary-theme-hero) {
    --es-ink:#17191d;
    --es-muted:#66717d;
}
html:root.dark body main :is(.book-center-surface .book-hero-card, .literary-theme-center-surface .literary-theme-hero) {
    --es-ink:#f0f1f3;
    --es-muted:#adb4bd;
}
html:root body main :is(.book-center-surface .book-hero-card, .literary-theme-center-surface .literary-theme-hero) .entity-stat-row {
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:5px 16px !important;
    margin:7px 0 0 !important;
    min-height:28px;
}
html:root body main :is(.book-center-surface .book-hero-card, .literary-theme-center-surface .literary-theme-hero) .entity-stat {
    display:inline-flex !important;
    align-items:center !important;
    gap:4px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:var(--es-muted) !important;
    font-size:14px !important;
    font-weight:400 !important;
    line-height:20px !important;
    white-space:nowrap;
}
html:root body main :is(.book-center-surface .book-hero-card, .literary-theme-center-surface .literary-theme-hero) .entity-stat::before { content:none !important; }
html:root body main :is(.book-center-surface .book-hero-card, .literary-theme-center-surface .literary-theme-hero) .entity-stat b {
    color:var(--es-ink) !important;
    font-weight:600 !important;
}
html:root body main :is(.book-center-surface .book-hero-card, .literary-theme-center-surface .literary-theme-hero) .entity-stat svg {
    display:block !important;
    width:16px !important;
    height:16px !important;
    flex:0 0 16px !important;
    opacity:.65;
}
html:root body main :is(.book-center-surface .book-hero-card, .literary-theme-center-surface .literary-theme-hero) .entity-stat.is-rating svg { color:#f59e0b !important; opacity:1 !important; }
html:root body main :is(.book-center-surface .book-hero-card, .literary-theme-center-surface .literary-theme-hero) .entity-reader-stack { margin-top:6px !important; }
html:root body main :is(.book-center-surface .book-hero-card, .literary-theme-center-surface .literary-theme-hero) .reader-stack {
    min-height:24px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    gap:6px !important;
}
html:root body main :is(.book-center-surface .book-hero-card, .literary-theme-center-surface .literary-theme-hero) .reader-stack-text {
    color:var(--es-muted) !important;
    font-size:14px !important;
    font-weight:400 !important;
    line-height:20px !important;
}
html:root body main :is(.book-center-surface .book-hero-card, .literary-theme-center-surface .literary-theme-hero) .reader-stack-text strong { color:var(--es-ink) !important; font-weight:600 !important; }
html:root body main .literary-theme-center-surface .literary-theme-hero .literary-theme-symbol {
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}
html:root body main .literary-theme-center-surface .literary-theme-hero .literary-theme-copy {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:start !important;
    column-gap:12px !important;
    min-width:0 !important;
}
html:root body main .literary-theme-center-surface .literary-theme-hero .literary-theme-description { grid-column:1 / -1 !important; margin:0 !important; }
html:root body main .literary-theme-center-surface .literary-theme-hero .entity-stat-row { grid-column:1 !important; }
html:root body main .literary-theme-center-surface .literary-theme-hero .literary-theme-follow-row {
    grid-column:2 !important;
    justify-self:end !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;
    gap:4px !important;
    margin:7px 0 0 !important;
    padding:0 !important;
    min-height:0 !important;
}
html:root body main .literary-theme-center-surface .literary-theme-hero .literary-theme-follow-btn {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:4px !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:28px !important;
    min-height:28px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:var(--es-ink) !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:20px !important;
    text-transform:capitalize;
    transform:none !important;
    white-space:nowrap !important;
}
html:root body main .literary-theme-center-surface .literary-theme-hero .literary-theme-follow-btn.is-following { color:var(--es-muted) !important; }
html:root body main .literary-theme-center-surface .literary-theme-hero .literary-theme-follow-btn::before {
    content:"";
    display:block;
    width:14px;
    height:14px;
    flex:0 0 14px;
    background:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
}
html:root body main .literary-theme-center-surface .literary-theme-hero .literary-theme-follow-btn.is-following::before {
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%2012%204%204L19%206%22%2F%3E%3C%2Fsvg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%2012%204%204L19%206%22%2F%3E%3C%2Fsvg%3E");
}
html:root body main .literary-theme-center-surface .literary-theme-hero .literary-theme-follow-error {
    max-width:170px;
    white-space:normal;
    overflow-wrap:anywhere;
    text-align:right;
}
@media (hover:hover) {
    html:root body main .literary-theme-center-surface .literary-theme-hero .literary-theme-follow-btn:not(:disabled):hover {
        text-decoration:underline;
        text-underline-offset:3px;
    }
}
/* END_BOOK_THEME_PLAIN_STATS_20261027 */

/* END_POST_CARD_RADIUS_TRIAL_20261015 */



/* ============================================================
   IB_STORY_SEKME_SARMA_20261020  (v2 — YALNIZ MOBIL)

   v1 HATASI: kurallar medya sorgusunun DISINA yazilmisti. Masaustunde
   de calisti ve dort sekmenin esit bolusumunu bozdu. Sorun yalniz
   mobildeydi, duzeltme de yalniz mobilde olmali.

   MASAUSTU (>=768px) ARTIK HIC ETKILENMIYOR:
   deneme_panel.css:3359'daki flex:1 1 0 esit bolusum aynen gecerli.

   MOBIL: explore.css:168 ve hikayelerim.css:693 ile AYNI desen —
   esit paylasimi birak, yaziyi sarma, bari yana kaydir. Ortalama
   numarasi yok, diger sekme barlariyla ayni davranis.

   GERI ALMA: bu blogu sil.
   ============================================================ */
@media (max-width: 767px) {
    html:root body main :is(.stories-shell, .my-stories-shell).ib-story-index > .ib-story-tabs {
        overflow-x: auto !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
    }
    html:root body main :is(.stories-shell, .my-stories-shell).ib-story-index > .ib-story-tabs::-webkit-scrollbar {
        display: none !important;
    }
    html:root body main :is(.stories-shell, .my-stories-shell).ib-story-index > .ib-story-tabs > .page-tab {
        flex: 0 0 auto !important;
        min-width: 0 !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        white-space: nowrap !important;
    }
}
/* END_IB_STORY_SEKME_SARMA_20261020 */

/* MOBILE_SHELL_UNIFIED_20261021 */
/* MOBILE_SHELL_NATURAL_EXIT_20261026 */
@media (max-width: 767px) {
    html:root[data-ib-mobile-shell] body:has(> .mobile-header) {
        padding-top: var(--ib-shell-header-h, calc(var(--m-header-h, 48px) + env(safe-area-inset-top, 0px))) !important;
        transition: none !important;
    }
    html:root[data-ib-mobile-shell] body:has(> .mobile-header) > .mobile-header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 !important;
        z-index: 45 !important;
        transform: translate3d(0, 0, 0) !important;
        transition: transform .18s ease !important;
        will-change: transform;
    }
    html:root[data-ib-mobile-shell] body:has(> .mobile-header) main :is(.page-tabs,.page-subbar,.home-tabs,.guest-feed-tabs,.profile-tabs,.rev-filter-bar,.saved-tabs,.book-tabs)[data-ib-shell-bar] {
        position: sticky !important;
        top: var(--ib-shell-bar-top, var(--ib-shell-header-h, 48px)) !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        z-index: 44 !important;
        background: var(--dp-panel-bg, #ffffff) !important;
        transform: none !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transition: top .18s ease !important;
    }
    html:root[data-ib-mobile-shell] body:has(> .mobile-header) [data-ib-shell-host] {
        overflow: visible !important;
        contain: none !important;
    }
    html:root[data-ib-mobile-shell] body:has(> .mobile-header) .mobile-nav {
        transform: translate3d(0, 0, 0) !important;
        transition: transform .18s ease !important;
    }
    html:root[data-ib-mobile-shell].chrome-hidden body:has(> .mobile-header) > .mobile-header {
        transform: translate3d(0, -100%, 0) !important;
    }
    html:root[data-ib-mobile-shell].chrome-hidden body:has(> .mobile-header) .mobile-nav {
        transform: translate3d(0, 100%, 0) !important;
    }
    html:root[data-ib-mobile-shell].chrome-hidden body:has(> .mobile-header) main :is(.page-tabs,.page-subbar,.home-tabs,.guest-feed-tabs,.profile-tabs,.rev-filter-bar,.saved-tabs,.book-tabs)[data-ib-shell-bar] {
        top: calc(var(--ib-shell-bar-top, var(--ib-shell-header-h, 48px)) - var(--ib-shell-stack-h, calc(var(--ib-shell-header-h, 48px) + 64px)) - var(--tab-inward-radius, 0px) - 2px) !important;
        transform: none !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transition: none !important;
    }
    html:root[data-ib-mobile-shell] body:has(> .mobile-header) .home-center-surface.guest-feed-surface #feedContainer {
        transform: none !important;
        transition: none !important;
        will-change: auto !important;
    }
    html:root[data-ib-mobile-shell] body:has(> .mobile-header) main .explore-hero {
        position: relative !important;
        top: auto !important;
        transform: none !important;
        transition: none !important;
    }
    html:root[data-ib-mobile-shell] body:has(> .mobile-header) .profile-center-surface .profile-tabs::before {
        display: none !important;
    }
}
@media (prefers-reduced-motion: reduce) and (max-width: 767px) {
    html:root[data-ib-mobile-shell] body:has(> .mobile-header) > .mobile-header,
    html:root[data-ib-mobile-shell] body:has(> .mobile-header) .mobile-nav,
    html:root[data-ib-mobile-shell] body:has(> .mobile-header) main :is(.page-tabs,.page-subbar,.home-tabs,.guest-feed-tabs,.profile-tabs,.rev-filter-bar,.saved-tabs,.book-tabs)[data-ib-shell-bar] {
        transition: none !important;
    }
}
/* END_MOBILE_SHELL_UNIFIED_20261021 */


/* SHARED_TAB_RADIUS_TYPE_20261021 */
html:root body main :is([class*="-center-surface"], .stories-shell, .my-stories-shell) :is(.page-tabs, .page-subbar, .home-tabs, .guest-feed-tabs, .profile-tabs, .rev-filter-bar, .saved-tabs, .book-tabs, .cl-tabbar)[class] {
--tab-inward-radius: 10px;

    border-radius: 0 !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
    background-clip: border-box !important;

    border-image-source: radial-gradient(
        ellipse 50% 100% at 50% 100%,
        transparent 97%,
        var(--dp-panel-bg, #ffffff) 100%
    ) !important;

    border-image-slice: 0 50% 100% 50% !important;
    border-image-width:
        0
        var(--tab-inward-radius)
        var(--tab-inward-radius)
        var(--tab-inward-radius) !important;
    border-image-outset: 0 0 var(--tab-inward-radius) !important;
    border-image-repeat: stretch !important;
background-color: var(--dp-panel-bg, #fff) !important;
}
html:root body main .settings-center-surface > .settings-hero {
--tab-inward-radius: 10px;

    border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
    background-clip: border-box !important;

    border-image-source: radial-gradient(
        ellipse 50% 100% at 50% 100%,
        transparent 97%,
        var(--dp-panel-bg, #ffffff) 100%
    ) !important;

    border-image-slice: 0 50% 100% 50% !important;
    border-image-width:
        0
        var(--tab-inward-radius)
        var(--tab-inward-radius)
        var(--tab-inward-radius) !important;
    border-image-outset: 0 0 var(--tab-inward-radius) !important;
    border-image-repeat: stretch !important;
}
html:root body main :is([class*="-center-surface"], .stories-shell, .my-stories-shell) :is(.page-tabs, .page-subbar, .home-tabs, .guest-feed-tabs, .profile-tabs, .rev-filter-bar, .saved-tabs, .book-tabs, .cl-tabbar)[class] :is(.page-tab, .home-tab, .guest-feed-tab, .profile-tab-label, .rev-tab, .saved-tab, .book-tab, .ctab)[class],
html:root body main .settings-center-surface .s-menu-item[class] {
    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
}
html:root body main :is([class*="-center-surface"], .stories-shell, .my-stories-shell) :is(.page-tabs, .page-subbar, .home-tabs, .guest-feed-tabs, .profile-tabs, .rev-filter-bar, .saved-tabs, .book-tabs, .cl-tabbar)[class] :is(.page-tab, .home-tab, .guest-feed-tab, .profile-tab-label, .rev-tab, .saved-tab, .book-tab, .ctab)[class]:is(.is-active, .active, .active-tab, [aria-selected="true"], [aria-current="page"]),
html:root body main .settings-center-surface .s-menu-item[class]:is(.is-active, .active) {
    font-weight: 700 !important;
}
html:root body main :is([class*="-center-surface"], .stories-shell, .my-stories-shell) :is(.page-tabs, .page-subbar, .home-tabs, .guest-feed-tabs, .profile-tabs, .rev-filter-bar, .saved-tabs, .book-tabs, .cl-tabbar)[class] :is(.page-tab, .home-tab, .guest-feed-tab, .profile-tab-label, .rev-tab, .saved-tab, .book-tab, .ctab)[class] > span:not([class]) {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

/* Üst ve alt beyaz yüzeylerin arasında mevcut sayfa zemini görünür. */
html:root body main :is(
    .explore-center-surface,
    .notifications-center-surface,
    .saved-center-surface,
    .clubs-center-surface,
    .settings-center-surface,
    .stories-shell.ib-story-index,
    .my-stories-shell.ib-story-index
) {
    background: transparent !important;
    background-color: transparent !important;
}

/* Yalnız içerik panelleri; sekmelerin konum ve ölçü kuralları korunur. */
html:root body main .explore-center-surface > .explore-showcase,
html:root body main .explore-center-surface #exploreRefreshContent:has(> .explore-empty-state, > .ktf-grid),
html:root body main .notifications-center-surface :is(.nt-list, .nt-requests),
html:root body main .notifications-center-surface > .notifications-empty-state,
html:root body main .saved-center-surface #savedContent:has(.saved-empty-state, .saved-comment-list),
html:root body main .clubs-center-surface > .klist,
html:root body main .settings-center-surface > .s-page,
html:root body main .my-stories-shell.ib-story-index > .ib-story-tabs + :not(script):not(style):not([hidden]) {
    margin-top: 6px !important;
    border-radius: 18px !important;
    background: var(--dp-panel-bg, #fff) !important;
    background-color: var(--dp-panel-bg, #fff) !important;
}

html:root body main .stories-shell.ib-story-index > .stories-section {
    border-radius: 18px !important;
    background: var(--dp-panel-bg, #fff) !important;
    background-color: var(--dp-panel-bg, #fff) !important;
}
html:root body main .stories-shell.ib-story-index > .ib-story-tabs + .stories-section {
    margin-top: 6px !important;
}

html:root body main .notifications-center-surface .nt-list > :first-child {
    border-top-left-radius: 18px !important;
    border-top-right-radius: 18px !important;
}
html:root body main .notifications-center-surface .nt-list > :last-child {
    border-bottom-left-radius: 18px !important;
    border-bottom-right-radius: 18px !important;
}
/* END_SHARED_TAB_RADIUS_TYPE_20261021 */


/* CLUB_STORY_PANEL_FINISH_20261021 */

/* Kulüp paneli, sekme çubuğuyla aynı genişlikte. */
html:root body main .clubs-center-surface .klist[class] {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: var(--dp-panel-bg, #ffffff) !important;
    background-clip: border-box !important;
    border-radius: 18px !important;
}

/* Hikâye üst panelinin beyaz/koyu zemini geri gelir.
   Animasyonun kendi zemini ve ölçüleri korunur. */
html:root body main
:is(.stories-shell, .my-stories-shell).ib-story-index
> .ib-ocean-panel {
    background: var(--dp-panel-bg, #ffffff) !important;
    border-top-left-radius: var(--dp-panel-radius, 20px) !important;
    border-top-right-radius: var(--dp-panel-radius, 20px) !important;
}

@media (max-width: 767px) {
    html:root body main
    :is(.stories-shell, .my-stories-shell).ib-story-index
    > .ib-ocean-panel {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }
}

/* Keşfet bölüm başlıkları. */
html:root body main .explore-center-surface.explore-curated
:is(
    .page-hero-title,
    .explore-rank-title,
    .explore-discovery-title,
    .ex-curated-title
) {
    font-weight: 850 !important;
    color: var(--ex-ink, #0f1419) !important;
}

/* END_CLUB_STORY_PANEL_FINISH_20261021 */

/* COLUMN_GAP_COMPACT_QUOTES_20261021 */
html:root body > div[class~="max-w-[1280px]"] > main,
html:root body main [class*="-center-surface"],
html:root body main :is(.stories-shell, .my-stories-shell, .story-shell, .rdr-shell, .ktf-page) {
    border-color: transparent !important;
    box-shadow: none !important;
}

html:root body main [class*="-center-surface"]
:is(#feedContainer, .profile-post-list, .explore-post-list, .saved-post-list, #savedContent, .entity-feed, #revContent):has(> :is(.post-card, .rev-card, .review-card)) {
    padding-top: 8px !important;
    background: var(--dp-post-card-canvas, var(--dp-page-bg, #e9edf2)) !important;
}

html:root body main .explore-center-surface.explore-curated .ex-daily-card {
    height: auto !important;
    min-height: 0 !important;
}

html:root body main .explore-center-surface.explore-curated .ex-daily-open {
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: stretch !important;
    min-height: 0 !important;
    padding: 16px 18px 10px !important;
}

html:root body main .explore-center-surface.explore-curated .ex-daily-text {
    -webkit-line-clamp: 3 !important;
    max-height: 4.2em !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    overflow: hidden !important;
}

html:root body main .explore-center-surface.explore-curated .ex-daily-more {
    display: block;
    flex: 0 0 auto;
    margin-top: 5px;
    color: #c6dcff;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
}

html:root body main .explore-center-surface.explore-curated
.ex-daily-card[data-more-visible="0"] .ex-daily-more {
    visibility: hidden;
}

html:root body main .explore-center-surface.explore-curated .ex-daily-footer {
    padding: 0 18px 14px !important;
}
/* END_COLUMN_GAP_COMPACT_QUOTES_20261021 */

/* CLUB_BROWSE_DETAIL_CHAT_20261021 */
html:root body main .kclub-shell.clubs-center-surface,
html:root body main .club-shell.club-center-surface {
    display:flex !important;
    flex-direction:column !important;
    box-sizing:border-box !important;
    min-width:0 !important;
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding:0 !important;
    min-height:calc(100vh - 28px) !important;
    min-height:calc(100svh - 28px) !important;
    background:transparent !important;
    border-color:transparent !important;
    box-shadow:none !important;
}
html:root body main .clubs-center-surface .kclub-hero {
    padding:16px 12px 10px !important;
}
html:root body main .clubs-center-surface .kpage-actions {
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:8px !important;
}
html:root body main .clubs-center-surface .ksearch {
    display:flex !important;
    flex:0 1 190px !important;
    width:190px !important;
    min-width:0 !important;
    max-width:100% !important;
    align-items:center !important;
    height:34px !important;
    min-height:0 !important;
    padding:0 11px !important;
    margin:0 !important;
    box-shadow:none !important;
}
html:root body main .clubs-center-surface .ksearch input:not([type="hidden"]) {
    width:100% !important;
    min-width:0 !important;
    height:32px !important;
    min-height:0 !important;
    padding:0 8px !important;
    font-size:13px !important;
}
html:root body main .clubs-center-surface .kgenre-control {
    flex:0 1 150px !important;
    min-width:0 !important;
}
html:root body main .clubs-center-surface .kgenre-filter {
    width:100% !important;
    min-width:0 !important;
}
html:root body main .clubs-center-surface .kgenre-filter > summary,
html:root body main .clubs-center-surface .kbtn-primary {
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    height:34px !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:0 12px !important;
    gap:6px !important;
    font-size:12.5px !important;
    line-height:1.2 !important;
    box-shadow:none !important;
}
html:root body main .clubs-center-surface .kgenre-filter > summary {
    width:100% !important;
    justify-content:space-between !important;
}
html:root body main .clubs-center-surface .kgenre-summary-value {
    min-width:0;
}
html:root body main .clubs-center-surface .kgenre-summary-value > span {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
html:root body main .clubs-center-surface .kbrowse-panel {
    position:relative;
    box-sizing:border-box;
    flex:1 0 auto;
    min-width:0;
    margin-top:8px !important;
    padding:14px 8px 18px;
    background:var(--dp-panel-bg,#fff);
    border-radius:18px;
}
html:root body main .clubs-center-surface .kbrowse-panel .klist[class] {
    /* CLUB_LIST_HORIZONTAL_AXIS_20261022 */
    flex-direction: row !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    gap:14px !important;
    margin:0 !important;
    padding:2px 4px 8px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x proximity;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    scrollbar-width:none;
}
html:root body main .clubs-center-surface .klist::-webkit-scrollbar {
    display:none;
}
html:root body main .clubs-center-surface .klist .kcard {
    position:relative !important;
    z-index:0 !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    flex:0 0 144px !important;
    width:144px !important;
    min-width:0 !important;
    max-width:none !important;
    gap:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    transform:none !important;
    scroll-snap-align:start;
}
html:root body main .clubs-center-surface .kcard :is(.kcard-cover,.kcard-ic) {
    position:relative !important;
    inset:auto !important;
    box-sizing:border-box !important;
    display:block !important;
    flex:0 0 auto !important;
    width:100% !important;
    height:180px !important;
    max-width:100% !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:contain !important;
    object-position:center !important;
    border-radius:12px !important;
    transform:none !important;
}
html:root body main .clubs-center-surface .kcard .kcard-ic {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden;
}
html:root body main .clubs-center-surface .kcard-body {
    position:static !important;
    min-width:0 !important;
    padding:9px 0 6px !important;
}
html:root body main .clubs-center-surface .kcard-nm {
    display:-webkit-box !important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    white-space:normal !important;
    font-size:14px !important;
    line-height:1.3 !important;
}
html:root body main .clubs-center-surface .kcard-meta {
    display:flex !important;
    flex-wrap:wrap !important;
    gap:4px 8px !important;
    margin-top:5px !important;
}
html:root body main .clubs-center-surface :is(.kmeta,.kstate) {
    font-size:11px !important;
    line-height:1.35 !important;
}
html:root body main .clubs-center-surface .kstate {
    white-space:normal !important;
}
html:root body main .clubs-center-surface .kcard-act {
    position:relative !important;
    inset:auto !important;
    z-index:2;
    margin:auto 0 0 !important;
    padding:3px 0 0 !important;
}
html:root body main .clubs-center-surface .kcard-act :is(.kjoin,.kmember) {
    width:auto !important;
    min-height:28px !important;
    height:auto !important;
    padding:3px 0 !important;
    font-size:11.5px !important;
}
html:root body main .clubs-center-surface .klist:has(> .kempty-state) {
    display:block !important;
    overflow:visible !important;
}
html:root body main .clubs-center-surface .kbrowse-nav {
    position:absolute;
    z-index:5;
    top:90px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:36px;
    padding:0;
    border:0;
    border-radius:9px;
    background:var(--dp-panel-bg,#fff);
    color:inherit;
    cursor:pointer;
}
html:root body main .clubs-center-surface .kbrowse-nav.is-prev { left:2px; }
html:root body main .clubs-center-surface .kbrowse-nav.is-next { right:2px; }
html:root body main .clubs-center-surface .kbrowse-nav:disabled {
    opacity:.3;
    cursor:default;
}
html:root body main .clubs-center-surface .kbrowse-nav[hidden] {
    display:none !important;
}
html:root body main .club-center-surface {
    --cl-surface:var(--dp-panel-bg,#fff);
    --cl-card:var(--dp-panel-bg,#fff);
    --cl-surface-raised:var(--dp-panel-bg,#fff);
}
html:root body main .club-center-surface .cl-page-head {
    display:flex !important;
    align-items:center;
    gap:10px;
    padding:12px 10px !important;
}
html:root body main .club-center-surface .cl-page-back {
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 32px;
    width:32px;
    height:36px;
    color:var(--cl-ink,#111);
}
html:root body main .club-center-surface .cl-cover {
    box-sizing:border-box !important;
    height:auto !important;
    margin:0 !important;
    padding:0 8px !important;
    background:var(--dp-panel-bg,#fff) !important;
    border-radius:0 !important;
    box-shadow:none !important;
}
html:root body main .club-center-surface .cl-cover::before,
html:root body main .club-center-surface .cl-cover::after {
    display:none !important;
}
html:root body main .club-center-surface .cl-cover > img {
    display:block !important;
    width:100% !important;
    height:260px !important;
    object-fit:contain !important;
    object-position:center !important;
    border-radius:14px !important;
    transform:none !important;
}
html:root body main .club-center-surface .cl-cover-ph {
    position:relative !important;
    inset:auto !important;
    height:260px !important;
    border-radius:14px;
}
html:root body main .club-center-surface .cl-genre {
    top:10px !important;
    right:18px !important;
}
html:root body main .club-center-surface .cl-hero-content {
    position:relative !important;
    inset:auto !important;
    padding:14px 4px 16px !important;
    color:var(--cl-ink,#111) !important;
}
html:root body main .club-center-surface .cl-hero-titleline {
    align-items:center !important;
    gap:12px !important;
}
html:root body main .club-center-surface .cl-hero-title {
    flex:1;
    min-width:0;
    max-width:none !important;
    margin:0;
    font-size:22px !important;
    line-height:1.2 !important;
    text-shadow:none !important;
}
html:root body main .club-center-surface :is(.cl-meta,.cl-description) {
    color:var(--cl-muted,#6b7280) !important;
}
html:root body main .club-center-surface .cl-meta a:hover {
    color:var(--cl-ink,#111) !important;
}
html:root body main .club-center-surface .cl-join {
    min-height:32px !important;
    padding:6px 12px !important;
    box-shadow:none !important;
}
html:root body main .club-center-surface .cl-join.solid {
    border:0 !important;
    background:var(--cl-ink,#111) !important;
    color:var(--dp-panel-bg,#fff) !important;
}
html:root body main .club-center-surface .cl-nav-stack {
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:var(--dp-panel-bg,#fff) !important;
    box-shadow:none !important;
}
html:root body main .club-center-surface .cl-stat-value {
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    line-height:1.25 !important;
}
html:root body main .club-center-surface > .cl-tabbar {
    display:flex;
    gap:0;
    padding:0 4px;
    border-top:0;
    position:sticky;
}
html:root body main .club-center-surface > .cl-tabbar .ctab {
    position:relative;
    flex:1 0 auto;
    min-width:max-content;
    padding:14px 10px;
    border:0;
    background:transparent;
    color:var(--cl-muted,#6b7280);
    text-align:center;
    white-space:nowrap;
    cursor:pointer;
}
html:root body main .club-center-surface > .cl-tabbar .ctab.active {
    color:var(--cl-ink,#111);
}
html:root body main .club-center-surface > .cl-tabbar .ctab::after {
    content:"";
    position:absolute;
    left:10px;
    right:10px;
    bottom:0;
    height:2px;
    background:transparent;
}
html:root body main .club-center-surface > .cl-tabbar .ctab.active::after {
    background:var(--cl-ink,#111);
}
html:root body main .club-center-surface .cl-stage {
    box-sizing:border-box !important;
    flex:1 0 auto;
    margin-top:8px !important;
    padding:8px !important;
    min-height:0 !important;
    background:var(--dp-panel-bg,#fff) !important;
    border:0 !important;
    border-radius:18px !important;
}
html:root body main .club-center-surface .cl-stage .cpanel {
    padding:0 !important;
}
html:root body main .club-center-surface .cl-stage:has(> #panel-sohbet.active) {
    min-height:var(--cl-chat-stage-height,0px) !important;
}
html:root body main .club-center-surface #panel-tartisma > .cl-empty {
    border:0 !important;
    background:var(--dp-panel-bg,#fff) !important;
    box-shadow:none !important;
}
html:root body main .club-center-surface .cl-stage :is(.cl-history-list,.cl-rules-wrap,.cl-members-wrap) {
    padding-left:4px !important;
    padding-right:4px !important;
}
html:root body main .club-center-surface #panel-sohbet.active {
    display:flex !important;
    flex-direction:column !important;
    box-sizing:border-box !important;
    height:var(--cl-chat-panel-height,60vh) !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    overflow:hidden !important;
    border:0 !important;
    border-radius:12px !important;
    background:var(--dp-panel-bg,#fff) !important;
}
html:root body main .club-center-surface #panel-sohbet .cl-chat-scroll {
    flex:1 1 0 !important;
    min-height:0 !important;
    overflow-y:auto !important;
    background:var(--dp-panel-bg,#fff) !important;
    padding:12px 4px !important;
    overscroll-behavior-y:contain;
}
html:root body main .club-center-surface #panel-sohbet .cl-chat-scroll > * {
    flex-shrink:0;
}
html:root body main .club-center-surface #panel-sohbet :is(.cl-chat-reply,.cl-chat-composer) {
    position:static !important;
    flex:0 0 auto !important;
    box-sizing:border-box;
    width:100%;
    background:var(--dp-panel-bg,#fff) !important;
}
html:root body main .club-center-surface #panel-sohbet .cl-chat-composer {
    margin:0 !important;
    padding:8px 2px !important;
}
html:root body main .club-center-surface #panel-sohbet .cl-chat-input {
    min-width:0 !important;
    height:38px !important;
    padding:0 13px !important;
}
html:root body main .club-center-surface #panel-sohbet .chat-send {
    flex:0 0 38px !important;
    width:38px !important;
    height:38px !important;
}
@media (max-width:767px) {
    html:root body:has(.mobile-header) main .kclub-shell.clubs-center-surface,
    html:root body:has(.mobile-header) main .club-shell.club-center-surface {
        min-height:calc(100svh - var(--ib-shell-header-h,48px)) !important;
    }
    html:root body main .clubs-center-surface .klist .kcard {
        flex-basis:128px !important;
        width:128px !important;
    }
    html:root body main .clubs-center-surface .kcard :is(.kcard-cover,.kcard-ic) {
        height:160px !important;
    }
    html:root body main .clubs-center-surface .kbrowse-nav {
        top:80px;
    }
    html:root body main .club-center-surface .cl-cover > img,
    html:root body main .club-center-surface .cl-cover-ph {
        height:210px !important;
    }
    html:root body main .club-center-surface .cl-hero-titleline {
        flex-wrap:wrap;
    }
    html:root body main .club-center-surface #panel-sohbet .cl-chat-input,
    html:root body main .clubs-center-surface .ksearch input:not([type="hidden"]) {
        font-size:16px !important;
    }
}
/* END_CLUB_BROWSE_DETAIL_CHAT_20261021 */

/* CLUB_LIST_CARD_INFORMATION_20261022 */
html:root body main .clubs-center-surface {
    --kb-info-ink: #14171a;
    --kb-info-muted: #667085;
}
html:root.dark body main .clubs-center-surface {
    --kb-info-ink: #f3f4f6;
    --kb-info-muted: #a1a1aa;
}

html:root body main .clubs-center-surface #clubsBrowseRail {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    align-items: stretch !important;
}

html:root body main .clubs-center-surface #clubsBrowseRail > .kcard {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
    contain: none !important;
    content-visibility: visible !important;
}

html:root body main .clubs-center-surface #clubsBrowseRail
.kcard > :is(.kcard-body, .kcard-act) {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    background: transparent !important;
}

html:root body main .clubs-center-surface #clubsBrowseRail .kcard-body {
    display: block !important;
    padding: 10px 0 6px !important;
    color: var(--kb-info-ink) !important;
}

html:root body main .clubs-center-surface #clubsBrowseRail .kcard-title-row {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
}

html:root body main .clubs-center-surface #clubsBrowseRail .kcard-nm {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: none !important;
    overflow: hidden !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: var(--kb-info-ink) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    white-space: normal !important;
}

html:root body main .clubs-center-surface #clubsBrowseRail .kcard-meta {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
    gap: 5px !important;
    margin-top: 7px !important;
}

html:root body main .clubs-center-surface #clubsBrowseRail
:is(.kmeta, .kstate) {
    display: inline-flex !important;
    align-items: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: var(--kb-info-muted) !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
}

html:root body main .clubs-center-surface #clubsBrowseRail .kcard-book {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 6px 0 0 !important;
    color: var(--kb-info-muted) !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
}

html:root body main .clubs-center-surface #clubsBrowseRail .kcard-act {
    display: flex !important;
    align-items: center !important;
    margin-top: auto !important;
    padding: 6px 0 0 !important;
}

html:root body main .clubs-center-surface #clubsBrowseRail
.kcard-act :is(.kmember, .kjoin) {
    display: inline-flex !important;
    align-items: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    gap: 5px !important;
    color: var(--kb-info-ink) !important;
    background: transparent !important;
    font-size: 12px !important;
}

/* Arama ikonu ile metnin çakışmasını gider. */
html:root body main .clubs-center-surface .ksearch > svg {
    position: static !important;
    inset: auto !important;
    flex: 0 0 14px !important;
    width: 14px !important;
    height: 14px !important;
    transform: none !important;
}
/* END_CLUB_LIST_CARD_INFORMATION_20261022 */

/* CLUB_DETAIL_READABLE_STATS_20261022 */
html:root body main .club-center-surface .cl-meta {
font-size:14px !important; line-height:1.4 !important;
}
html:root body main .club-center-surface .cl-meta svg {
width:16px !important; height:16px !important; flex-shrink:0;
}
html:root body main .club-center-surface .cl-description {
font-size:14px !important; line-height:1.45 !important;
}
html:root body main .club-center-surface .cl-genre {
font-size:13px !important; line-height:1.3 !important;
}
html:root body main .club-center-surface .cl-nav-stack {
container-type:inline-size; container-name:club-summary;
}
html:root body main .club-center-surface .cl-nav-stack .cl-stats {
display:grid !important;
        grid-template-columns:minmax(0,1fr) minmax(max-content,1fr) !important;
        gap:0 !important;
        padding:8px !important;
}
html:root body main .club-center-surface .cl-nav-stack .cl-stat {
display:grid !important;
        grid-template-columns:26px minmax(0,1fr) !important;
        grid-template-rows:auto auto !important;
        align-content:center;
        align-items:center;
        column-gap:8px !important;
        row-gap:3px !important;
        min-height:64px !important;
        padding:8px !important;
}
html:root body main .club-center-surface .cl-nav-stack .cl-stat-copy {
display:contents !important;
}
html:root body main .club-center-surface .cl-nav-stack .cl-stat-icon {
grid-column:1;
        grid-row:1;
        width:26px !important;
        height:26px !important;
        border-radius:8px;
}
html:root body main .club-center-surface .cl-nav-stack .cl-stat-label {
grid-column:2;
        grid-row:1;
        font-size:12px !important;
        font-weight:500 !important;
        line-height:1.3 !important;
        letter-spacing:normal !important;
        text-transform:none !important;
        white-space:nowrap !important;
}
html:root body main .club-center-surface .cl-nav-stack .cl-stat-value {
grid-column:1 / -1;
        grid-row:2;
        display:block !important;
        width:max-content;
        max-width:none !important;
        margin:0 !important;
        font-size:15px !important;
        font-weight:650 !important;
        line-height:1.35 !important;
        white-space:nowrap !important;
        overflow:visible !important;
        text-overflow:clip !important;
}
@container club-summary (min-width:620px) {
html:root body main .club-center-surface .cl-nav-stack .cl-stats {
    grid-template-columns:repeat(3,minmax(0,1fr)) minmax(max-content,1fr) !important;
}
}
/* END_CLUB_DETAIL_READABLE_STATS_20261022 */

/* CLUB_LIST_CONTROLS_COVER_20261022 */
html:root body main .clubs-center-surface.kb-listing-refined {
    --kb-card-width:176px; --kb-cover-height:216px;
}
html:root body main .clubs-center-surface.kb-listing-refined .kclub-hero .page-hero-head {
    display:flex !important; flex-direction:column !important;
    align-items:stretch !important; gap:12px !important;
}
html:root body main .clubs-center-surface.kb-listing-refined .kpage-actions {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) clamp(108px,20vw,140px) max-content !important;
    grid-template-rows:34px !important; align-items:stretch !important;
    gap:8px !important; width:100% !important;
    min-width:0 !important; max-width:none !important; margin:0 !important;
}
html:root body main .clubs-center-surface.kb-listing-refined .kpage-actions > .ksearch {
    grid-column:1 !important; grid-row:1 !important;
    display:block !important; position:relative !important;
    width:100% !important; min-width:0 !important; max-width:none !important;
    padding:0 !important; margin:0 !important;
    height:34px !important; min-height:34px !important; max-height:34px !important;
}
html:root body main .clubs-center-surface.kb-listing-refined .kpage-actions > .ksearch > input[name="q"] {
    display:block !important; box-sizing:border-box !important;
    width:100% !important; min-width:0 !important;
    height:34px !important; min-height:34px !important; max-height:34px !important;
    margin:0 !important; padding:0 30px 0 32px !important;
    border-radius:999px !important; font-size:13px !important;
    line-height:normal !important;
    background:var(--dp-panel-bg,#fff) !important; box-shadow:none !important;
}
html:root body main .clubs-center-surface.kb-listing-refined .kpage-actions > .ksearch > svg {
    position:absolute !important; inset:auto !important;
    left:11px !important; top:50% !important;
    transform:translateY(-50%) !important;
    width:14px !important; height:14px !important;
    z-index:2; opacity:.6; pointer-events:none;
}
html:root body main .clubs-center-surface.kb-listing-refined .ksearch-clear {
    inset:auto !important; top:50% !important; right:10px !important;
    transform:translateY(-50%);
}
html:root body main .clubs-center-surface.kb-listing-refined .kpage-actions > .kgenre-control {
    grid-column:2 !important; grid-row:1 !important;
    display:block !important; box-sizing:border-box !important;
    width:100% !important; min-width:0 !important;
    height:34px !important; margin:0 !important; padding:0 !important;
}
html:root body main .clubs-center-surface.kb-listing-refined .kgenre-control .kgenre-filter {
    width:100% !important; min-width:0 !important;
    height:34px !important; margin:0 !important;
}
html:root body main .clubs-center-surface.kb-listing-refined .kgenre-control .kgenre-filter > summary {
    box-sizing:border-box !important; width:100% !important;
    min-width:0 !important; height:34px !important;
    min-height:34px !important; max-height:34px !important;
    padding:0 10px !important; gap:6px !important; font-size:12.5px !important;
}
html:root body main .clubs-center-surface.kb-listing-refined .kgenre-summary-value {
    min-width:0 !important; gap:6px !important;
}
html:root body main .clubs-center-surface.kb-listing-refined .kgenre-summary-value svg,
html:root body main .clubs-center-surface.kb-listing-refined .kgenre-filter > summary > svg {
    flex-shrink:0 !important; width:14px !important; height:14px !important;
}
html:root body main .clubs-center-surface.kb-listing-refined .kpage-actions > .kbtn-primary {
    grid-column:3 !important; grid-row:1 !important;
    justify-self:end !important; align-self:stretch !important;
    width:max-content !important; min-width:0 !important;
    height:34px !important; min-height:34px !important; max-height:34px !important;
    padding:0 12px !important; margin:0 !important;
    white-space:nowrap !important; font-size:12.5px !important;
    gap:5px !important; box-shadow:none !important; transform:none !important;
}
html:root body main .clubs-center-surface.kb-listing-refined .kbtn-primary svg { flex-shrink:0; }

html:root body main .clubs-center-surface.kb-listing-refined #clubsBrowseRail {
    flex-direction:row !important; align-items:stretch !important; gap:14px !important;
}
html:root body main .clubs-center-surface.kb-listing-refined #clubsBrowseRail > .kcard {
    flex:0 0 var(--kb-card-width) !important;
    width:var(--kb-card-width) !important; height:auto !important;
    align-items:stretch !important; overflow:visible !important;
}
html:root body main .clubs-center-surface.kb-listing-refined #clubsBrowseRail .kb-cover {
    position:relative; flex:0 0 auto;
    width:100%; height:var(--kb-cover-height);
    overflow:hidden; border-radius:13px;
    background:#e8ebef; z-index:2; pointer-events:none;
}
html:root.dark body main .clubs-center-surface.kb-listing-refined #clubsBrowseRail .kb-cover { background:#1c1e23; }
html:root body main .clubs-center-surface.kb-listing-refined #clubsBrowseRail .kb-cover > .kb-cover-backdrop {
    display:block; position:absolute; inset:0;
    width:100%; height:100%; max-height:none;
    object-fit:cover; opacity:.38;
    filter:blur(14px); transform:scale(1.16); z-index:0;
}
html:root body main .clubs-center-surface.kb-listing-refined #clubsBrowseRail .kb-cover > :is(.kcard-cover,.kcard-ic) {
    position:relative !important; inset:auto !important;
    z-index:1; width:100% !important; height:100% !important;
    min-height:0 !important; max-height:none !important; margin:0 !important;
    object-fit:contain !important; object-position:center !important;
    border-radius:0 !important; transform:none !important;
}
html:root body main .clubs-center-surface.kb-listing-refined #clubsBrowseRail .kb-cover::after {
    content:""; position:absolute; inset:0; z-index:2; pointer-events:none;
    background:linear-gradient(
        180deg,transparent 52%,rgba(0,0,0,.12) 72%,rgba(0,0,0,.58)
    );
}
html:root body main .clubs-center-surface.kb-listing-refined #clubsBrowseRail .kb-cover-members {
    position:absolute; left:10px; bottom:10px; z-index:3;
    display:inline-flex; align-items:center; gap:5px;
    color:#fff; font-size:12.5px; font-weight:550;
    line-height:1.3; white-space:nowrap;
}
html:root body main .clubs-center-surface.kb-listing-refined #clubsBrowseRail .kb-cover-members svg {
    width:14px; height:14px; flex-shrink:0;
}
html:root body main .clubs-center-surface.kb-listing-refined #clubsBrowseRail .kcard-leader-badge {
    z-index:3; top:9px; left:9px;
}
html:root body main .clubs-center-surface.kb-listing-refined #clubsBrowseRail .kcard-nm {
    font-size:15px !important; font-weight:650 !important; line-height:1.35 !important;
}
html:root body main .clubs-center-surface.kb-listing-refined #clubsBrowseRail :is(.kmeta,.kstate) {
    font-size:13px !important; line-height:1.4 !important; opacity:1 !important;
}
html:root body main .clubs-center-surface.kb-listing-refined .kbrowse-nav {
    top:calc(14px + var(--kb-cover-height) / 2 - 18px) !important;
}
@media (max-width:767px) {
    html:root body main .clubs-center-surface.kb-listing-refined { --kb-card-width:160px; --kb-cover-height:200px; }
    html:root body main .clubs-center-surface.kb-listing-refined .kpage-actions > .ksearch > input[name="q"] {
        font-size:16px !important;
    }
}
/* END_CLUB_LIST_CONTROLS_COVER_20261022 */


/* CLUB_EMPTY_CHAT_VIEWPORT_20261022 */
html:root body main .clubs-center-surface .kbrowse-panel:has(#clubsBrowseRail > .kempty-state) {
    display:flex !important; flex-direction:column !important;
}
html:root body main .clubs-center-surface #clubsBrowseRail:has(> .kempty-state) {
    display:flex !important; flex-direction:column !important;
    flex:1 0 auto !important; align-items:stretch !important;
    overflow:visible !important;
}
html:root body main .clubs-center-surface #clubsBrowseRail > .kempty-state {
    box-sizing:border-box !important;
    display:flex !important; flex-direction:column !important;
    align-items:center !important; justify-content:center !important;
    flex:1 0 auto !important; width:100% !important;
    max-width:none !important; min-height:260px !important;
    margin:0 !important; padding:40px 16px !important;
    text-align:center !important;
}
html:root body main .club-center-surface .cl-stage .cl-empty {
    box-sizing:border-box; width:100%;
    display:flex; flex-direction:column;
    align-items:center; justify-content:center;
    min-height:240px; padding:40px 16px; text-align:center;
}
@media (max-width:767px) {
    html:root.club-chat-open {
        overscroll-behavior-y:none; scroll-behavior:auto !important;
    }
    html:root.club-chat-open[data-ib-mobile-shell] body:has(> .mobile-header) > .mobile-header {
        top:var(--cl-chat-vv-top,0px) !important;
        transform:none !important; transition:none !important;
    }
    html:root.club-chat-open.club-chat-keyboard .mobile-nav {
        visibility:hidden !important; pointer-events:none !important;
    }
    html:root body > #ibClubChatDock {
        position:fixed; z-index:44; box-sizing:border-box;
        display:flex; flex-direction:column; margin:0; padding:0;
        min-width:0; min-height:0; overflow:hidden; isolation:isolate;
        background:var(--dp-panel-bg,#fff); color:var(--cl-ink,#111);
    }
    #ibClubChatDock > .cl-tabbar {
        position:relative !important; inset:auto !important;
        flex:0 0 auto !important; box-sizing:border-box !important;
        display:flex !important; width:100% !important; min-height:44px;
        margin:0 !important; padding:0 4px !important;
        transform:none !important; opacity:1 !important;
        pointer-events:auto !important; overflow-x:auto !important;
        background:var(--dp-panel-bg,#fff) !important;
        border-bottom:1px solid var(--dp-row-line,#eceff3) !important;
        border-radius:0 !important; box-shadow:none !important;
        backdrop-filter:none !important;
    }
    #ibClubChatDock .cl-tabbar .ctab {
        display:flex; align-items:center; justify-content:center;
        flex:1 0 auto; min-width:max-content; padding:14px 10px;
        font-size:15px !important; font-weight:600 !important;
        line-height:1 !important; white-space:nowrap;
    }
    #ibClubChatDock .ctab.active { font-weight:700 !important; }
    #ibClubChatDock > .cl-stage {
        box-sizing:border-box !important; flex:1 1 0 !important;
        width:100% !important; height:auto !important;
        min-height:0 !important; margin:0 !important;
        padding:6px 0 0 !important; overflow:hidden;
        border:0 !important; background:var(--dp-panel-bg,#fff) !important;
    }
    #ibClubChatDock #panel-sohbet.active {
        box-sizing:border-box !important; display:flex !important;
        flex-direction:column !important; width:100% !important;
        height:100% !important; min-height:0 !important;
        max-height:none !important; padding:0 !important;
        margin:0 !important; border:0 !important; border-radius:0 !important;
        overflow:hidden !important;
        background:var(--dp-panel-bg,#fff) !important;
    }
    #ibClubChatDock #panel-sohbet .cl-chat-scroll {
        flex:1 1 0 !important; min-height:0 !important;
        overflow-y:auto !important; padding:12px 8px !important;
        overscroll-behavior:contain;
        background:var(--dp-panel-bg,#fff) !important;
    }
    #ibClubChatDock #panel-sohbet .cl-chat-scroll > * {
        flex-shrink:0;
    }
    #ibClubChatDock #panel-sohbet .cl-chat-composer,
    #ibClubChatDock #panel-sohbet .cl-chat-reply {
        position:static !important; box-sizing:border-box !important;
        flex:0 0 auto !important; width:100% !important; margin:0 !important;
        background:var(--dp-panel-bg,#fff) !important;
    }
    #ibClubChatDock #panel-sohbet .cl-chat-composer {
        padding:8px !important; gap:8px !important;
        border:0 !important;
        border-top:1px solid var(--dp-row-line,#eceff3) !important;
        border-radius:0 !important; backdrop-filter:none !important;
    }
    #ibClubChatDock #panel-sohbet #chatInput {
        box-sizing:border-box !important;
        flex:1 1 0 !important; min-width:0 !important;
        height:38px !important; padding:0 13px !important;
        font-size:16px !important;
    }
    #ibClubChatDock #panel-sohbet .chat-send {
        flex:0 0 38px !important; width:38px !important;
        height:38px !important;
    }
}
/* END_CLUB_EMPTY_CHAT_VIEWPORT_20261022 */


/* STORY_DETAIL_PREMIUM_20261022 */
html:root body main.story-shell {
    --sd-ink:#17191d; --sd-muted:#68717e; --sd-soft:#f0f1f3;
    --sd-hover:#e5e7eb; --sd-selected:#e3e6eb;
    --sd-primary:#17191d; --sd-primary-hover:#303238; --sd-primary-text:#fff;
}
html:root.dark body main.story-shell {
    --sd-ink:#f4f4f5; --sd-muted:#a9aeb7; --sd-soft:#202124;
    --sd-hover:#2b2d31; --sd-selected:#303238;
    --sd-primary:#f4f4f5; --sd-primary-hover:#dedee2; --sd-primary-text:#151619;
}
html:root body main.story-shell .story-top-panel > .story-head {
    padding:12px 20px !important; gap:12px !important;
}
html:root body main.story-shell .story-head .story-back {
    display:inline-flex !important; align-items:center; gap:7px !important;
    min-height:36px !important; padding:0 13px !important; margin:0 !important;
    border:0 !important; border-radius:999px !important;
    background:var(--sd-soft) !important; color:var(--sd-ink) !important;
    font-size:14px !important; font-weight:650 !important;
    line-height:1 !important; white-space:nowrap; text-decoration:none !important;
}
html:root body main.story-shell .story-back svg {
    width:18px !important; height:18px !important; stroke-width:2 !important;
}
html:root body main.story-shell .story-head-kicker {
    color:var(--sd-muted) !important; font-weight:600 !important;
}
html:root body main.story-shell .story-head-actions {
    gap:4px !important; margin-left:auto !important;
}
html:root body main.story-shell .story-head-actions .story-icon-btn,
html:root body main.story-shell .story-actions > .story-icon-btn {
    display:inline-flex !important; align-items:center; justify-content:center;
    width:38px !important; height:38px !important; min-height:38px !important;
    flex:0 0 38px !important; padding:0 !important;
    border:0 !important; background:transparent !important;
    color:var(--sd-muted) !important; box-shadow:none !important;
}
html:root body main.story-shell .story-head-actions .story-icon-btn svg,
html:root body main.story-shell .story-actions > .story-icon-btn svg {
    width:18px !important; height:18px !important;
}
html:root body main.story-shell .story-actions > .story-icon-btn.is-active {
    color:var(--sd-ink) !important;
}
html:root body main.story-shell .story-top-panel > .story-hero {
    grid-template-columns:142px minmax(0,1fr) !important;
    gap:22px !important; padding:22px 20px !important;
}
html:root body main.story-shell .story-title {
    color:var(--sd-ink) !important;
    font-size:clamp(30px,3vw,38px) !important;
    font-weight:720 !important; line-height:1.12 !important;
    letter-spacing:-.03em !important;
}
html:root body main.story-shell .story-blurb {
    color:var(--sd-muted) !important;
    font-size:14px !important; line-height:1.45 !important;
}
html:root body main.story-shell .story-meta {
    color:var(--sd-muted) !important;
    gap:8px 13px !important; font-size:12px !important;
}
html:root body main.story-shell .story-actions {
    gap:8px !important; margin-top:16px !important;
}
html:root body main.story-shell :is(.story-primary,.story-secondary,.story-tertiary) {
    box-sizing:border-box !important; display:inline-flex !important;
    align-items:center !important; justify-content:center !important;
    min-height:40px !important; padding:0 14px !important; gap:7px !important;
    border:0 !important; border-radius:999px !important;
    font-size:13.5px !important; font-weight:600 !important;
    line-height:1 !important; text-decoration:none !important;
    box-shadow:none !important;
    transition:background-color .15s ease,color .15s ease !important;
}
html:root body main.story-shell .story-primary {
    min-height:42px !important; padding:0 17px !important;
    background:var(--sd-primary) !important;
    color:var(--sd-primary-text) !important;
}
html:root body main.story-shell :is(.story-secondary,.story-tertiary) {
    background:var(--sd-soft) !important; color:var(--sd-ink) !important;
}
html:root body main.story-shell .story-secondary.is-active {
    background:var(--sd-selected) !important; color:var(--sd-ink) !important;
}
html:root body main.story-shell :is(.story-primary,.story-secondary) > svg {
    width:16px !important; height:16px !important; flex:0 0 16px !important;
}
html:root body main.story-shell :is(.story-back,.story-primary,.story-secondary,.story-icon-btn):focus-visible {
    outline:2px solid var(--sd-ink) !important; outline-offset:3px !important;
}
html:root body main.story-shell .story-section-head h2 {
    font-size:17px !important; font-weight:650 !important;
    color:var(--sd-ink) !important;
}
html:root body main.story-shell .story-chapter-info strong {
    color:var(--sd-ink) !important;
    font-size:14px !important; font-weight:600 !important;
}
html:root body main.story-shell .story-chapter-info small {
    color:var(--sd-muted) !important; font-size:12px !important;
}
html:root body main.story-shell .story-chapter-arrow {
    background:transparent !important; color:var(--sd-muted) !important;
}
@media (hover:hover) {
    html:root body main.story-shell .story-back:hover,
    html:root body main.story-shell .story-secondary:hover,
    html:root body main.story-shell .story-tertiary:hover {
        background:var(--sd-hover) !important; color:var(--sd-ink) !important;
    }
    html:root body main.story-shell .story-primary:hover {
        background:var(--sd-primary-hover) !important;
    }
    html:root body main.story-shell .story-icon-btn:hover { color:var(--sd-ink) !important; }
    html:root body main.story-shell .story-head-actions .story-icon-btn.is-danger:hover {
        color:#dc2626 !important;
    }
}
@media (max-width:767px) {
    html:root body main.story-shell .story-top-panel > .story-head {
        padding:12px 14px !important; gap:8px !important;
    }
    html:root body main.story-shell .story-head-kicker { display:none !important; }
    html:root body main.story-shell .story-top-panel > .story-hero {
        grid-template-columns:88px minmax(0,1fr) !important;
        column-gap:14px !important; row-gap:8px !important;
        padding:16px 14px !important;
    }
    html:root body main.story-shell .story-hero > .story-cover {
        grid-column:1 !important; grid-row:1 / 4 !important;
        align-self:start !important; width:88px !important;
        border-radius:14px !important;
    }
    html:root body main.story-shell .story-hero-body { display:contents !important; }
    html:root body main.story-shell .story-hero .story-kicker {
        grid-column:2 !important; grid-row:1 !important;
        margin:0 !important; align-self:end;
    }
    html:root body main.story-shell .story-hero .story-title {
        grid-column:2 !important; grid-row:2 !important;
        font-size:26px !important; line-height:1.1 !important;
        overflow-wrap:anywhere;
    }
    html:root body main.story-shell .story-hero .story-author-line {
        grid-column:2 !important; grid-row:3 !important;
        align-self:start; min-width:0;
    }
    html:root body main.story-shell .story-author { min-width:0; max-width:100%; }
    html:root body main.story-shell .story-author img { flex-shrink:0; }
    html:root body main.story-shell .story-hero .story-blurb {
        grid-column:1 / -1 !important; grid-row:4 !important;
        margin:8px 0 0 !important;
    }
    html:root body main.story-shell .story-hero .story-meta {
        grid-column:1 / -1 !important; grid-row:5 !important;
        margin-top:6px !important;
    }
    html:root body main.story-shell .story-hero .story-actions {
        grid-column:1 / -1 !important; grid-row:6 !important;
        display:grid !important;
        grid-template-columns:repeat(2,minmax(max-content,1fr)) !important;
        gap:6px !important; margin-top:10px !important;
    }
    html:root body main.story-shell .story-actions:has(> #storyNotificationButton:not([hidden])) {
        grid-template-columns:minmax(max-content,1fr) minmax(max-content,1fr) 38px !important;
    }
    html:root body main.story-shell .story-actions > .story-primary {
        grid-column:1 / -1 !important;
        width:100% !important; order:0 !important;
    }
    html:root body main.story-shell .story-actions > .story-secondary {
        order:1 !important; width:100% !important;
        min-height:38px !important; padding:0 10px !important;
        gap:6px !important; font-size:13px !important;
    }
    html:root body main.story-shell .story-actions > #saveButton { order:2 !important; }
    html:root body main.story-shell .story-actions > #storyNotificationButton { order:3 !important; }
}
html:root body main.story-shell .story-actions > [hidden],
html:root body main.story-shell .story-head-actions > [hidden] { display:none !important; }
/* END_STORY_DETAIL_PREMIUM_20261022 */

/* CLUB_COVER_FILL_SHARED_BACK_20261022 */
html:root body main .clubs-center-surface.kb-listing-refined
#clubsBrowseRail .kb-cover > .kcard-cover {
    width:100% !important;
    height:100% !important;
    object-fit:fill !important;
    object-position:center !important;
}
html:root body main .clubs-center-surface.kb-listing-refined
#clubsBrowseRail .kb-cover > .kb-cover-backdrop {
    display:none !important;
}
html:root body main .club-center-surface .cl-cover {
    padding:0 !important;
}
html:root body main .club-center-surface .cl-cover > img {
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:260px !important;
    object-fit:fill !important;
    object-position:center !important;
    border-radius:0 !important;
}
html:root body main .club-center-surface .cl-cover .cl-hero-content {
    padding:16px 12px 18px !important;
}
html:root body main .club-center-surface .cl-cover .cl-genre {
    top:12px !important;
    right:12px !important;
}
html:root body main.story-shell .story-head .story-back,
html:root body main.story-shell .story-head .story-back:hover,
html:root body main .club-center-surface .cl-page-head .cl-page-back {
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-height:36px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    text-decoration:none !important;
    color:var(--sd-ink,var(--cl-ink,#17191d)) !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1 !important;
    white-space:nowrap !important;
}
html:root body main.story-shell .story-head .story-back svg,
html:root body main .club-center-surface .cl-page-head .cl-page-back svg {
    width:22px !important;
    height:22px !important;
    flex:0 0 22px !important;
}
@media (max-width:767px) {
    html:root body main .club-center-surface .cl-cover > img {
        height:210px !important;
    }
}
/* CLUB_COVER_STRETCH_BACK_ONLY_20261022 */
/* END_CLUB_COVER_FILL_SHARED_BACK_20261022 */

/* CLUB_SETTINGS_OWNER_MENU_20261022 */
html:root body main .ib-club-has-owner-menu .cl-genre {
    right:58px !important;
}
html:root body main .cl-cover > .ib-club-owner-button {
    position:absolute; top:12px; right:12px; z-index:5;
    display:flex; align-items:center; justify-content:center;
    width:34px; height:34px; min-height:34px; padding:6px;
    border:0; border-radius:10px; background:rgba(12,14,18,.64);
    color:#fff; cursor:pointer; box-shadow:none; transform:none;
}
.ib-club-owner-button svg { width:22px; height:22px; }
#ibClubOwnerMenu {
    position:fixed; z-index:10050; display:flex; flex-direction:column;
    width:210px; max-width:calc(100vw - 16px); padding:5px;
    border:0; border-radius:14px; background:var(--dp-panel-bg,#fff);
    color:#17191d; box-shadow:0 8px 32px rgba(0,0,0,.17);
}
#ibClubOwnerMenu[hidden],
#panel-kurallar .ib-club-delete-moved {
    display:none !important;
}
html.dark #ibClubOwnerMenu { background:#202124; color:#f4f4f5; }
#ibClubOwnerMenu .ib-club-owner-item {
    display:flex; align-items:center; width:100%; min-height:42px;
    padding:10px 12px; border:0; border-radius:9px; background:transparent;
    color:inherit; font:inherit; font-size:14px; font-weight:500;
    line-height:1.35; text-align:left; cursor:pointer;
}
#ibClubOwnerMenu .ib-club-owner-item:hover {
    background:rgba(127,127,127,.11);
}
#ibClubOwnerMenu .ib-club-owner-item.is-danger { color:#dc2626; }
#ibClubOwnerMenu .ib-club-owner-item:disabled {
    opacity:.45; cursor:default;
}
html.dark #ibClubOwnerMenu .ib-club-owner-item.is-danger { color:#f87171; }
#ibClubSettingsDialog {
    position:fixed;
    inset:var(--ib-club-dialog-top,12px) 12px var(--ib-club-dialog-bottom,12px);
    box-sizing:border-box; width:560px; max-width:calc(100% - 24px);
    height:fit-content;
    max-height:var(--ib-club-dialog-height,calc(100dvh - 24px));
    margin:auto; padding:0; border:0; border-radius:20px;
    background:var(--dp-panel-bg,#fff); color:var(--cl-ink,#17191d);
    box-shadow:0 18px 65px rgba(0,0,0,.22); overflow:hidden;
}
#ibClubSettingsDialog:not([open]) { display:none !important; }
#ibClubSettingsDialog[open] { display:flex; flex-direction:column; }
#ibClubSettingsDialog::backdrop { background:rgba(0,0,0,.46); }
html.dark #ibClubSettingsDialog { background:#141517; color:#f4f4f5; }
#ibClubSettingsDialog .ib-club-settings-heading {
    flex:0 0 auto; display:flex; align-items:center;
    justify-content:space-between; gap:12px; padding:16px 20px 12px;
}
#ibClubSettingsDialog .ib-club-settings-heading h2 {
    margin:0; color:inherit; font-size:18px; font-weight:650; line-height:1.3;
}
#ibClubSettingsDialog .ib-club-settings-close {
    display:flex; align-items:center; justify-content:center;
    flex:0 0 34px; width:34px; height:34px; min-height:34px; padding:7px;
    border:0; border-radius:999px; background:transparent;
    color:inherit; cursor:pointer;
}
#ibClubSettingsDialog .ib-club-settings-close svg {
    width:20px; height:20px;
}
#ibClubSettingsDialog .ib-club-settings-body {
    flex:1 1 auto; min-height:0; padding:0 20px 20px; overflow-y:auto;
    overscroll-behavior:contain; -webkit-overflow-scrolling:touch;
}
#ibClubSettingsDialog .cl-settings {
    margin:0 !important; padding:0 !important; border:0 !important;
    border-radius:0 !important; background:transparent !important;
    box-shadow:none !important;
}
#ibClubSettingsDialog .cl-settings-head,
#ibClubSettingsDialog #clubSettingsSummary {
    display:none !important;
}
#ibClubSettingsDialog #clubSettingsForm { display:flex !important; }
#ibClubSettingsDialog .cl-field-input {
    box-sizing:border-box; max-width:100%;
}
#ibClubSettingsDialog .cl-field-file { max-width:100%; }
#ibClubOwnerMenu button:focus-visible,
#ibClubSettingsDialog button:focus-visible,
.ib-club-owner-button:focus-visible {
    outline:2px solid currentColor; outline-offset:2px;
}
/* END_CLUB_SETTINGS_OWNER_MENU_20261022 */

/* CLUB_LIST_COMPACT_COVER_STATUS_20261022 */
html:root body main .clubs-center-surface.kb-listing-refined.kb-status-on-cover {
    --kb-card-width:160px;
    --kb-cover-height:200px;
}
html:root body main .clubs-center-surface.kb-listing-refined.kb-status-on-cover #clubsBrowseRail { gap:12px !important; }
html:root body main .clubs-center-surface.kb-listing-refined.kb-status-on-cover #clubsBrowseRail > .kcard { border-radius:8px !important; }
html:root body main .clubs-center-surface.kb-listing-refined.kb-status-on-cover #clubsBrowseRail .kb-cover { border-radius:8px !important; }
html:root body main .clubs-center-surface.kb-listing-refined.kb-status-on-cover #clubsBrowseRail .kb-cover::after {
    background:linear-gradient(
        180deg,transparent 48%,rgba(0,0,0,.12) 68%,rgba(0,0,0,.7)
    ) !important;
}
html:root body main .clubs-center-surface.kb-listing-refined.kb-status-on-cover #clubsBrowseRail .kb-cover-members {
    left:8px !important; bottom:10px !important;
    padding:0 !important; border:0 !important; border-radius:0 !important;
    background:transparent !important; color:#fff !important;
    font-weight:500 !important;
    text-shadow:0 1px 4px rgba(0,0,0,.65);
}
html:root body main .clubs-center-surface.kb-listing-refined.kb-status-on-cover #clubsBrowseRail .kb-cover > .kcard-act {
    position:absolute !important;
    inset:auto 8px 0 auto !important; z-index:4 !important;
    display:flex !important; align-items:center !important;
    justify-content:flex-end !important;
    width:auto !important; min-width:0 !important;
    height:36px !important; min-height:36px !important;
    margin:0 !important; padding:0 !important; border:0 !important;
    background:transparent !important; pointer-events:auto !important;
}
html:root body main .clubs-center-surface.kb-listing-refined.kb-status-on-cover #clubsBrowseRail .kb-cover > .kcard-act > form {
    display:flex !important; align-items:center !important;
    width:auto !important; height:36px !important; min-height:0 !important;
    margin:0 !important; padding:0 !important;
    border:0 !important; background:transparent !important;
}
html:root body main .clubs-center-surface.kb-listing-refined.kb-status-on-cover #clubsBrowseRail .kb-cover .kcard-act :is(.kmember,.kjoin),
html:root body main .clubs-center-surface.kb-listing-refined.kb-status-on-cover #clubsBrowseRail .kb-cover .kcard-act .kjoin:hover {
    display:inline-flex !important; align-items:center !important;
    justify-content:center !important; gap:4px !important;
    width:auto !important; min-width:44px !important;
    height:36px !important; min-height:36px !important; max-height:36px !important;
    padding:0 !important; margin:0 !important; border:0 !important;
    border-radius:0 !important; background:transparent !important;
    color:#fff !important; box-shadow:none !important;
    font-size:12.5px !important; font-weight:500 !important;
    line-height:1.3 !important; white-space:nowrap !important;
    text-decoration:none !important;
    text-shadow:0 1px 4px rgba(0,0,0,.65);
    opacity:1 !important; transform:none !important;
}
html:root body main .clubs-center-surface.kb-listing-refined.kb-status-on-cover #clubsBrowseRail .kb-cover .kcard-act :is(.kmember,.kjoin) svg {
    width:13px !important; height:13px !important;
    flex-shrink:0 !important;
}
html:root body main .clubs-center-surface.kb-listing-refined.kb-status-on-cover #clubsBrowseRail .kcard-body { padding:8px 0 0 !important; }
@media (max-width:767px) {
    html:root body main .clubs-center-surface.kb-listing-refined.kb-status-on-cover {
        --kb-card-width:148px;
        --kb-cover-height:186px;
    }
}
/* END_CLUB_LIST_COMPACT_COVER_STATUS_20261022 */


/* CLUB_GLASS_FILE_SELECT_20261022 */
html:root body main .club-center-surface .cl-cover > .ib-club-cover-tools {
    position:absolute !important; top:12px !important; right:12px !important;
    z-index:6; display:flex; align-items:center; gap:2px;
    box-sizing:border-box; max-width:calc(100% - 24px); padding:3px;
    border:1px solid rgba(255,255,255,.45); border-radius:14px;
    background:rgba(255,255,255,.58); color:#20242b;
    -webkit-backdrop-filter:blur(18px) saturate(150%);
    backdrop-filter:blur(18px) saturate(150%);
    box-shadow:0 2px 12px rgba(0,0,0,.09),inset 0 1px 0 rgba(255,255,255,.5);
}
html:root.dark body main .club-center-surface .cl-cover > .ib-club-cover-tools {
    background:rgba(55,60,68,.54); color:#fff;
    border-color:rgba(255,255,255,.23);
    box-shadow:0 2px 12px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.14);
}
html:root body main .club-center-surface .cl-cover > .ib-club-cover-tools > .cl-genre {
    position:static !important; inset:auto !important; transform:none !important;
    display:flex !important; align-items:center; min-width:0; max-width:220px;
    overflow:hidden; white-space:nowrap;
    min-height:32px; padding:0 9px !important; margin:0 !important;
    border:0 !important; border-radius:0 !important; background:transparent !important;
    color:inherit !important; font-size:13px !important; font-weight:500 !important;
    box-shadow:none !important;
    -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
}
html:root body main .club-center-surface .cl-cover .ib-club-cover-tools > .ib-club-owner-button {
    position:static !important; inset:auto !important;
    display:flex; align-items:center; justify-content:center;
    flex:0 0 34px; width:34px !important; height:34px !important;
    min-height:34px !important; padding:6px !important; margin:0 !important;
    border:0 !important; border-radius:10px !important;
    background:transparent !important; color:inherit !important;
    box-shadow:none !important; transform:none !important; cursor:pointer;
}
html:root body :is(.ib-club-select,.ib-club-cover-picker) {
    box-sizing:border-box; font-family:inherit;
}
html:root body .ib-club-select {
    position:relative; display:inline-flex; vertical-align:middle; max-width:100%;
}
html:root body #ibClubSettingsDialog .cl-field > .ib-club-select {
    display:flex; width:100%;
}
html:root body .ib-club-select > select.ib-club-native-select,
html:root body #clubSettingsForm input.ib-club-native-file {
    display:none !important;
}
html:root body .ib-club-select > .ib-club-select-button {
    box-sizing:border-box; display:flex; align-items:center;
    justify-content:space-between; gap:15px;
    width:100%; min-height:38px; padding:8px 12px; margin:0;
    border:0; border-radius:10px; background:#f0f1f4; color:#23262d;
    font:inherit; font-size:14px; font-weight:500;
    line-height:1.35; text-align:left; box-shadow:none; cursor:pointer;
}
html:root body .ib-club-select-text {
    min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
html:root body .ib-club-select-arrow { display:flex; flex:0 0 16px; }
html:root body .ib-club-select-arrow svg { width:16px; height:16px; }
html:root body .ib-club-select-button:disabled { opacity:.5; cursor:default; }
html:root body .ib-club-select-menu {
    position:fixed; z-index:20000; display:block; box-sizing:border-box;
    padding:5px; margin:0; border:1px solid rgba(20,25,35,.08);
    border-radius:13px; background:#fff; color:#23262d;
    box-shadow:0 10px 36px rgba(15,20,30,.16);
    overflow-y:auto; overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    font:inherit; font-size:14px; font-weight:500;
    line-height:1.4; text-align:left;
}
html:root body .ib-club-select-menu[hidden] { display:none !important; }
html:root body .ib-club-select-option {
    position:relative; min-height:38px; box-sizing:border-box;
    padding:9px 32px 9px 11px; border-radius:8px; white-space:nowrap; cursor:pointer;
}
html:root body .ib-club-select-option[aria-selected="true"]::after {
    content:'✓'; position:absolute; right:11px; top:9px;
}
html:root body .ib-club-select-option:is(.is-current,[aria-selected="true"]) {
    background:#edf0f4;
}
html:root body .ib-club-select-option[aria-disabled="true"] {
    opacity:.4; cursor:default;
}
html:root body #ibClubSettingsDialog .ib-club-cover-picker {
    display:grid; grid-template-columns:76px minmax(0,1fr);
    align-items:center; gap:14px; padding:12px; border:0;
    border-radius:14px; background:#f0f1f4; color:#23262d;
}
html:root body #ibClubSettingsDialog .ib-club-cover-preview {
    display:block; width:76px; height:88px; padding:0;
    border:0; border-radius:8px; object-fit:cover;
}
html:root body #ibClubSettingsDialog .ib-club-cover-preview[hidden] {
    display:none !important;
}
html:root body #ibClubSettingsDialog .ib-club-cover-picker:has(> img[hidden]) {
    grid-template-columns:minmax(0,1fr);
}
html:root body #ibClubSettingsDialog .ib-club-cover-copy {
    display:flex; flex-direction:column; align-items:flex-start;
    gap:10px; min-width:0;
}
html:root body #ibClubSettingsDialog .ib-club-cover-name {
    display:block; max-width:100%; overflow:hidden;
    text-overflow:ellipsis; white-space:nowrap; font-size:13px; color:inherit;
}
html:root body #ibClubSettingsDialog .ib-club-cover-change {
    min-height:36px; padding:8px 12px; border:0; border-radius:9px;
    background:#fff; color:#20242b; font:inherit;
    font-size:13px; font-weight:600; line-height:1.3; cursor:pointer;
    box-shadow:0 1px 3px rgba(0,0,0,.06);
}
html:root.dark body .ib-club-select > .ib-club-select-button,
html:root.dark body #ibClubSettingsDialog .ib-club-cover-picker {
    background:#24272d; color:#f4f5f7;
}
html:root.dark body .ib-club-select-menu {
    background:#202329; color:#f4f5f7; border-color:rgba(255,255,255,.1);
}
html:root.dark body .ib-club-select-option:is(.is-current,[aria-selected="true"]) {
    background:#343941;
}
html:root.dark body #ibClubSettingsDialog .ib-club-cover-change {
    background:#393e47; color:#fff;
}
html:root body .ib-club-select-button:focus-visible,
html:root body #ibClubSettingsDialog .ib-club-cover-change:focus-visible {
    outline:2px solid currentColor; outline-offset:3px;
}
/* END_CLUB_GLASS_FILE_SELECT_20261022 */

/* CLUB_COVER_SEPARATE_GLASS_CONTROLS_20261022 */

/* Ortak kapsülün kutusunu kaldır; kontrolleri iki uca yerleştir. */
html:root body main .club-center-surface .cl-cover > .ib-club-cover-tools {
    display:flex !important;
    position:absolute !important;
    top:12px !important;
    left:12px !important;
    right:12px !important;
    bottom:auto !important;
    width:auto !important;
    height:auto !important;
    max-width:none !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    pointer-events:none;
}

/* Soldaki tür etiketi. */
html:root body main .club-center-surface .cl-cover > .ib-club-cover-tools > .cl-genre {
    position:static !important;
    inset:auto !important;
    display:inline-flex !important;
    flex:0 1 auto !important;
    align-items:center !important;
    gap:5px !important;
    box-sizing:border-box !important;
    min-width:0 !important;
    max-width:calc(100% - 42px) !important;
    min-height:30px !important;
    padding:6px 11px !important;
    margin:0 !important;
    border-radius:9999px !important;
    overflow:hidden;
    white-space:nowrap;
    line-height:1.2 !important;
    pointer-events:auto;
}

/* Sağdaki bağımsız üç nokta düğmesi. */
html:root body main .club-center-surface .cl-cover .ib-club-cover-tools > .ib-club-owner-button {
    position:relative !important;
    inset:auto !important;
    display:flex !important;
    flex:0 0 34px !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    width:34px !important;
    height:34px !important;
    min-height:34px !important;
    padding:7px !important;
    margin:0 0 0 auto !important;
    border-radius:9999px !important;
    pointer-events:auto;
}

html:root body main .club-center-surface .cl-cover .ib-club-cover-tools > .ib-club-owner-button svg {
    width:20px !important;
    height:20px !important;
}

/* İki kontrolün ayrı cam yüzeyleri. */
html:root body main .club-center-surface .cl-cover > .ib-club-cover-tools > :is(.cl-genre,.ib-club-owner-button) {
    background:rgba(255,255,255,.58) !important;
    color:#20242b !important;
    border:1px solid rgba(255,255,255,.18) !important;
    box-shadow:0 3px 12px rgba(0,0,0,.055),inset 0 1px 0 rgba(255,255,255,.10) !important;
    -webkit-backdrop-filter:blur(16px) saturate(145%) !important;
    backdrop-filter:blur(16px) saturate(145%) !important;
}

html:root.dark body main .club-center-surface .cl-cover > .ib-club-cover-tools > :is(.cl-genre,.ib-club-owner-button) {
    background:rgba(55,60,68,.54) !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.10) !important;
    box-shadow:0 3px 12px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.045) !important;
}

/* CLUB_GLASS_SOFT_EDGES_20261022 */
/* END_CLUB_COVER_SEPARATE_GLASS_CONTROLS_20261022 */

/* CLUB_CONTROLS_FULL_RADIUS_EQUAL_HEIGHT_20261022 */

html:root body .ib-club-select > button.ib-club-select-button,
html:root body .club-center-surface form:has(select) button[type="submit"],
html:root body .club-center-surface form:has(select) button:not([type]),
html:root body :is(.club-center-surface,#panel-kurallar,#ibClubSettingsDialog)
:is(.cl-ownrules-save,.cl-ownrules-cancel,.cl-ownrules-edit,.cl-fmt-btn,.ib-club-cover-change) {
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center !important;
    vertical-align:middle !important;
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
    padding:0 14px !important;
    border-radius:9999px !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
}

html:root body .ib-club-select > button.ib-club-select-button {
    justify-content:space-between !important;
}

html:root body :is(.club-center-surface,#panel-kurallar,#ibClubSettingsDialog)
:is(.cl-ownrules-save,.cl-ownrules-cancel,.cl-ownrules-edit,.cl-fmt-btn,.ib-club-cover-change) {
    justify-content:center !important;
}

html:root body #ibClubSettingsDialog input.cl-field-input {
    border-radius:9999px !important;
}

/* END_CLUB_CONTROLS_FULL_RADIUS_EQUAL_HEIGHT_20261022 */

/* MOBILE_THREE_DOTS_CONTRAST_20261022 */
@media (max-width:767px) {
    html:root body .profile-center-surface .profile-hero-card button:has(svg circle:nth-of-type(3)),
html:root body #ibClubOwnerButton {
        border:0 !important;
        border-radius:9999px !important;
        background:rgba(255,255,255,.94) !important;
        color:#111827 !important;
        opacity:1 !important;
        mix-blend-mode:normal !important;
        -webkit-backdrop-filter:blur(14px) !important;
        backdrop-filter:blur(14px) !important;
        box-shadow:0 2px 9px rgba(0,0,0,.12) !important;
    }

    html:root.dark body .profile-center-surface .profile-hero-card button:has(svg circle:nth-of-type(3)),
html:root.dark body #ibClubOwnerButton {
        background:rgba(32,36,43,.94) !important;
        color:#ffffff !important;
        box-shadow:0 2px 9px rgba(0,0,0,.18) !important;
    }

    html:root body .profile-center-surface .profile-hero-card button:has(svg circle:nth-of-type(3)) svg,
html:root body #ibClubOwnerButton svg {
        color:inherit !important;
        opacity:1 !important;
    }

    html:root body .profile-center-surface .profile-hero-card button:has(svg circle:nth-of-type(3)) svg circle,
html:root body #ibClubOwnerButton svg circle {
        fill:currentColor !important;
        stroke:none !important;
        opacity:1 !important;
    }
}
/* END_MOBILE_THREE_DOTS_CONTRAST_20261022 */

/* PROFILE_HEADER_LAYOUT_TRIAL_20261022 */
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial {
    --ib-pf-avatar:108px;
    --ib-pf-inset:20px;
    overflow:visible !important;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-cover-shell {
    position:relative !important;
    overflow:visible !important;
    padding:0 !important;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-cover-media { overflow:hidden !important; }
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-avatar-wrap {
    position:absolute !important;
    top:auto !important;
    bottom:calc(var(--ib-pf-avatar) * -.46) !important;
    left:var(--ib-pf-inset) !important;
    right:auto !important;
    width:var(--ib-pf-avatar) !important;
    height:var(--ib-pf-avatar) !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    z-index:2 !important;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-avatar-image {
    display:block !important;
    box-sizing:border-box !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border:4px solid var(--dp-panel-bg,#fff) !important;
    border-radius:50% !important;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-overview {
    padding:0 var(--ib-pf-inset) 14px !important;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-top-row {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:18px !important;
    min-height:66px;
    margin-left:calc(var(--ib-pf-avatar) + 12px);
    padding:8px 0 !important;
    box-sizing:border-box;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-stats {
    display:flex !important;
    flex:0 1 auto !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:20px !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-stat {
    display:flex !important;
    flex:0 0 auto !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:2px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    line-height:1.2 !important;
    text-decoration:none !important;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-stat-number {
    font-size:16px !important;
    font-weight:650 !important;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-stat-label {
    font-size:12px !important;
    white-space:nowrap;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-primary-actions {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex:0 0 auto;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-primary-actions .profile-action-cluster {
    display:flex !important;
    position:static !important;
    align-items:center;
    margin:0 !important;
    padding:0 !important;
    width:auto !important;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-primary-actions :is(.profile-follow-btn,.profile-edit-button) {
    position:relative !important;
    margin:0 !important;
    min-height:36px !important;
    height:auto !important;
    padding:8px 15px !important;
    border-radius:9999px !important;
    line-height:1.2 !important;
    white-space:nowrap;
    box-sizing:border-box;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-identity-row {
    display:block !important;
    margin:2px 0 0 !important;
    padding:0 !important;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-identity-row > div { min-width:0; }
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-name-row {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px 8px;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-display-name {
    display:inline-flex !important;
    flex-wrap:wrap;
    align-items:center;
    gap:5px;
    margin:0 !important;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-name-badges {
    display:inline-flex !important;
    align-items:center;
    margin:0 !important;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-level-line {
    display:inline-flex !important;
    align-items:center !important;
    width:auto !important;
    margin:0 !important;
    padding:4px 9px !important;
    min-height:24px;
    border:0 !important;
    border-radius:9999px !important;
    background:#eef1f5 !important;
    color:#505c6b !important;
    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:500 !important;
}
html:root.dark body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-level-line {
    background:#262a30 !important;
    color:#d3dae3 !important;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-level-line > :is(button,a) {
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:inherit !important;
    font:inherit !important;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-username { margin:4px 0 0 !important; }
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-follow-relation { display:none; }
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-unfollow { display:none !important; }

html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-cover-actions {
    position:absolute !important;
    top:12px !important;
    right:12px !important;
    bottom:auto !important;
    left:auto !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    z-index:20 !important;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-cover-actions :is(.profile-notify-wrap,.profile-more-wrap,.profile-own-more-wrap) {
    position:relative !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    width:auto !important;
    height:auto !important;
    z-index:auto !important;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-cover-actions .profile-notify-wrap.is-hidden {
    display:none !important;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-cover-actions :is(.profile-message-button,.profile-more-button,.bell-plain) {
    display:inline-flex !important;
    position:relative !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    width:38px !important;
    height:38px !important;
    min-height:38px !important;
    min-width:38px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:9999px !important;
    background:rgba(255,255,255,.94) !important;
    color:#18212e !important;
    box-shadow:0 2px 10px rgba(0,0,0,.13) !important;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    opacity:1 !important;
    mix-blend-mode:normal !important;
    text-decoration:none;
}
html:root.dark body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-cover-actions :is(.profile-message-button,.profile-more-button,.bell-plain) {
    background:rgba(32,36,43,.94) !important;
    color:#fff !important;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-cover-actions :is(.profile-message-button,.profile-more-button,.bell-plain) svg {
    width:20px !important;
    height:20px !important;
    color:inherit !important;
    opacity:1 !important;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-cover-actions .profile-more-button svg circle {
    fill:currentColor !important;
    stroke:none !important;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-cover-actions .bell-plain.is-on::before {
    content:'';
    position:absolute;
    width:6px;
    height:6px;
    right:5px;
    top:5px;
    border-radius:50%;
    background:#1d9bf0;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-cover-actions :is(.profile-message-button,.profile-more-button,.bell-plain):focus-visible {
    outline:2px solid #1d9bf0;
    outline-offset:3px;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-cover-actions .profile-popover {
    position:absolute !important;
    top:calc(100% + 8px) !important;
    right:0 !important;
    bottom:auto !important;
    left:auto !important;
    z-index:50 !important;
    max-width:calc(100vw - 32px) !important;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-cover-actions .profile-notify-popover {
    max-width:calc(100vw - 78px) !important;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-cover-actions .profile-popover[hidden] {
    display:none !important;
}

@media (max-width:767px) {
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial {
        --ib-pf-avatar:82px;
        --ib-pf-inset:14px;
    }
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-overview {
        display:grid !important;
        grid-template-columns:minmax(0,1fr) auto;
        column-gap:10px;
    }
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-overview > * { grid-column:1 / -1; }
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-top-row { display:contents !important; }
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-stats {
        grid-row:1;
        grid-column:1 / -1;
        justify-content:flex-end !important;
        min-height:52px;
        margin-left:calc(var(--ib-pf-avatar) + 10px) !important;
        gap:18px !important;
    }
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-stat-number { font-size:15px !important; }
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-primary-actions {
        grid-row:2;
        grid-column:2;
        align-self:start;
        margin-top:4px;
    }
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-primary-actions:not(:has(button,a)),
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-primary-actions:has(#actionBtn[data-state="following"]) {
        display:none !important;
    }
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-identity-row {
        grid-row:2;
        grid-column:1;
        margin:4px 0 0 !important;
    }
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-overview:has(.ib-profile-primary-actions #actionBtn[data-state="following"]) .profile-identity-row {
        grid-column:1 / -1;
    }
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-follow-relation:not([hidden]) {
        display:block !important;
        margin:5px 0 0;
        font-size:12px;
        line-height:1.3;
        color:#687483;
    }
    html:root.dark body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-follow-relation { color:#a7b0bd; }
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-unfollow:not([hidden]) { display:flex !important; }
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-unfollow[hidden] { display:none !important; }
}
/* END_PROFILE_HEADER_LAYOUT_TRIAL_20261022 */

/* PROFILE_HEADER_SPACING_REFINEMENT_20261022 */

html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-name-row {
    margin:0 !important;
    padding:0 !important;
    min-height:0 !important;
    row-gap:2px !important;
    position:relative !important;
    z-index:0 !important;
    isolation:isolate;
}

html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-identity-row > div {
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:0 !important;
}

html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-display-name {
    margin:0 !important;
    padding:0 !important;
    height:auto !important;
    min-height:0 !important;
    line-height:1.15 !important;
}

html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-username {
    margin:1px 0 10px !important;
    padding:0 !important;
    height:auto !important;
    min-height:0 !important;
    line-height:1.25 !important;
}

html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-stat-number {
    font-size:24px !important;
    font-weight:800 !important;
    line-height:1.1 !important;
}

html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-level-line {
    box-sizing:border-box !important;
    padding:2px 7px !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    border-radius:9999px !important;
    font-size:12.5px !important;
    font-weight:400 !important;
    line-height:1.2 !important;
    position:relative !important;
    z-index:auto !important;
}

html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-level-line * {
    font-size:inherit !important;
    font-weight:400 !important;
    line-height:inherit !important;
}

html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-level-line > :is(button,a,span) {
    padding:0 !important;
    margin:0 !important;
    min-height:0 !important;
    height:auto !important;
}

html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-overview {
    z-index:auto !important;
    isolation:auto !important;
}

html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-cover-shell {
    z-index:3 !important;
}

@media (max-width:767px) {
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-display-name {
        font-size:19px !important;
        font-weight:700 !important;
    }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-stat-number {
        font-size:22px !important;
        font-weight:800 !important;
    }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-overview {
        grid-template-columns:var(--ib-pf-avatar) minmax(0,1fr) auto !important;
        column-gap:8px !important;
        padding-bottom:6px !important;
    }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-stats {
        grid-row:1 !important;
        grid-column:2 / -1 !important;
        margin-left:0 !important;
        min-height:56px !important;
        gap:12px !important;
    }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-follow-relation:not([hidden]) {
        grid-row:1 !important;
        grid-column:2 !important;
        display:inline-flex !important;
        align-items:center !important;
        align-self:center !important;
        justify-self:start !important;
        box-sizing:border-box;
        margin:0 !important;
        padding:4px 6px !important;
        border-radius:9999px !important;
        border:0 !important;
        background:#eef1f5 !important;
        color:#505c6b !important;
        font-size:13.5px !important;
        font-weight:400 !important;
        line-height:1.2 !important;
        white-space:nowrap;
    }

    html:root.dark body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-follow-relation:not([hidden]) {
        background:#262a30 !important;
        color:#d3dae3 !important;
    }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-overview:has(.ib-profile-follow-relation:not([hidden])) .profile-stats {
        grid-column:3 !important;
        gap:8px !important;
    }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-primary-actions {
        grid-row:2 !important;
        grid-column:3 !important;
    }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-identity-row {
        grid-row:2 !important;
        grid-column:1 / 3 !important;
    }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-overview:has(.ib-profile-primary-actions #actionBtn[data-state="following"]) .profile-identity-row {
        grid-column:1 / -1 !important;
    }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-more-trigger {
        margin:4px 0 0 !important;
        padding:5px 0 !important;
        min-height:0 !important;
        height:auto !important;
        line-height:1.3 !important;
    }
}

@media (max-width:350px) {
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial {
        --ib-pf-avatar:68px;
    }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-overview {
        column-gap:6px !important;
    }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-follow-relation:not([hidden]) {
        font-size:13px !important;
        padding:4px !important;
    }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-overview:has(.ib-profile-follow-relation:not([hidden])) .profile-stats {
        gap:6px !important;
    }
}

/* END_PROFILE_HEADER_SPACING_REFINEMENT_20261022 */

/* PROFILE_HEADER_READABILITY_20261022 */

html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-cover-actions :is(.profile-message-button,.profile-more-button,.bell-plain) {
    width:30px !important; height:30px !important;
    min-width:30px !important; min-height:30px !important;
    padding:0 !important;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-cover-actions :is(.profile-message-button,.profile-more-button,.bell-plain) svg {
    width:16px !important; height:16px !important;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-cover-actions .bell-plain.is-on::before {
    width:4px; height:4px; right:3px; top:3px;
}

@media (min-width:768px) {
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-primary-actions #actionBtn.profile-follow-btn {
        box-sizing:border-box !important;
        height:30px !important; min-height:30px !important;
        padding:0 12px !important; line-height:1 !important;
        border-radius:9999px !important;
    }
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial #actionBtn .profile-follow-icon {
        width:15px !important; height:15px !important;
    }
}

@media (max-width:767px) {
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial { --ib-pf-avatar:88px; }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-cover-actions { gap:14px !important; }
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-cover-actions :is(.profile-message-button,.profile-more-button,.bell-plain)::after {
        content:'';
        position:absolute !important;
        left:50% !important; top:50% !important;
        width:44px !important; height:44px !important;
        min-height:44px !important;
        right:auto !important; bottom:auto !important;
        transform:translate(-50%,-50%) !important;
        background:transparent !important; border:0 !important;
    }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-overview { column-gap:6px !important; }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-follow-relation:not([hidden]) {
        box-sizing:border-box !important;
        width:max-content !important;
        min-width:0 !important; max-width:none !important;
        min-height:0 !important; height:auto !important;
        padding:1px 3px !important; line-height:1.15 !important;
        border:0 !important; border-radius:9999px !important;
    }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-stat-number {
        font-size:24px !important; font-weight:800 !important;
    }
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-stat-label {
        font-size:13px !important; font-weight:500 !important;
        line-height:1.2 !important;
        color:#657180 !important; opacity:1 !important;
    }
    html:root.dark body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-stat-label { color:#b6bfcc !important; }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-overview:has(.ib-profile-follow-relation:not([hidden])) .profile-stats {
        gap:6px !important;
    }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-reading-summary-row .reader-status-metrics strong {
        font-size:18px !important; line-height:1.2 !important;
    }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-bio-text { line-height:1.28 !important; }
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-bio-text :is(p,span,a) {
        line-height:inherit !important;
    }
}

@media (max-width:350px) {
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial { --ib-pf-avatar:72px; }
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-overview { column-gap:4px !important; }
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-follow-relation:not([hidden]) {
        padding:1px 2px !important;
    }
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-overview:has(.ib-profile-follow-relation:not([hidden])) .profile-stats {
        gap:4px !important;
    }
}

@media (max-width:1023px) {
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial #pfSheetOpen.profile-more-trigger {
        width:100% !important; box-sizing:border-box !important;
        border-top:0 !important;
        border-bottom:1px solid var(--dp-row-line,#eceff3) !important;
        box-shadow:none !important;
        padding-top:5px !important; padding-bottom:8px !important;
        margin-bottom:0 !important;
    }
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial #pfSheetOpen.profile-more-trigger::before {
        content:none !important;
    }
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-overview > :has(+ #pfSheetOpen) {
        border-bottom:0 !important;
    }
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-overview > hr:has(+ #pfSheetOpen) {
        display:none !important;
    }
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-overview:has(> #pfSheetOpen) {
        padding-bottom:0 !important;
    }
}

/* END_PROFILE_HEADER_READABILITY_20261022 */

/* PROFILE_PILL_BALANCE_20261022 */

html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial {
    --pf-pill-bg:rgba(100,116,139,.075);
    --pf-pill-text:#505c6b;
}

html:root.dark body .profile-center-surface .profile-hero-card.ib-profile-header-trial {
    --pf-pill-bg:rgba(226,232,240,.08);
    --pf-pill-text:#d3dae3;
}

html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial :is(.profile-level-line,.ib-profile-follow-relation:not([hidden])),
html:root.dark body .profile-center-surface .profile-hero-card.ib-profile-header-trial :is(.profile-level-line,.ib-profile-follow-relation:not([hidden])) {
    box-sizing:border-box !important;
    width:max-content !important;
    min-width:0 !important;
    min-height:20px !important;
    height:auto !important;
    padding:2px 5px !important;
    border:0 !important;
    border-radius:9999px !important;
    background:var(--pf-pill-bg) !important;
    color:var(--pf-pill-text) !important;
    font-size:13px !important;
    font-weight:400 !important;
    line-height:16px !important;
}

html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-level-line {
    align-items:center !important;
    gap:4px !important;
}

html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-level-line :is(button,a,span) {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    margin:0 !important;
    padding:0 !important;
    min-height:0 !important;
    height:auto !important;
    line-height:16px !important;
    font-weight:400 !important;
    vertical-align:middle !important;
    position:static !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    translate:none !important;
}

html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-level-line :is(svg,i) {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    align-self:center !important;
    flex-shrink:0 !important;
    width:12px !important;
    height:12px !important;
    margin:0 !important;
    padding:0 !important;
    line-height:12px !important;
    vertical-align:middle !important;
    position:static !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    translate:none !important;
}

@media (max-width:767px) {
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-follow-relation:not([hidden]) {
        transform:translateY(-5px) !important;
    }
}

/* END_PROFILE_PILL_BALANCE_20261022 */

/* PROFILE_LEVEL_SINGLE_LINE_20261022 */

html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-name-row .profile-level-line,
html:root.dark body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-name-row .profile-level-line {
    flex:0 0 auto !important;
    flex-flow:row nowrap !important;
    width:max-content !important;
    min-width:max-content !important;
    max-width:none !important;
    white-space:nowrap !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
}

html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-name-row .profile-level-line :is(button,a,span),
html:root.dark body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-name-row .profile-level-line :is(button,a,span) {
    flex-flow:row nowrap !important;
    white-space:nowrap !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    width:auto !important;
    max-width:none !important;
}

html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-name-row .profile-level-line > :is(button,a),
html:root.dark body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-name-row .profile-level-line > :is(button,a) {
    flex:0 0 auto !important;
    min-width:max-content !important;
}

/* END_PROFILE_LEVEL_SINGLE_LINE_20261022 */

/* PROFILE_DESKTOP_PALETTE_20261022 */

html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-edit-button .ib-profile-edit-palette {
    display:none !important;
}

@media (min-width:768px) {
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-primary-actions .profile-edit-button.ib-profile-palette-edit {
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        box-sizing:border-box !important;
        width:30px !important;
        height:30px !important;
        min-width:30px !important;
        max-width:30px !important;
        min-height:30px !important;
        padding:0 !important;
        margin:0 !important;
        border:0 !important;
        border-radius:9999px !important;
        background:transparent !important;
        box-shadow:none !important;
        color:#535f6f !important;
        line-height:1 !important;
        cursor:pointer;
    }

    html:root.dark body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-primary-actions .profile-edit-button.ib-profile-palette-edit {
        color:#d3dae3 !important;
    }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-edit-button .ib-profile-edit-text {
        display:none !important;
    }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-edit-button .ib-profile-edit-palette {
        display:block !important;
        width:19px !important;
        height:19px !important;
        flex:0 0 19px;
    }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-primary-actions .profile-edit-button.ib-profile-palette-edit:hover {
        color:#111827 !important;
    }

    html:root.dark body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-primary-actions .profile-edit-button.ib-profile-palette-edit:hover {
        color:#fff !important;
    }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-edit-button.ib-profile-palette-edit:focus-visible {
        outline:2px solid #1d9bf0;
        outline-offset:2px;
    }
}

/* END_PROFILE_DESKTOP_PALETTE_20261022 */

/* PROFILE_PALETTE_ON_COVER_20261022 */

html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-cover-actions .ib-profile-palette-cover {
    display:none !important;
}

@media (min-width:768px) {
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-primary-actions:has(.ib-profile-palette-edit) {
        display:none !important;
    }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-cover-actions .profile-edit-button.ib-profile-palette-cover {
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        position:relative !important;
        box-sizing:border-box !important;
        width:30px !important;
        height:30px !important;
        min-width:30px !important;
        max-width:30px !important;
        min-height:30px !important;
        padding:0 !important;
        margin:0 !important;
        border:0 !important;
        border-radius:9999px !important;
        background:rgba(255,255,255,.94) !important;
        color:#18212e !important;
        box-shadow:0 2px 8px rgba(0,0,0,.14) !important;
        backdrop-filter:blur(14px);
        -webkit-backdrop-filter:blur(14px);
        opacity:1 !important;
        mix-blend-mode:normal !important;
        cursor:pointer;
    }

    html:root.dark body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-cover-actions .profile-edit-button.ib-profile-palette-cover {
        background:rgba(32,36,43,.94) !important;
        color:#fff !important;
    }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-cover-actions .ib-profile-palette-cover .ib-profile-edit-palette {
        display:block !important;
        width:19px !important;
        height:19px !important;
    }
}

/* END_PROFILE_PALETTE_ON_COVER_20261022 */

/* PROFILE_MOBILE_PALETTE_ON_COVER_20261022 */

@media (max-width:767px) {
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-primary-actions:has(.ib-profile-palette-edit),
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-cover-actions .profile-own-more-wrap {
        display:none !important;
    }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-cover-actions .profile-edit-button.ib-profile-palette-cover {
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        position:relative !important;
        box-sizing:border-box !important;
        width:30px !important;
        height:30px !important;
        min-width:30px !important;
        max-width:30px !important;
        min-height:30px !important;
        padding:0 !important;
        margin:0 !important;
        border:0 !important;
        border-radius:9999px !important;
        background:rgba(255,255,255,.94) !important;
        color:#18212e !important;
        box-shadow:0 2px 8px rgba(0,0,0,.14) !important;
        backdrop-filter:blur(14px);
        -webkit-backdrop-filter:blur(14px);
        opacity:1 !important;
        mix-blend-mode:normal !important;
    }

    html:root.dark body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-cover-actions .profile-edit-button.ib-profile-palette-cover {
        background:rgba(32,36,43,.94) !important;
        color:#fff !important;
    }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-cover-actions .ib-profile-palette-cover .ib-profile-edit-text {
        display:none !important;
    }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-cover-actions .ib-profile-palette-cover .ib-profile-edit-palette {
        display:block !important;
        width:19px !important;
        height:19px !important;
    }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .ib-profile-cover-actions .ib-profile-palette-cover::after {
        content:'';
        position:absolute !important;
        left:50% !important;
        top:50% !important;
        right:auto !important;
        bottom:auto !important;
        width:44px !important;
        height:44px !important;
        min-height:44px !important;
        transform:translate(-50%,-50%) !important;
        background:transparent !important;
        border:0 !important;
    }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-overview:has(.ib-profile-primary-actions .ib-profile-palette-edit) .profile-identity-row {
        grid-column:1 / -1 !important;
    }
}

/* END_PROFILE_MOBILE_PALETTE_ON_COVER_20261022 */

/* PROFILE_NAME_SIZE_DESKTOP_LIMIT_20261022 */

@media (min-width:768px) {
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-display-name {
        font-size:19px !important;
    }

    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-display-name #pfDisplayName {
        max-width:calc(var(--profile-name-max) + 4ch) !important;
    }
}

@media (max-width:767px) {
    html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-display-name {
        font-size:20px !important;
    }
}

/* END_PROFILE_NAME_SIZE_DESKTOP_LIMIT_20261022 */


/* PROFILE_PREMIUM_NAME_GAP_20261022 */
html:root body .profile-center-surface
.profile-hero-card.ib-profile-header-trial .profile-display-name {
    column-gap: 2px !important;
}

html:root body .profile-center-surface
.profile-hero-card.ib-profile-header-trial
.profile-display-name > .profile-name-badges {
    margin: 0 !important;
    padding: 0 !important;
}

html:root body .profile-center-surface
.profile-hero-card.ib-profile-header-trial
.profile-display-name > .profile-name-badges > :first-child {
    margin-left: 0 !important;
    margin-inline-start: 0 !important;
}
/* END_PROFILE_PREMIUM_NAME_GAP_20261022 */


/* POST_CARD_PREMIUM_OPTICAL_ALIGN_20261022 */
html:root body .post-card .name-line > .post-premium-mark {
    align-self: center !important;
    transform: translateY(-1px) !important;
}
/* END_POST_CARD_PREMIUM_OPTICAL_ALIGN_20261022 */


/* NOTIFICATION_FOLLOW_PANELS_20261022 */

html:root body main .notifications-center-surface[class],
html:root body main .profile-center-surface:has(> .flw-tabs) {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    background: transparent !important;
    background-color: transparent !important;
}

html:root body main .notifications-center-surface
> :is(.notifications-hero, .notifications-tabbar),
html:root body main .profile-center-surface:has(> .flw-tabs)
> :is(.profile-hero-card, .flw-tabs) {
    flex-shrink: 0 !important;
}

html:root body main .notifications-center-surface
> .ib-list-panel.ib-notifications-panel,
html:root body main .profile-center-surface
> .ib-list-panel.ib-follow-panel {
    box-sizing: border-box !important;
    display: block !important;
    flex: 1 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 6px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: var(--dp-panel-bg, #ffffff) !important;
    background-color: var(--dp-panel-bg, #ffffff) !important;
    box-shadow: none !important;
}

/* Takip sekmelerinde mevcut ortak ters köşe. */
html:root body main .profile-center-surface > .flw-tabs {
    --tab-inward-radius: 10px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    background: var(--dp-panel-bg, #ffffff) !important;
    border-radius: 0 !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
    background-clip: border-box !important;
    border-image-source: radial-gradient(
        ellipse 50% 100% at 50% 100%,
        transparent 97%,
        var(--dp-panel-bg, #ffffff) 100%
    ) !important;
    border-image-slice: 0 50% 100% 50% !important;
    border-image-width:
        0
        var(--tab-inward-radius)
        var(--tab-inward-radius)
        var(--tab-inward-radius) !important;
    border-image-outset: 0 0 var(--tab-inward-radius) !important;
    border-image-repeat: stretch !important;
}

/* Tarih gruplarının ayrı panel zeminlerini kaldır. */
html:root body main .notifications-center-surface
> .ib-notifications-panel
> :is(.nt-list, .nt-requests, .notifications-empty-state) {
    margin: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

html:root body main .notifications-center-surface
.ib-notifications-panel .nt-list > :first-child,
html:root body main .notifications-center-surface
.ib-notifications-panel .nt-list > :last-child {
    border-radius: 0 !important;
}

html:root body main .profile-center-surface
> .ib-follow-panel > .flw-grid {
    margin: 0 !important;
    align-content: start !important;
}

/* END_NOTIFICATION_FOLLOW_PANELS_20261022 */


/* PROFILE_TAB_PANELS_COMPLETE_20261022 */

/* Boş içerik kuralının dış yüzeye verdiği zemini kaldır. */
html:root body main:has(> .profile-center-surface > .profile-tabs),
html:root body main .profile-center-surface[class]:has(> .profile-tabs) {
    background: transparent !important;
    background-color: transparent !important;
}

/* Bütün ana profil sekmelerinde ortak alt kıvrım. */
html:root body main
.profile-center-surface[class] > .profile-tabs[class] {
    --tab-inward-radius: 10px;
    background: var(--dp-panel-bg, #ffffff) !important;
    border-radius: 0 !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
    background-clip: border-box !important;

    border-image-source: radial-gradient(
        ellipse 50% 100% at 50% 100%,
        transparent 97%,
        var(--dp-panel-bg, #ffffff) 100%
    ) !important;
    border-image-slice: 0 50% 100% 50% !important;
    border-image-width:
        0
        var(--tab-inward-radius)
        var(--tab-inward-radius)
        var(--tab-inward-radius) !important;
    border-image-outset: 0 0 var(--tab-inward-radius) !important;
    border-image-repeat: stretch !important;
}

/* Kitaplık, dolu hikâye listesi ve doğrudan basılan boş durumlar. */
html:root body main .profile-center-surface[class]
> :is(.lib-skew-shell, .profile-story-tab, .profile-empty-posts, .lib-empty),

/* Gönderi ve değerlendirme sekmelerinin boş liste kapsayıcıları. */
html:root body main .profile-center-surface[class]
#feedContainer:has(> .profile-empty-posts),

html:root body main .profile-center-surface[class]
.profile-post-list:has(> .profile-empty-posts) {
    box-sizing: border-box !important;
    margin: 6px 0 0 !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: var(--dp-panel-bg, #ffffff) !important;
    background-color: var(--dp-panel-bg, #ffffff) !important;
    box-shadow: none !important;
}

/* Boş akışlarda üst aralık iki kez oluşmasın. */
html:root body main .profile-center-surface[class]
#feedContainer:has(> .profile-empty-posts),

html:root body main .profile-center-surface[class]
.profile-post-list:has(> .profile-empty-posts) {
    padding-top: 0 !important;
}

/* END_PROFILE_TAB_PANELS_COMPLETE_20261022 */


/* PROFILE_MIXED_REVIEW_CARD_GAP_20261022 */
html:root body main .profile-center-surface
#feedContainer.profile-post-feed > .rev-card {
    margin-bottom: 5px !important;
}
/* END_PROFILE_MIXED_REVIEW_CARD_GAP_20261022 */


/* EXPLORE_SEE_ALL_HEADER_ARROW_20261023 */
html:root body main .explore-center-surface[class] {
    --ib-see-all-color: #1270ad;
}
html:root.dark body main .explore-center-surface[class] {
    --ib-see-all-color: #65b9f8;
}

html:root body main .explore-center-surface[class]
a:has(> .ib-explore-see-arrow),
html:root body main .explore-center-surface[class]
a:has(> .ib-explore-see-arrow):is(:link, :visited, :hover, :focus, :active) {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: var(--ib-see-all-color) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

html:root body main .explore-center-surface[class]
a > .ib-explore-see-arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 14px !important;
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    transform: rotate(180deg) !important;
}

html:root body main .explore-center-surface[class]
.ib-explore-see-arrow > svg {
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
    color: inherit !important;
}
/* END_EXPLORE_SEE_ALL_HEADER_ARROW_20261023 */

/* HOME_FEED_PROFILE_LEVEL_POLISH_20261023 */
html:root body main .home-center-surface #feedContainer {
    --ib-feed-ink:#0f1419;
    --ib-feed-muted:#65717e;
    --ib-feed-tile:#f5f7f9;
    --ib-feed-hover:#edf1f5;
}
html:root.dark body main .home-center-surface #feedContainer {
    --ib-feed-ink:#eff3f4;
    --ib-feed-muted:#a0a8b2;
    --ib-feed-tile:rgba(255,255,255,.045);
    --ib-feed-hover:rgba(255,255,255,.075);
}
html:root body main .home-center-surface #feedContainer .home-empty-state[class] {
    background:var(--dp-panel-bg,#fff) !important;
    background-color:var(--dp-panel-bg,#fff) !important;
    border:0 !important;
    border-radius:18px !important;
    box-shadow:none !important;
    padding:36px 24px 32px !important;
    text-align:left !important;
}
html:root body main .home-center-surface #feedContainer .home-empty-state .home-empty-icon {
    display:none !important;
}
html:root body main .home-center-surface #feedContainer .home-empty-state .home-empty-title {
    margin:0 0 10px !important;
    color:var(--ib-feed-ink) !important;
    font-size:24px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    letter-spacing:-.02em !important;
}
html:root body main .home-center-surface #feedContainer .home-empty-state .home-empty-note {
    margin:0 !important;
    max-width:36ch;
    color:var(--ib-feed-muted) !important;
    font-size:15px !important;
    line-height:1.45 !important;
}
html:root body main .home-center-surface #feedContainer .home-empty-state .home-empty-cta {
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    margin-top:18px !important;
    padding:10px 18px !important;
    border-radius:9999px !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1.3 !important;
}
html:root body main .home-center-surface #feedContainer .feed-tail-head {
    box-sizing:border-box;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:4px !important;
    margin:0 0 5px !important;
    padding:17px 16px !important;
    border:0 !important;
    border-radius:18px !important;
    background:var(--dp-panel-bg,#fff) !important;
    box-shadow:none !important;
}
html:root body main .home-center-surface #feedContainer .feed-tail-head .feed-tail-label {
    flex:none !important;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    color:var(--ib-feed-ink) !important;
    font-size:20px !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    letter-spacing:-.015em !important;
    text-transform:none !important;
}
html:root body main .home-center-surface #feedContainer .feed-tail-head .feed-tail-note {
    margin:0 !important;
    padding:0 !important;
    color:var(--ib-feed-muted) !important;
    font-size:14px !important;
    font-weight:400 !important;
    line-height:1.4 !important;
}
html:root body main .home-center-surface #feedContainer .feed-live-activity {
    margin:0 0 5px !important;
    padding:16px 0 !important;
    border:0 !important;
    border-radius:18px !important;
    background:var(--dp-panel-bg,#fff) !important;
    box-shadow:none !important;
}
html:root body main .home-center-surface #feedContainer .feed-live-activity .feed-live-head {
    margin:0 !important;
    padding:0 16px 12px !important;
    gap:0 !important;
}
html:root body main .home-center-surface #feedContainer .feed-live-activity .feed-live-pulse {
    display:none !important;
}
html:root body main .home-center-surface #feedContainer .feed-live-activity .feed-live-title {
    color:var(--ib-feed-ink) !important;
    font-size:18px !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
}
html:root body main .home-center-surface #feedContainer .feed-live-activity .feed-live-list {
    gap:10px !important;
    margin:0 !important;
    padding:0 16px 2px !important;
    scroll-padding-inline:16px;
}
html:root body main .home-center-surface #feedContainer .feed-live-activity .feed-live-row {
    grid-template-columns:40px minmax(0,1fr) 12px !important;
    flex:0 0 min(82%,280px) !important;
    width:min(82%,280px) !important;
    min-width:0 !important;
    min-height:80px !important;
    gap:10px !important;
    padding:12px !important;
    border:0 !important;
    border-radius:14px !important;
    background:var(--ib-feed-tile) !important;
    color:var(--ib-feed-ink) !important;
    box-shadow:none !important;
}
html:root body main .home-center-surface #feedContainer .feed-live-activity .feed-live-row:active {
    background:var(--ib-feed-hover) !important;
}
html:root body main .home-center-surface #feedContainer .feed-live-activity .feed-live-name {
    font-size:15px !important;
    font-weight:650 !important;
    line-height:1.3 !important;
    color:var(--ib-feed-ink) !important;
}
html:root body main .home-center-surface #feedContainer .feed-live-activity .feed-live-meta {
    font-size:13px !important;
    line-height:1.35 !important;
    color:var(--ib-feed-muted) !important;
}
html:root body main .home-center-surface #feedContainer .feed-live-activity .feed-live-action {
    margin-top:4px !important;
    font-size:13px !important;
    line-height:1.3 !important;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-identity-row > div > .profile-username:has(+ .ib-profile-level-below) {
    margin-bottom:0 !important;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-identity-row > div > .profile-level-line.ib-profile-level-below {
    display:inline-flex !important;
    align-self:flex-start !important;
    flex:0 0 auto !important;
    flex-flow:row nowrap !important;
    width:max-content !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:5px 0 10px !important;
    white-space:nowrap !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
}
html:root body .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-level-line.ib-profile-level-below :is(button,a,span) {
    white-space:nowrap !important;
    flex-flow:row nowrap !important;
}
/* END_HOME_FEED_PROFILE_LEVEL_POLISH_20261023 */

/* PROFILE_EMPTY_READING_GOAL_FIX_20261023 */
html:root body main .profile-center-surface
.profile-reading-summary-row > .profile-goal-mini {
    box-sizing: border-box !important;
    flex: 0 1 260px !important;
    width: 260px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

html:root body main .profile-center-surface
.profile-goal-mini .profile-goal-mini-fill {
    min-width: 0 !important;
    box-shadow: none !important;
}
/* END_PROFILE_EMPTY_READING_GOAL_FIX_20261023 */

/* PROFILE_LEVEL_LEFT_TEXT_ALIGN_20261023 */
html:root body main .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-identity-row > div > .profile-level-line.ib-profile-level-below {
    padding: 2px 0 !important;
    margin-left: 0 !important;
    margin-inline-start: 0 !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 0 !important;
    border-radius: 4px !important;
}

html:root body main .profile-center-surface .profile-hero-card.ib-profile-header-trial .profile-level-line.ib-profile-level-below > .profile-level-line-icon {
    display: none !important;
}
/* END_PROFILE_LEVEL_LEFT_TEXT_ALIGN_20261023 */

/* MOBILE_BOTTOM_PANEL_FINISH_20261023 */
@media (max-width: 767px) {
    /* Dış panelin ayrıca bıraktığı alt marjı kaldır. */
    html:root body > div[class~="max-w-[1280px]"] > main
    > :is([class*="-center-surface"], .stories-shell, .story-shell) {
        margin-bottom: 0 !important;
    }

    /* Son karttan sonra yeni bir kart aralığı bırakma. */
    html:root body > div[class~="max-w-[1280px]"] > main
    :is(#feedContainer, #revContent, .profile-post-list)
    > :is(.post-card, .rev-card):last-child {
        margin-bottom: 0 !important;
    }
}
/* END_MOBILE_BOTTOM_PANEL_FINISH_20261023 */

/* NOTIFICATION_TEXT_READABILITY_20261023 */

/* Aynı metin kuralları bütün bildirim sekmelerinde geçerli. */
html:root body main .notifications-center-surface
:is(.notification-message, .notification-user-name,
    .notification-action-text, .nt-name, .nt-request-name) {
    font-size: 16px !important;
    line-height: 1.45 !important;
}

html:root body main .notifications-center-surface
:is(.notification-preview, .nt-prev) {
    font-size: 14px !important;
    line-height: 1.45 !important;
}

html:root body main .notifications-center-surface .nt-time-heading {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

html:root body main .notifications-center-surface .notification-time {
    font-size: 13px !important;
    line-height: 1.3 !important;
}

html:root body main .notifications-center-surface .nt-priority-head h2 {
    font-size: 16px !important;
    line-height: 1.3 !important;
}

html:root body main .notifications-center-surface .nt-priority-head p {
    font-size: 14px !important;
    line-height: 1.45 !important;
}

/* END_NOTIFICATION_TEXT_READABILITY_20261023 */

/* ENTITY_CONTENT_PANELS_20261024 */

html:root body main :is(.book-center-surface, .author-center-surface, .genre-center-surface, .gl-center-surface)[class] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    background: var(--dp-post-card-canvas, var(--dp-page-bg, #e9edf2)) !important;
    background-color: var(--dp-post-card-canvas, var(--dp-page-bg, #e9edf2)) !important;
}

html:root body main :is(.book-center-surface, .author-center-surface, .genre-center-surface, .gl-center-surface)[class] > * {
    flex-shrink: 0 !important;
}

html:root body main :is(.book-center-surface, .author-center-surface, .genre-center-surface, .gl-center-surface)[class] > .entity-feed:has(> .entity-book-grid, > .entity-empty),
html:root body main :is(.book-center-surface, .author-center-surface, .genre-center-surface, .gl-center-surface)[class] > :is(.entity-related, .genre-empty-card, .gl-grid, .gl-empty) {
    box-sizing: border-box !important;
    flex: 1 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 6px 0 0 !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: var(--dp-panel-bg, #ffffff) !important;
    background-color: var(--dp-panel-bg, #ffffff) !important;
    box-shadow: none !important;
}

html:root body main :is(.book-center-surface, .author-center-surface, .genre-center-surface, .gl-center-surface)[class]:has(> .entity-related) > .entity-feed:has(> .entity-book-grid, > .entity-empty) {
    flex-grow: 0 !important;
}

html:root body main :is(.book-center-surface, .author-center-surface, .genre-center-surface, .gl-center-surface)[class] > .entity-feed:has(> .entity-book-grid, > .entity-empty) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

html:root body main :is(.book-center-surface, .author-center-surface, .genre-center-surface, .gl-center-surface)[class] > .entity-feed > .entity-book-grid,
html:root body main :is(.book-center-surface, .author-center-surface, .genre-center-surface, .gl-center-surface)[class] > .gl-grid {
    min-width: 0 !important;
    padding-top: 14px !important;
    padding-bottom: 18px !important;
    align-content: start !important;
}

html:root body main :is(.book-center-surface, .author-center-surface, .genre-center-surface, .gl-center-surface)[class] > .entity-feed > .entity-empty {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html:root body main :is(.book-center-surface, .author-center-surface, .genre-center-surface, .gl-center-surface)[class] > .genre-feed:has(> .entity-book-grid):has(+ .genre-more) {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

html:root body main :is(.book-center-surface, .author-center-surface, .genre-center-surface, .gl-center-surface)[class] > .genre-feed:has(> .entity-book-grid) + .genre-more {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 0 18px 18px !important;
    background: var(--dp-panel-bg, #ffffff) !important;
    background-color: var(--dp-panel-bg, #ffffff) !important;
}

html:root body main :is(.book-center-surface, .author-center-surface, .genre-center-surface, .gl-center-surface)[class]:has(> #genreNoResult:not([hidden])) > .gl-grid {
    display: none !important;
}

/* END_ENTITY_CONTENT_PANELS_20261024 */

/* POST_FOLLOW_HEADER_ICON_FIX_20261024 */

html:root body main .post-card > .flex > .flex-1 > .flex.items-start:has(.follow-btn):not(:has(.post-reader-level)),
html:root body main .profile-center-surface #feedContainer.profile-post-feed > article.post-card > .flex > .flex-1 > .flex.items-start:has(.follow-btn):not(:has(.post-reader-level)) {
    margin-bottom: 0 !important;
}

@media (max-width: 767px) {
    html:root body main
    :is(.post-card, .review-card-head-right) .follow-btn svg {
        flex: 0 0 16px !important;
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        min-height: 16px !important;
        max-width: 16px !important;
        max-height: 16px !important;
    }
}

/* END_POST_FOLLOW_HEADER_ICON_FIX_20261024 */

/* CHAPTER_NAV_COMPACT_20261024 */

html:root .rdr-nav.ib-chapter-nav[class] {
    --cn-bg: var(--dp-panel-bg, #ffffff);
    --cn-text: var(--stories-text, #17191d);
    --cn-muted: var(--stories-muted, #687281);
    --cn-hover: #f2f4f6;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    box-sizing: border-box !important;
    margin: 0 0 5px !important;
    padding: 5px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: var(--cn-bg) !important;
    box-shadow: none !important;
}

html:root.dark .rdr-nav.ib-chapter-nav[class] {
    --cn-text: #f1f3f5;
    --cn-muted: #a6aeb9;
    --cn-hover: rgba(255,255,255,.07);
}

html:root.rdr-focus-on .rdr-nav.ib-chapter-nav[class] {
    --cn-bg: rgba(22,25,31,.94);
    --cn-text: #f2f5f8;
    --cn-muted: #b3bbc5;
    --cn-hover: rgba(255,255,255,.08);
}

html:root .rdr-nav.ib-chapter-nav[class] > .rdr-nav-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 7px 10px !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: var(--cn-text) !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transform: none !important;
    text-align: left !important;
    transition: background-color .15s ease !important;
}

html:root .rdr-nav.ib-chapter-nav[class] > :is(.is-next, .is-end) {
    justify-content: flex-end !important;
    text-align: right !important;
}

html:root .rdr-nav.ib-chapter-nav[class] > a.rdr-nav-btn:hover {
    background: var(--cn-hover) !important;
}

html:root .rdr-nav.ib-chapter-nav[class] > a.rdr-nav-btn:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: -2px;
}

html:root .rdr-nav.ib-chapter-nav[class] .rdr-nav-copy {
    display: block !important;
    min-width: 0 !important;
}

html:root .rdr-nav.ib-chapter-nav[class] small {
    display: block !important;
    margin: 0 !important;
    color: var(--cn-muted) !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    letter-spacing: normal !important;
    white-space: nowrap !important;
}

html:root .rdr-nav.ib-chapter-nav[class] strong {
    display: block !important;
    margin: 2px 0 0 !important;
    color: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html:root .rdr-nav.ib-chapter-nav[class] .rdr-nav-arrow {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
    transform: none !important;
}

html:root .rdr-nav.ib-chapter-nav[class] .rdr-nav-arrow svg {
    width: 18px !important;
    height: 18px !important;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

html:root .rdr-nav.ib-chapter-nav[class] > .is-disabled {
    color: var(--cn-muted) !important;
    cursor: default;
}

html:root .rdr-nav.ib-chapter-nav[class] > .is-disabled strong {
    font-size: 12.5px !important;
    font-weight: 400 !important;
}

@media (max-width: 400px) {
    html:root .rdr-nav.ib-chapter-nav[class] {
        gap: 4px !important;
        padding: 4px !important;
    }
    html:root .rdr-nav.ib-chapter-nav[class] > .rdr-nav-btn {
        gap: 6px !important;
        padding: 7px 8px !important;
    }
}

/* END_CHAPTER_NAV_COMPACT_20261024 */