/* Ön yüze özgü bileşenler. Yönetim paneli bu dosyayı yüklemez. Yalnızca token kullanır; tema seçicisi yoktur. */

@layer site {
  /* =====================================================================
     TEMEL (Faz 5, Ajan F) — tipografi, yerleşim, ortak bileşenler.
     Sözleşme: sayfa ajanları bu sınıfları kullanır; kendi bölümlerini dosyanın SONUNA ekler.
     Kırılımlar: 1080 (yan sütun daralır, menü çekmeceye geçer), 760 (tek sütun, mobil), 440, 380.
     ===================================================================== */

  /* ---------- Tipografi ---------- */
  /* Başlık öğeleri (h1–h4) ve bağlantı rengi base.css @layer base içinde: buradaki öğe seçicileri bileşenleri ezerdi. */
  .t-display { font-family: var(--font-display); font-size: var(--fs-display); font-weight: 800; letter-spacing: -.025em; line-height: 1.04; }
  .t-h1 { font-family: var(--font-display); font-size: var(--fs-h1); font-weight: 800; letter-spacing: -.02em; line-height: 1.08; }
  .t-h2 { font-family: var(--font-display); font-size: var(--fs-h2); font-weight: 700; letter-spacing: -.015em; line-height: 1.15; }
  .t-h3 { font-family: var(--font-display); font-size: var(--fs-h3); font-weight: 700; letter-spacing: -.015em; line-height: 1.15; }
  .t-h4 { font-family: var(--font-display); font-size: var(--fs-h4); font-weight: 700; letter-spacing: -.005em; line-height: 1.3; }
  .t-lead { font-size: var(--fs-lead); line-height: 1.5; }
  .t-sm { font-size: var(--fs-sm); line-height: 1.5; }
  .t-xs { font-size: var(--fs-xs); line-height: 1.45; }
  .faint { color: var(--text-faint); }
  .num { font-variant-numeric: tabular-nums; }
  .text-link { color: var(--primary-text); font-weight: 600; text-decoration: none; }
  .text-link:hover { text-decoration: underline; text-underline-offset: 3px; }

  /* ---------- Yerleşim ---------- */
  .container { max-width: var(--container); padding: 0 max(var(--gutter), env(safe-area-inset-right)) 0 max(var(--gutter), env(safe-area-inset-left)); }
  .site-main { flex: 1 0 auto; padding: 22px 0 0; }
  /* Bölüm: ana sayfa ve liste sayfalarındaki büyük blok aralığı */
  .sec { margin-top: 56px; }
  .sec-head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-4); margin-bottom: 18px; }
  .sec-head h2, .sec-head h3 { margin: 0; }
  .sec-head > a, .sec-link { font-weight: 600; font-size: var(--fs-ui); color: var(--primary-text); text-decoration: none; white-space: nowrap; }
  .sec-head > a:hover, .sec-link:hover { text-decoration: underline; text-underline-offset: 3px; }
  /* Ana + yan sütun (yan sütun 340 px; 1080 altında 300; 760 altında tek sütun) */
  .layout-cols { display: grid; grid-template-columns: minmax(0, 1fr) var(--side-w); gap: 28px; margin-top: 28px; align-items: start; }
  .layout-main { display: grid; gap: 28px; min-width: 0; align-content: start; }
  .layout-side { display: grid; gap: 20px; min-width: 0; align-content: start; }
  .layout-side.is-sticky { position: sticky; top: calc(var(--header-h) + 20px); }
  /* Sayfa başı (başlık + açıklama) */
  .page-head { margin: 0 0 var(--space-5); }
  .page-head h1 { margin: 0; }
  .page-head .t-lead, .page-head p { margin: var(--space-2) 0 0; color: var(--text-muted); max-width: 64ch; }

  /* ---------- Düğmeler (ön yüz ayarı; temel .btn base.css'te) ---------- */
  .btn { font-weight: 600; white-space: nowrap; }
  .btn:where(:not(.btn-primary, .btn-accent, .btn-navy, .btn-danger, .btn-ghost, .btn-complaint, .btn-metoo)) { border-color: var(--border-strong); }
  .btn:where(:not(.btn-primary, .btn-accent, .btn-navy, .btn-danger, .btn-ghost, .btn-complaint, .btn-metoo)):hover { border-color: var(--text-faint); color: var(--text); }
  .btn .icon { width: 20px; height: 20px; }
  .btn-sm .icon { width: 18px; height: 18px; }
  .btn-ghost:hover { background: var(--bg-2); border-color: transparent; }
  .btn-complaint { background: var(--surface); border-color: var(--type-complaint); color: var(--type-complaint); }
  .btn-complaint:hover { background: var(--type-complaint-soft); border-color: var(--type-complaint); color: var(--type-complaint); }
  .btn-icon { width: var(--btn-h); padding: 0; border-radius: var(--radius-pill); }
  .btn-sm.btn-icon { width: var(--btn-h-sm); }
  /* "Ben de yaşadım" büyük düğme (tepki düğmesinin metoo görünümü) */
  .btn-metoo { background: var(--surface); border-color: var(--type-complaint); color: var(--type-complaint); }
  .btn-metoo:hover { background: var(--type-complaint-soft); border-color: var(--type-complaint); color: var(--type-complaint); }
  .btn-metoo.is-active, .btn-metoo[aria-pressed="true"] { background: var(--type-complaint); color: var(--on-primary); }
  .btn-metoo .count { font-weight: 700; font-variant-numeric: tabular-nums; }
  .btn-metoo .count:not(:empty)::before { content: '('; }
  .btn-metoo .count:not(:empty)::after { content: ')'; }

  /* ---------- Rozet, durum, çip ---------- */
  /* İçerik türü: .type-badge + .type-review | .type-complaint | .type-question | .type-guide | .type-expert_article */
  .type-badge { display: inline-flex; align-items: center; gap: 5px; padding: 5px 9px 5px 7px; border-radius: var(--radius-pill); font: 700 var(--fs-xs)/1 var(--font-body); white-space: nowrap; background: var(--type-soft, var(--bg-2)); color: var(--type, var(--text-muted)); }
  .type-badge .icon { width: 15px; height: 15px; stroke-width: 2.1; }
  .type-badge.is-plain { --type: var(--text-muted); --type-soft: var(--bg-2); }
  /* Eski işaretleme (.post-type) aynı görünür */
  .post-type { display: inline-flex; align-items: center; gap: 5px; padding: 5px 9px 5px 7px; border-radius: var(--radius-pill); font: 700 var(--fs-xs)/1 var(--font-body); text-transform: none; letter-spacing: 0; background: var(--type-soft, var(--bg-2)); color: var(--type, var(--text-muted)); }
  .post-type .icon { width: 15px; height: 15px; }
  /* Durum: .status-dot (nokta + metin) | .status-chip (yumuşak zeminli hap) + .is-ok | .is-wait | .is-ans | .is-bad | .is-neutral */
  .status-dot, .status-chip { --tone: var(--status-neutral); --tone-soft: var(--status-neutral-soft); display: inline-flex; align-items: center; gap: 5px; font: 600 var(--fs-xs)/1.2 var(--font-body); color: var(--tone); white-space: nowrap; }
  .status-dot::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: currentColor; flex-shrink: 0; }
  .status-chip { font-weight: 700; background: var(--tone-soft); padding: 3px 9px; border-radius: var(--radius-pill); }
  .is-ok { --tone: var(--status-ok); --tone-soft: var(--status-ok-soft); }
  .is-wait { --tone: var(--status-wait); --tone-soft: var(--status-wait-soft); }
  .is-ans { --tone: var(--status-ans); --tone-soft: var(--status-ans-soft); }
  .is-bad { --tone: var(--status-bad); --tone-soft: var(--status-bad-soft); }
  .is-neutral { --tone: var(--status-neutral); --tone-soft: var(--status-neutral-soft); }
  /* Çip: filtre, kriter puanı, öneri. .chip.is-active seçili */
  .chip-row { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0 0 var(--space-5); }
  .chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: var(--radius-pill); background: var(--bg); border: 1px solid var(--border); color: var(--text); text-decoration: none; font-weight: 500; font-size: var(--fs-sm); line-height: 1.4; }
  .chip b, .chip strong { font-weight: 700; }
  .chip .icon { color: var(--primary); width: 16px; height: 16px; }
  a.chip:hover, .chip.is-active { border-color: var(--primary); color: var(--primary-text); }
  .chip.is-active { background: var(--primary-soft); }
  /* Resmi kurum rozeti */
  .official-badge { display: inline-flex; align-items: center; gap: 5px; font-size: var(--fs-xs); font-weight: 700; color: var(--type-question); background: var(--surface); border: 1px solid var(--official-line); padding: 4px 9px 4px 6px; border-radius: var(--radius-pill); white-space: nowrap; }
  .official-badge .icon { width: 15px; height: 15px; }
  /* Baş harf karosu (logosu olmayan kurum/ürün) ve yuvarlak avatar */
  .initials { display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: var(--radius-sm); font: 800 var(--fs-sm)/1 var(--font-display); background: var(--bg-2); color: var(--text); flex: none; overflow: hidden; }
  .initials img { width: 100%; height: 100%; object-fit: contain; background: var(--logo-bg); }
  .initials.is-lg { width: 48px; height: 48px; border-radius: 12px; font-size: var(--fs-md); }

  /* ---------- Panel ve kartlar ---------- */
  .panel { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 22px 24px; min-width: 0; }
  .panel > h2:first-child, .panel > h3:first-child { margin: 0 0 14px; }
  .panel.is-accent { background: var(--accent-soft); border-color: transparent; }
  .panel.is-tint { background: var(--bg-2); border-color: transparent; }
  .panel.is-official { background: var(--official); border: 1.5px solid var(--official-line); }
  .panel-head { display: flex; justify-content: space-between; align-items: baseline; gap: var(--space-3); margin-bottom: 6px; }
  .panel-head h2, .panel-head h3 { margin: 0; }
  .panel-head > a { font-size: var(--fs-sm); font-weight: 600; color: var(--primary-text); text-decoration: none; white-space: nowrap; }
  .panel-head > a:hover { text-decoration: underline; text-underline-offset: 3px; }
  .panel-title-icon { display: flex; align-items: center; gap: var(--space-2); }
  .panel-title-icon .icon { color: var(--primary); }
  /* Anahtar/değer satırları (fiyat, kurum karnesi, bilgiler) */
  .data-rows { list-style: none; margin: 0; padding: 0; }
  .data-row, .data-rows > li { display: flex; justify-content: space-between; gap: var(--space-3); padding: 9px 0; border-top: 1px solid var(--border); font-size: var(--fs-sm); }
  .data-row b, .data-rows > li b { font-variant-numeric: tabular-nums; font-weight: 700; text-align: right; }
  /* Üçlü sayı kutusu (kurum karnesi) */
  .stat-trio { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-2); margin: 14px 0 4px; }
  .stat-trio > div { background: var(--bg); border-radius: 12px; padding: 12px 10px; }
  .stat-trio strong { display: block; font: 800 1.5rem/1.1 var(--font-display); letter-spacing: -.02em; }
  .stat-trio span { display: block; font-size: var(--fs-xs); color: var(--text-muted); line-height: 1.3; margin-top: 4px; }
  .stat-trio .is-good strong { color: var(--status-ok); }

  /* ---------- Sekmeler (alt çizgili) ---------- */
  .tabs { display: flex; gap: 4px; margin-top: 22px; border-bottom: 1px solid var(--border); overflow-x: auto; scrollbar-width: none; }
  .tabs::-webkit-scrollbar { display: none; }
  .tabs a, .tabs button { display: inline-flex; align-items: center; gap: 7px; padding: 12px 14px 14px; border: 0; border-bottom: 3px solid transparent; background: none; color: var(--text-muted); font: 600 var(--fs-ui) var(--font-body); white-space: nowrap; text-decoration: none; cursor: pointer; }
  .tabs a:hover, .tabs button:hover { color: var(--text); }
  .tabs [aria-current="page"], .tabs [aria-selected="true"] { color: var(--text); border-bottom-color: var(--primary); }
  .tab-count { font-size: var(--fs-xs); font-weight: 600; color: var(--text-faint); background: var(--bg-2); padding: 2px 7px; border-radius: var(--radius-pill); }
  .tabs .icon { display: none; }

  /* ---------- Akış kutusu ve satırları (ana sayfa "Son şikayetler" vb.) ---------- */
  /* <section class="feed type-complaint"> <div class="feed-head"><h3>…</h3><a>Tümü</a></div> .feed-row… </section> */
  .feed { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 6px 22px 10px; min-width: 0; }
  .feed-head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding: 16px 0 12px; border-bottom: 2px solid var(--type, var(--primary)); }
  .feed-head h2, .feed-head h3 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: var(--fs-h3); color: var(--text); }
  .feed-head h2 .icon, .feed-head h3 .icon { color: var(--type, var(--primary)); }
  .feed-head > a { font-size: var(--fs-sm); font-weight: 600; color: var(--text-muted); text-decoration: none; }
  .feed-head > a:hover { color: var(--text); }
  .feed-row { display: block; padding: 16px 0; border-bottom: 1px solid var(--border); color: var(--text); text-decoration: none; }
  .feed-row:last-child { border-bottom: 0; }
  .feed-row:hover { color: var(--text); }
  .feed-row-title { margin: 0 0 6px; font: 700 var(--fs-h4)/1.3 var(--font-display); letter-spacing: -.005em; overflow-wrap: anywhere; }
  .feed-row:hover .feed-row-title { text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
  .feed-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; font-size: var(--fs-xs); color: var(--text-faint); }
  .feed-subject { color: var(--text-muted); font-weight: 600; }
  .feed-empty { padding: 18px 0; color: var(--text-faint); font-size: var(--fs-sm); margin: 0; }

  /* ---------- İçerik satırı (panel içinde liste: kayıt sayfası, sekmeler, arama) ---------- */
  /* <article class="post-row"> .post-row-top (rozet + durum/yıldız) h3.post-row-title p.post-row-excerpt .post-row-meta */
  .post-rows { display: flex; flex-direction: column; }
  .post-row { padding: 18px 0; border-top: 1px solid var(--border); min-width: 0; }
  .post-row:first-child, .panel-head + .post-row, .panel-head + .post-rows > .post-row:first-child { border-top: 0; }
  .post-rows > .post-row:first-child { border-top: 0; }
  .post-row-top { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
  .post-row-title { margin: 10px 0 6px; font: 700 var(--fs-lg)/1.3 var(--font-display); letter-spacing: -.01em; overflow-wrap: anywhere; }
  .post-row-title a { color: var(--text); text-decoration: none; }
  .post-row-title a:hover { text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
  .post-row-excerpt { margin: 0; color: var(--text-muted); font-size: var(--fs-ui); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
  .post-row-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin-top: 10px; font-size: var(--fs-xs); color: var(--text-faint); }
  .post-row-meta > span { display: inline-flex; align-items: center; gap: 5px; }
  .post-row-meta .icon { width: 15px; height: 15px; }
  .post-row-meta a { color: var(--text-muted); font-weight: 600; text-decoration: none; }
  .post-row-meta a:hover { text-decoration: underline; }

  /* ---------- Yıldızlar ---------- */
  .stars { display: inline-flex; gap: 1px; color: var(--star); vertical-align: -2px; }
  .stars .icon { width: 15px; height: 15px; fill: currentColor; stroke: none; }
  .stars .off { color: var(--star-off); }
  .stars.is-md .icon { width: 18px; height: 18px; }
  .rating { display: inline-flex; align-items: center; gap: 8px; font-size: var(--fs-sm); }
  .rating strong { font-family: var(--font-display); font-weight: 800; }
  .rating-empty { color: var(--text-faint); gap: 5px; }
  .rating-empty .icon { color: var(--star-off); width: 15px; height: 15px; }
  .rating-compact { gap: 0; }

  /* ---------- Puan dağılımı (partials/rating-summary) ---------- */
  .rating-dist { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 28px; align-items: center; }
  .rating-big { font: 800 3.5rem/1 var(--font-display); letter-spacing: -.03em; }
  .rating-dist-sum .stars { margin-top: 6px; }
  .rating-bars { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
  .rating-bars li { display: grid; grid-template-columns: 52px minmax(0, 1fr) 36px; gap: 10px; align-items: center; font-size: var(--fs-sm); color: var(--text-muted); }
  .rating-bars .bar { height: 10px; border-radius: var(--radius-pill); background: var(--bg-2); overflow: hidden; }
  .rating-bars .fill { display: block; height: 100%; border-radius: var(--radius-pill); background: var(--rating-bar); }
  .rating-bars .n { text-align: right; font-variant-numeric: tabular-nums; }
  .rating-panel { container-type: inline-size; }
  @container (max-width: 440px) {
    .rating-dist { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    .rating-dist-sum { display: flex; align-items: center; gap: 12px; }
    .rating-dist-sum .stars { margin-top: 0; }
    .rating-big { font-size: 2.75rem; }
  }
  .aspects { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--border); list-style: none; padding-left: 0; margin-bottom: 0; }

  /* ---------- Eylem kartları (ana sayfa, boş durum) ---------- */
  .action-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 14px; }
  .action-card { display: flex; gap: 14px; align-items: flex-start; padding: 18px 18px 18px 16px; border-radius: var(--radius-lg); background: var(--surface); color: var(--text); border: 2px solid transparent; text-decoration: none; transition: border-color .15s, transform .15s; }
  .action-cards.is-bordered .action-card { border-color: var(--border); }
  .action-card:hover { color: var(--type); border-color: currentColor; transform: translateY(-2px); }
  .action-card-icon { width: 46px; height: 46px; border-radius: var(--radius-md); display: grid; place-items: center; flex: none; background: var(--type-soft); color: var(--type); }
  .action-card-icon .icon { width: 24px; height: 24px; }
  .action-card strong { display: block; font: 700 1.1875rem/1.2 var(--font-display); letter-spacing: -.01em; }
  .action-card:hover strong { color: currentColor; }
  .action-card small { display: block; font-size: var(--fs-sm); line-height: 1.4; color: var(--text-muted); margin-top: 4px; }
  .action-card.type-complaint small b { color: var(--type-complaint); font-weight: 700; }

  /* ---------- Mobil sabit eylem çubuğu (partials/action-bar) — yalnızca ≤760 px ---------- */
  .action-bar { display: none; }

  /* ---------- Üst başlık ---------- */
  .site-header { position: sticky; top: 0; z-index: 30; background: color-mix(in srgb, var(--surface) 92%, transparent); -webkit-backdrop-filter: saturate(1.4) blur(10px); backdrop-filter: saturate(1.4) blur(10px); border-bottom: 1px solid var(--border); }
  .header-row { display: flex; align-items: center; gap: 8px; min-height: var(--header-h); }
  .site-header .brand { gap: 9px; flex: none; }
  .site-header .brand .logo-mark, .site-header .brand img, .site-footer .brand .logo-mark, .site-footer .brand img { height: 37px; }
  .site-header .brand-text, .site-footer .brand-text { height: auto; font-size: var(--fs-md); line-height: .98; letter-spacing: -.02em; }
  .site-header .brand-text > span, .site-footer .brand-text > span { overflow: visible; text-overflow: clip; }
  .nav-toggle { display: none; }
  .site-nav { margin-left: 20px; min-width: 0; }
  .site-nav-list { list-style: none; margin: 0; padding: 0; display: flex; gap: 2px; }
  .site-nav-list a { display: inline-flex; align-items: center; gap: 8px; padding: 9px 13px; border-radius: var(--radius-pill); font-weight: 600; font-size: var(--fs-ui); color: var(--text-muted); text-decoration: none; white-space: nowrap; }
  .site-nav-list a:hover { background: var(--bg-2); color: var(--text); }
  .site-nav-list a[aria-current="page"] { color: var(--text); background: var(--bg-2); }
  .site-nav-list .icon { display: none; }
  .site-nav-list .is-home { display: none; }
  .site-nav-extra { display: none; }
  .header-search { flex: 1; max-width: 340px; margin-left: auto; display: flex; align-items: center; gap: 10px; height: 42px; padding: 0 16px 0 14px; border-radius: var(--radius-pill); border: 1.5px solid var(--border-strong); background: var(--bg); color: var(--text-faint); font: 500 var(--fs-ui) var(--font-body); text-decoration: none; min-width: 0; }
  .header-search span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .header-search:hover { border-color: var(--text-faint); color: var(--text-muted); }
  .header-actions { display: flex; align-items: center; gap: 6px; margin-left: auto; flex: none; }
  .header-search + .header-actions { margin-left: 12px; }
  .header-search-icon { display: none; }
  .header-actions .btn-icon { color: var(--text); }
  .bell-link { position: relative; }
  .bell-count { position: absolute; top: 2px; right: 0; min-width: 20px; height: 20px; padding: 0 var(--space-1); border-radius: var(--radius-pill); background: var(--primary); color: var(--on-primary); font-size: var(--fs-xs); font-weight: 800; display: inline-flex; align-items: center; justify-content: center; line-height: 1; }
  .site-nav-theme .label-to-light, .site-nav-theme .icon-sun { display: var(--show-dark); }
  .site-nav-theme .label-to-dark, .site-nav-theme .icon-moon { display: var(--show-light); }

  @media (max-width: 1080px) {
    .nav-toggle { display: inline-flex; margin-left: -10px; }
    .site-nav { margin-left: 8px; }
    .site-nav-list li:nth-child(n+4) { display: none; }
    .site-nav.is-open { position: absolute; left: 0; right: 0; top: 100%; margin: 0; background: var(--surface); border-bottom: 1px solid var(--border); box-shadow: var(--shadow); padding: var(--space-3) var(--gutter) var(--space-4); max-height: calc(100vh - var(--header-h)); max-height: calc(100dvh - var(--header-h)); overflow-y: auto; }
    .site-nav.is-open .site-nav-list { max-width: calc(var(--container) - 2 * var(--gutter)); margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); gap: var(--space-2); }
    .site-nav.is-open .site-nav-list li, .site-nav.is-open .site-nav-list .is-home { display: block; }
    .site-nav.is-open .site-nav-list a { display: flex; min-height: 52px; padding: 0 var(--space-4); border-radius: var(--radius-md); background: var(--bg); border: 1px solid var(--border); color: var(--text); }
    .site-nav.is-open .site-nav-list .icon { display: inline-block; color: var(--primary); }
    .site-nav.is-open .site-nav-list a[aria-current="page"] { border-color: var(--primary); color: var(--primary-text); }
  }
  @media (max-width: 760px) {
    .header-row { gap: 2px; }
    .site-nav { margin: 0; }
    .site-nav:not(.is-open) { display: none; }
    .site-nav.is-open .site-nav-extra { display: grid; gap: var(--space-2); margin: var(--space-3) 0 0; padding-top: var(--space-3); border-top: 1px solid var(--border); }
    .site-nav-auth { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-2); }
    .site-header .brand { gap: 7px; }
    .site-header .brand .logo-mark, .site-header .brand img { height: 30px; }
    .site-header .brand-text { font-size: var(--fs-brand-m); }
    .header-search { display: none; }
    .header-search-icon { display: inline-flex; }
    .header-actions { gap: 0; margin-left: auto; }
    .header-actions .theme-toggle, .header-login { display: none; }
    .header-register { margin-left: 4px; }
  }
  @media (max-width: 380px) {
    .site-header .brand-text { font-size: var(--fs-brand-s); }
    .header-actions .btn-icon { width: 40px; }
  }

  /* ---------- Alt bilgi (lacivert, 4 sütun) ---------- */
  .site-footer { margin-top: 72px; background: var(--foot-bg); color: var(--foot-text); padding: 48px 0 32px; font-size: var(--fs-sm); }
  .site-footer :focus-visible { outline-color: var(--accent); }
  .footer-grid { display: grid; grid-template-columns: 1.4fr repeat(3, minmax(0, 1fr)); gap: 32px; }
  .footer-about p { color: var(--foot-muted); margin: 14px 0 0; max-width: 300px; }
  .site-footer .brand, .site-footer .brand:hover { color: var(--foot-text); }
  .footer-title { font: 700 var(--fs-ui) var(--font-body); letter-spacing: 0; margin: 0 0 12px; color: var(--foot-text); }
  .footer-links { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; color: var(--foot-muted); }
  .footer-links a { color: var(--foot-muted); text-decoration: none; }
  .footer-links a:hover { color: var(--foot-text); text-decoration: underline; }
  .footer-bottom { border-top: 1px solid var(--foot-line); margin-top: 36px; padding-top: 20px; font-size: var(--fs-xs); color: var(--foot-muted); display: flex; justify-content: space-between; gap: var(--space-4); flex-wrap: wrap; }
  .social-links { list-style: none; margin: var(--space-4) 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--space-2); }
  .social-links a { width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: transparent; border: 1px solid var(--foot-line); color: var(--foot-text); text-decoration: none; }
  .social-links a:hover, .social-links a:focus-visible { border-color: var(--foot-text); }
  .social-links img { width: 22px; height: 22px; object-fit: contain; border-radius: 4px; }
  .social-short { font: 800 var(--fs-sm) var(--font-display); letter-spacing: -.01em; }

  .build-banner { background: var(--navy); color: var(--on-navy); font-size: var(--fs-sm); text-align: center; padding: var(--space-1-5) var(--space-4); }
  .build-banner a { color: var(--accent); }
  .build-banner :focus-visible { outline-color: var(--accent); }

  /* ---------- Kırıntı ---------- */
  .breadcrumbs ol { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; padding: 0; margin: 0 0 18px; font-size: var(--fs-sm); color: var(--text-faint); }
  .breadcrumbs li + li::before { content: '/'; margin-right: 6px; color: var(--border-strong); }
  .breadcrumbs a { color: var(--text-muted); text-decoration: none; }
  .breadcrumbs a:hover { color: var(--text); text-decoration: underline; }
  .breadcrumbs [aria-current] { color: var(--text-faint); font-weight: 400; }

  /* ---------- Mobil ---------- */
  @media (max-width: 1080px) {
    .layout-cols { gap: 24px; }
  }
  @media (max-width: 760px) {
    .site-main { padding-top: 14px; }
    .sec { margin-top: 40px; }
    .layout-cols { grid-template-columns: minmax(0, 1fr); margin-top: 18px; gap: 18px; }
    .layout-main, .layout-side { gap: 18px; }
    .layout-side.is-sticky { position: static; }
    .panel { padding: 18px 16px; border-radius: 18px; }
    .feed { padding: 2px 16px 6px; }
    .feed-row-title { font-size: var(--fs-md); }
    .post-row-title { font-size: var(--fs-md); }
    .tabs { margin: 14px calc(var(--gutter) * -1) 0; padding: 0 12px; }
    .tabs a, .tabs button { padding: 10px 10px 12px; font-size: var(--fs-sm); }
    .rating-dist { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .rating-dist-sum { display: flex; align-items: center; gap: 12px; }
    .rating-dist-sum .stars { margin-top: 0; }
    .rating-big { font-size: 2.75rem; }
    .stat-trio strong { font-size: 1.3125rem; }
    .breadcrumbs ol { font-size: var(--fs-xs); margin-bottom: 14px; }
    .action-cards { grid-template-columns: minmax(0, 1fr); gap: 8px; }
    .action-card { padding: 12px 14px; align-items: center; border-radius: 16px; }
    .action-card-icon { width: 40px; height: 40px; border-radius: 12px; }
    .action-card strong { font-size: var(--fs-md); }
    .action-card small { font-size: var(--fs-xs); margin-top: 2px; }
    .site-footer { margin-top: 48px; padding: 36px 0 32px; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 28px 20px; }
    .footer-about { grid-column: 1 / -1; }
    /* Eylem çubuğu: içerik akışının sonunda yapışkan; alt bilgiyi örtmez */
    .action-bar { display: flex; position: sticky; bottom: 0; z-index: 15; gap: 8px; margin: 24px calc(var(--gutter) * -1) 0; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: color-mix(in srgb, var(--surface) 94%, transparent); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-top: 1px solid var(--border); }
    .action-bar .btn { height: 46px; min-height: 46px; padding: 0 14px; }
    .action-bar > .is-grow { flex: 1; min-width: 0; }
    .action-bar-slot { display: flex; }
    .action-bar-slot > *, .action-bar-slot .inline-social { display: flex; flex: 1; min-width: 0; }
    .action-bar-slot .btn { flex: 1; }
    .site-main:has(.action-bar) + .site-footer { margin-top: 0; }
  }
  @media (max-width: 440px) {
    .action-bar .btn { padding: 0 12px; }
    .action-bar .btn .icon { display: none; }
  }
  @media (max-width: 380px) {
    .action-bar .btn .icon { display: block; }
    .action-bar .is-collapse .btn-label { display: none; }
    .action-bar .is-collapse { width: 46px; padding: 0; }
  }

  /* ---------- Sayfa başı, yönlendirme kutuları (önceki fazlardan; sayfalar yeniden yazılınca sadeleşir) ---------- */
  .page-intro { margin-bottom: var(--space-5); }
  .page-intro h1 { margin-bottom: var(--space-2); }
  .lead { font-size: var(--fs-md); color: var(--text-muted); max-width: 72ch; margin: 0; }
  .team-edit { margin: 0 0 var(--space-2); font-size: var(--fs-sm); }
  .team-edit a { display: inline-flex; gap: var(--space-1); align-items: center; }
  .h4 { font-size: var(--fs-md); display: flex; align-items: center; gap: var(--space-2); margin: 0; }
  .h4 .icon { color: var(--primary); }
  .h5 { font-size: var(--fs-base); display: flex; align-items: center; gap: var(--space-2); margin: 0; }
  .h5 .icon { color: var(--primary); }
  .section { margin-top: var(--space-6); }
  .section-gap { margin-top: var(--space-5); }
  .narrow-page { max-width: 760px; }
  .narrow-card { max-width: 640px; margin: 0 auto; }
  .narrow-card h1 { display: flex; gap: var(--space-2-5); align-items: center; }
  .narrow-card h1 .icon { color: var(--success); }
  .center-row { justify-content: center; }
  .row-wrap { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--space-3); }
  .row-wrap .field { margin: 0; flex: 1 1 200px; }
  .field-actions { padding-bottom: 2px; }
  .ref-code { font-family: var(--font-mono); letter-spacing: .04em; }
  .link-muted { color: var(--text-muted); display: inline-flex; align-items: center; gap: var(--space-1); }
  .mention { font-weight: 600; text-decoration: none; }
  .mention:hover { text-decoration: underline; }
  .disclaimer { margin-bottom: var(--space-4); }

  .guidance-card { display: flex; gap: var(--space-4); align-items: flex-start; padding: var(--space-4) var(--space-5); border-radius: var(--radius-lg); background: var(--navy); color: var(--on-navy); margin: 0 0 var(--space-5); }
  .guidance-card .guidance-icon { color: var(--accent); margin-top: 2px; }
  .guidance-card :focus-visible { outline-color: var(--accent); }
  .guidance-card .btn-navy { background: var(--accent); border-color: var(--accent); color: var(--on-accent); align-self: flex-start; }

  .empty-state { text-align: center; padding: var(--space-7) var(--space-4); color: var(--text-muted); border: 1px dashed var(--border-strong); border-radius: var(--radius-lg); }
  .empty-state .icon { margin: 0 auto var(--space-3); color: var(--primary); }
  .empty-state p { margin: 0; }
  .empty-state .row { margin-top: var(--space-3); }


  /* ---------- Giriş / hesap ---------- */
  .divider { display: flex; align-items: center; gap: var(--space-3); color: var(--text-muted); font-size: var(--fs-sm); margin: var(--space-4) 0; }
  .divider::before, .divider::after { content: ''; flex: 1; border-top: 1px solid var(--border); }
  .social-buttons { display: flex; flex-direction: column; gap: var(--space-2); }
  .recovery-codes { display: grid; grid-template-columns: repeat(auto-fit, minmax(12ch, 1fr)); gap: var(--space-2); padding: var(--space-4); background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--radius); font-family: var(--font-mono); font-size: var(--fs-md); list-style: none; margin: 0; }
  .qr-box { width: 220px; height: 220px; padding: var(--space-2-5); background: var(--logo-bg); border-radius: var(--radius); border: 1px solid var(--border); margin: 0 auto; }
  .qr-box svg { width: 100%; height: 100%; }
  .qr-box .help { color: var(--on-logo-bg); }
  .secret-key { font-family: var(--font-mono); font-size: var(--fs-md); letter-spacing: .08em; word-break: break-all; padding: var(--space-3); background: var(--surface-2); border-radius: var(--radius-sm); border: 1px solid var(--border); text-align: center; }

  /* ---------- Yakında / hata sayfaları ---------- */
  .coming-soon { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: var(--space-6) var(--space-4); background: var(--primary); color: var(--on-primary); }
  .coming-soon .inner { max-width: 640px; display: flex; flex-direction: column; gap: var(--space-5); }
  .coming-soon .brand { color: var(--on-primary); }
  .coming-soon .logo-mark .logo-front { fill: var(--surface); }
  .coming-soon .logo-mark .logo-dot { fill: var(--primary); }
  .coming-soon h1 { color: inherit; font-size: var(--fs-display); margin: 0; }
  .coming-soon p { font-size: var(--fs-lg); margin: 0; }
  .coming-soon a { color: var(--on-primary); text-decoration: underline; }
  .coming-soon :focus-visible { outline-color: currentColor; }

  /* ---------- Kategori, liste, filtre ---------- */

  .filter-group ul { list-style: none; padding: 0; margin: var(--space-1-5) 0 var(--space-3); }
  .filter-group a { display: flex; gap: var(--space-2); align-items: center; padding: var(--space-1-5) 0; color: var(--text); text-decoration: none; font-size: var(--fs-ui); }
  .filter-group a .icon { color: var(--border-strong); }
  .filter-group a.is-active { color: var(--primary-text); font-weight: 700; }
  .filter-group a.is-active .icon { color: var(--primary); }
  .sort-form { display: flex; align-items: center; gap: var(--space-2); }
  .sort-form.end { justify-content: flex-end; margin-bottom: var(--space-4); }
  .sort-form .btn { min-height: var(--control-h-sm); }
  .sort-tabs { margin: 0 0 var(--space-4); }
  .letter-nav { display: flex; flex-wrap: wrap; gap: var(--space-1); margin: 0 0 var(--space-5); }
  .letter-nav a, .letter-nav span { min-width: 38px; height: 38px; padding: 0 var(--space-2); display: inline-flex; align-items: center; justify-content: center; border-radius: var(--radius-sm); font-weight: 700; font-size: var(--fs-ui); }
  .letter-nav a { background: var(--surface); border: 1px solid var(--border); color: var(--text); text-decoration: none; }
  .letter-nav a:hover { border-color: var(--primary); }
  .letter-nav a[aria-current] { background: var(--primary); border-color: var(--primary); color: var(--on-primary); }
  .letter-nav span { color: var(--border-strong); }

  /* ---------- Varlık (ürün/marka) kartları ---------- */
  .entity-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: var(--space-4); }
  .entity-grid.compact { grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); }
  .entity-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); transition: border-color .15s, box-shadow .15s; }
  .entity-card:hover { border-color: var(--primary); box-shadow: var(--shadow); }
  .entity-card-link { display: flex; gap: var(--space-3); padding: var(--space-4); text-decoration: none; color: var(--text); height: 100%; }
  .entity-card-link:hover { color: var(--text); }
  .entity-thumb { flex: 0 0 76px; height: 76px; border-radius: var(--radius); background: var(--surface-2); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; overflow: hidden; color: var(--primary); }
  .entity-thumb img { width: 100%; height: 100%; object-fit: cover; }
  .entity-thumb.is-logo:has(img) { background: var(--logo-bg); }
  .entity-thumb.is-logo img { object-fit: contain; padding: var(--space-2); }
  .entity-card-body { display: flex; flex-direction: column; gap: var(--space-0-5); min-width: 0; }
  .entity-kicker { font-size: var(--fs-xs); color: var(--text-muted); font-weight: 600; display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--space-1); }
  .entity-name { font-family: var(--font-display); font-size: var(--fs-md); line-height: 1.2; }
  .entity-desc { font-size: var(--fs-sm); color: var(--text-muted); }
  .entity-meta { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; margin-top: var(--space-1-5); }

  /* Puan ve yıldızlar */
  .stars .half { position: relative; color: var(--star-off); }
  .stars .half-on { position: absolute; inset: 0 50% 0 0; overflow: hidden; color: var(--star); }
  .stars .half-on .icon { max-width: none; }
  .rating-bars .fill.w-0 { width: 0%; }
  .rating-bars .fill.w-5 { width: 5%; }
  .rating-bars .fill.w-10 { width: 10%; }
  .rating-bars .fill.w-15 { width: 15%; }
  .rating-bars .fill.w-20 { width: 20%; }
  .rating-bars .fill.w-25 { width: 25%; }
  .rating-bars .fill.w-30 { width: 30%; }
  .rating-bars .fill.w-35 { width: 35%; }
  .rating-bars .fill.w-40 { width: 40%; }
  .rating-bars .fill.w-45 { width: 45%; }
  .rating-bars .fill.w-50 { width: 50%; }
  .rating-bars .fill.w-55 { width: 55%; }
  .rating-bars .fill.w-60 { width: 60%; }
  .rating-bars .fill.w-65 { width: 65%; }
  .rating-bars .fill.w-70 { width: 70%; }
  .rating-bars .fill.w-75 { width: 75%; }
  .rating-bars .fill.w-80 { width: 80%; }
  .rating-bars .fill.w-85 { width: 85%; }
  .rating-bars .fill.w-90 { width: 90%; }
  .rating-bars .fill.w-95 { width: 95%; }
  .rating-bars .fill.w-100 { width: 100%; }

  /* ---------- Varlık sayfası ---------- */
  .tabs + * { margin-top: 28px; }
  @media (max-width: 760px) { .tabs + * { margin-top: 18px; } }
  .pros-cons { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: var(--space-4); margin: var(--space-5) 0 0; }
  .pros, .cons { padding: var(--space-4); border-radius: var(--radius); }
  .pros { background: var(--success-soft); }
  .cons { background: var(--danger-soft); }
  .pros h3, .cons h3, .pros .pc-title, .cons .pc-title { display: flex; gap: var(--space-2); align-items: center; font-size: var(--fs-base); margin: 0 0 var(--space-2); }
  .pros .pc-title, .cons .pc-title { font-family: var(--font-body); }
  .pros h3, .pros .pc-title { color: var(--success); }
  .cons h3, .cons .pc-title { color: var(--danger); }
  .pros ul, .cons ul { margin: 0; padding-left: 1.2em; }
  .pros li, .cons li { margin: var(--space-1) 0; }
  .faq details { border-bottom: 1px solid var(--border); padding: var(--space-3) 0; }
  .faq details:last-child { border-bottom: 0; }
  .faq summary { cursor: pointer; font-weight: 700; }
  .faq details .prose { margin-top: var(--space-2); color: var(--text-muted); }
  .author-box { display: flex; gap: var(--space-3); align-items: center; margin-top: var(--space-5); padding-top: var(--space-4); border-top: 1px solid var(--border); }
  .cta-card { background: var(--accent-soft); border-radius: var(--radius-lg); padding: 22px 24px; margin-bottom: var(--space-5); }
  .cta-card h2 { margin: 0; }
  .cta-card p { margin: 8px 0 14px; color: var(--text-muted); font-size: var(--fs-sm); max-width: 60ch; }
  .cta-actions { display: flex; flex-wrap: wrap; gap: 10px; }
  .cta-card.is-compact { padding: 18px 20px; }
  .cta-card.is-compact .cta-actions { flex-direction: column; align-items: stretch; }

  .tile-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 190px), 1fr)); gap: var(--space-3); }
  .tile { display: flex; flex-direction: column; gap: var(--space-1-5); padding: var(--space-4); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); text-decoration: none; color: var(--text); }
  .tile:hover { border-color: var(--primary); color: var(--text); }
  .tile strong { font-family: var(--font-display); font-size: var(--fs-md); line-height: 1.2; }
  .tile-icon { width: 46px; height: 46px; border-radius: var(--radius); background: var(--primary-soft); color: var(--primary-text); display: flex; align-items: center; justify-content: center; margin-bottom: var(--space-1); }
  .brand-strip { display: flex; flex-wrap: wrap; gap: var(--space-2-5); }
  .brand-chip { display: inline-flex; align-items: center; gap: var(--space-2-5); padding: var(--space-1-5) var(--space-4) var(--space-1-5) var(--space-1-5); border-radius: var(--radius-pill); background: var(--surface); border: 1px solid var(--border); text-decoration: none; color: var(--text); font-weight: 600; }
  .brand-chip:hover { border-color: var(--primary); color: var(--text); }
  .brand-chip-logo { width: 38px; height: 38px; border-radius: var(--radius-pill); overflow: hidden; background: var(--surface-2); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; color: var(--primary); }
  .brand-chip-logo:has(img) { background: var(--logo-bg); }
  .brand-chip-logo img { width: 100%; height: 100%; object-fit: contain; padding: var(--space-1); }

  @media (max-width: 560px) {
    .content-section { padding: var(--space-4); }
    .cta-card { padding: 18px 16px; }
  }

  /* ---------- İçerik yazma: yeni kurallar dosya sonundaki "Kalan sayfalar (Ajan R)" bölümünde ---------- */
  .hp-field { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

  /* ---------- Gönderi kartları ve detay ---------- */
  .post-list { display: flex; flex-direction: column; gap: var(--space-3); }
  .post-grid { display: grid; gap: var(--space-3); grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); }
  .post-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 18px 20px; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
  .content-section .post-card { border-radius: var(--radius-md); }
  .post-card-head { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
  .post-card-title { font: 700 var(--fs-lg)/1.3 var(--font-display); letter-spacing: -.01em; margin: 2px 0 0; overflow-wrap: anywhere; }
  .post-card-title a { color: var(--text); text-decoration: none; }
  .post-card-title a:hover { color: var(--text); text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
  .post-card-entity { margin: 0; font-size: var(--fs-sm); font-weight: 600; }
  .post-card-entity a { color: var(--primary-text); text-decoration: none; }
  .post-card-entity a:hover { text-decoration: underline; }
  .post-card-excerpt { margin: 0; color: var(--text-muted); font-size: var(--fs-ui); overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
  .post-card-foot, .post-byline { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin: 2px 0 0; font-size: var(--fs-xs); color: var(--text-faint); }
  .post-card-foot span, .post-byline span { display: inline-flex; align-items: center; gap: 5px; }
  .post-card-foot .icon { width: 15px; height: 15px; }
  .post-title { font-size: var(--fs-title); margin: 0; overflow-wrap: anywhere; }
  .post-body { font-size: var(--fs-md); overflow-wrap: anywhere; }
  .report-box summary { cursor: pointer; color: var(--text-muted); display: inline-flex; align-items: center; gap: var(--space-1); list-style: none; }
  .report-box summary::-webkit-details-marker { display: none; }
  .report-box[open] { flex-basis: 100%; background: var(--surface-2); border-radius: var(--radius); padding: var(--space-3) var(--space-4); }
  .report-box[open] summary { margin-bottom: var(--space-2); color: var(--text); font-weight: 600; }
  .report-box fieldset { border: 0; padding: 0; margin: 0; }

  /* Yanıtlar */
  .reply-box summary { cursor: pointer; color: var(--primary-text); display: inline-flex; gap: var(--space-1); align-items: center; font-weight: 600; }
  .reply-box[open] { flex-basis: 100%; }
  .reply-box form { margin-top: var(--space-2); }
  .official-card { border-left: 4px solid var(--navy); }

  /* ---------- Rehber ve uzman yazıları ---------- */
  .guide-links { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-2); grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); }
  .guide-links a { display: flex; flex-direction: column; gap: var(--space-1); padding: var(--space-3) var(--space-4); border: 1px solid var(--border); border-radius: var(--radius); text-decoration: none; color: var(--text); height: 100%; background: var(--surface); }
  .guide-links a:hover { border-color: var(--primary); }
  .guide-links a strong { color: var(--text); }
  .simple-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-2); }
  .simple-list li { padding: var(--space-2) 0; border-bottom: 1px solid var(--border); }
  .simple-list li:last-child { border-bottom: 0; }
  .article-body h2 { font-size: var(--fs-2xl); margin-top: 1.6em; }
  .article-body h3 { font-size: var(--fs-lg); margin-top: 1.4em; }
  .expert-bio { margin-top: var(--space-2); }
  .expert-bio summary { cursor: pointer; color: var(--primary-text); font-weight: 600; }

  /* ---------- Arama sayfası ---------- */
  .search-form { max-width: 720px; }
  .search-group { gap: var(--space-2); }
  .search-group .input { padding-right: var(--space-3); }

  /* ---------- Sosyal katman ---------- */
  .inline-social { display: inline-flex; margin: 0; }
  .follow-btn { gap: 6px; }
  .follow-btn.is-active { background: var(--bg-2); border-color: var(--border-strong); color: var(--text); }
  .follow-count { color: var(--text-faint); font-weight: 600; }
  .follow-btn .follow-icon-on, .follow-btn.is-active .follow-icon-off { display: none; }
  .follow-btn.is-active .follow-icon-on, .follow-btn .follow-icon-off { display: inline-flex; }
  .reaction-btn { text-decoration: none; display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 14px; border-radius: var(--radius-pill); border: 1.5px solid var(--border-strong); background: var(--surface); color: var(--text); font: 600 var(--fs-sm)/1 var(--font-body); cursor: pointer; }
  .reaction-btn:hover { border-color: var(--text-faint); color: var(--text); }
  .reaction-btn.is-active { background: var(--primary-soft); color: var(--primary-text); border-color: var(--primary); }
  .reaction-btn.is-active .icon { fill: currentColor; }
  .reaction-btn .count:empty, .btn-metoo .count:empty { display: none; }
  .reaction-static { display: inline-flex; align-items: center; gap: var(--space-1); }

  /* Bildirimler ve tercih tablosu */
  .notification-list { list-style: none; margin: 0; padding: 0; }
  .notification-list li + li { border-top: 1px solid var(--border); }
  .notification-list a { display: flex; gap: var(--space-3); align-items: flex-start; padding: var(--space-3) var(--space-2); text-decoration: none; color: var(--text); border-radius: var(--radius-sm); }
  .notification-list a:hover { background: var(--surface-2); }
  .notification-list .is-unread a { font-weight: 600; }
  .notification-icon { width: 34px; height: 34px; border-radius: var(--radius-pill); background: var(--primary-soft); color: var(--primary-text); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
  .notification-text { display: flex; flex-direction: column; gap: var(--space-0-5); flex: 1; min-width: 0; overflow-wrap: anywhere; }
  .notification-text .small { font-weight: 400; }
  .unread-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--primary); margin-top: var(--space-2); flex-shrink: 0; }
  .prefs-table th[scope="row"] { font-size: var(--fs-ui); font-weight: 600; color: var(--text); text-align: left; text-transform: none; letter-spacing: 0; background: transparent; white-space: normal; }
  .prefs-table th[scope="row"] small { display: block; font-weight: 400; color: var(--text-muted); font-size: var(--fs-xs); margin-top: var(--space-0-5); }
  .prefs-table th[scope="row"] .icon { color: var(--primary); vertical-align: -3px; }
  .prefs-table td { text-align: center; width: 90px; }
  .prefs-table .check { justify-content: center; }
  @media (max-width: 560px) {
    .prefs-table td { width: 60px; padding-left: var(--space-1-5); padding-right: var(--space-1-5); }
    .prefs-table th[scope="row"] { padding-right: var(--space-1-5); }
  }
  .plain-links { list-style: none; margin: 0 0 var(--space-2); padding: 0; display: flex; flex-direction: column; gap: var(--space-1); font-size: var(--fs-ui); }

  /* ---------- Marka paneli, uzman, kurum ---------- */
  .scorecard { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
  @media (min-width: 640px) { .scorecard { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
  .scorecard-item { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--space-4); display: flex; flex-direction: column; gap: var(--space-1); }
  .scorecard-value { font: 800 var(--fs-3xl) var(--font-display); color: var(--text); }
  .scorecard-label { font-size: var(--fs-xs); color: var(--text-muted); }
  .inbox-item .badge { flex-shrink: 0; }

  /* ---------- Pencereler (arama ve sayfa içi yazma) ---------- */
  .search-dialog, .composer-dialog { border: 0; padding: 0; background: var(--surface); color: var(--text); border-radius: var(--radius-lg); box-shadow: var(--shadow-xl); max-width: none; }
  .search-dialog::backdrop, .composer-dialog::backdrop { background: var(--backdrop); backdrop-filter: blur(2px); }
  .search-dialog[open] { display: flex; flex-direction: column; width: min(680px, calc(100vw - 32px)); max-height: min(640px, 80vh); margin: 10vh auto auto; }
  .search-dialog-form { display: flex; align-items: center; gap: var(--space-2); padding: var(--space-2-5) var(--space-2-5) var(--space-2-5) var(--space-4); border-bottom: 1px solid var(--border); color: var(--text-muted); }
  .search-dialog-form input { flex: 1; min-width: 0; border: 0; background: transparent; font: 500 var(--fs-lg) var(--font-body); color: var(--text); min-height: var(--control-h); }
  .search-dialog-form input:focus { outline: none; }
  .search-dialog-form:focus-within { box-shadow: inset 0 -2px 0 var(--primary); }
  .search-dialog-form input::-webkit-search-cancel-button { display: none; }
  .search-dialog-body { overflow-y: auto; padding: var(--space-3) var(--space-3) var(--space-4); display: flex; flex-direction: column; gap: var(--space-3); }
  .search-dialog-empty { display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-2) var(--space-2) 0; }
  .search-group-title { margin: var(--space-2) var(--space-2) var(--space-1-5); font-size: var(--fs-xs); font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--text-muted); display: flex; align-items: center; justify-content: space-between; }
  .search-group-title .link-button { text-transform: none; letter-spacing: 0; }
  .search-chips { list-style: none; margin: 0; padding: 0 var(--space-2); display: flex; flex-wrap: wrap; gap: var(--space-2); }
  .search-option { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-2-5) var(--space-3); border-radius: var(--radius); text-decoration: none; color: var(--text); }
  .search-option:hover, .search-option[aria-selected="true"] { background: var(--primary-soft); }
  .search-option[aria-selected="true"] { outline: 2px solid var(--primary); outline-offset: -2px; }
  .search-option-media { width: 36px; height: 36px; border-radius: var(--radius-sm); background: var(--surface-2); display: inline-flex; align-items: center; justify-content: center; font-weight: 800; color: var(--primary-text); flex-shrink: 0; overflow: hidden; }
  .search-option-media img { width: 100%; height: 100%; object-fit: contain; }
  .search-option-text { display: flex; flex-direction: column; min-width: 0; }
  .search-option-text strong { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .search-all { justify-content: center; font-weight: 700; color: var(--primary-text); margin-top: var(--space-1); border: 1px dashed var(--border-strong); }
  .search-dialog-hint { margin: 0; padding: 0 var(--space-2); }
  @media (hover: none) { .search-dialog-hint { display: none; } }
  .composer-dialog[open] { display: flex; flex-direction: column; width: min(780px, calc(100vw - 32px)); max-height: calc(100vh - 48px); max-height: calc(100dvh - 48px); margin: auto; }
  .composer-head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-3) var(--space-3) var(--space-3) var(--space-5); border-bottom: 1px solid var(--border); }
  .composer-head h2 { margin: 0; font-size: var(--fs-xl); }
  .composer-body { overflow-y: auto; padding: var(--space-5); overscroll-behavior: contain; }
  .composer-body .card { border: 0; padding: 0; background: transparent; }
  .composer-body .compose-form { gap: var(--space-4); }
  .composer-dialog.is-loading .composer-body { opacity: .6; pointer-events: none; }
  .composer-loading { margin: var(--space-6) 0; text-align: center; }
  .composer-content > .alert:first-child { margin-top: 0; }
  @media (max-width: 640px) {
    .search-dialog[open], .composer-dialog[open] { width: 100vw; height: 100vh; height: 100dvh; max-height: 100vh; max-height: 100dvh; margin: 0; border-radius: 0; }
    .composer-body { padding: var(--space-4); }
    .composer-head { padding-left: var(--space-4); }
  }

  @media (prefers-reduced-motion: reduce) {
    .social-links a { transition: none; }
    .social-links a:hover, .social-links a:focus-visible { transform: none; }
  }
}

/* === Sayfa: Ana sayfa, kategoriler, arama (Faz 5, Ajan H) === */
@layer site {
  /* Ana sayfada başlıktaki arama kutusu gizlenir (karşılamadaki büyük arama var); mobil arama ikonu kalır */
  .page-home .header-search { visibility: hidden; }

  /* ---------- Karşılama ---------- */
  .home-hero { position: relative; isolation: isolate; margin-top: 6px; background: var(--hero-bg); color: var(--hero-text); border-radius: var(--radius-xl); padding: 44px 48px 40px; }
  /* Sağ üstteki eğik sarı leke (taslaktaki hero-deco); taşma gizlenmez çünkü öneri listesi kutunun dışına açılır */
  .home-hero::after { --deco-o: var(--theme-l, .16) var(--theme-d, .07); content: ''; position: absolute; right: 0; top: 0; width: 250px; height: 195px; border-radius: 0 var(--radius-xl) 0 0; pointer-events: none; z-index: -1; background: var(--accent); opacity: var(--deco-o); clip-path: polygon(0 0, 100% 0, 100% 85%, 10% 100%); }
  .home-hero :focus-visible { outline-color: var(--accent); }
  .home-hero-top { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; }
  .home-hero-title { min-width: 0; max-width: 640px; }
  .home-hero-title h1 { margin: 0; color: inherit; }
  .home-hero-text { margin: 0; color: var(--hero-sub); font-size: var(--fs-lead); line-height: 1.5; max-width: 360px; }
  .home-hero-title .home-hero-text { margin-top: 12px; max-width: 56ch; }
  .home-hero-image { flex: 0 0 300px; aspect-ratio: 3 / 2; border-radius: var(--radius-lg); overflow: hidden; background: color-mix(in srgb, var(--hero-text) 12%, transparent); }
  .home-hero-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .home-hero .action-cards { margin-top: 32px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); }

  /* Büyük arama + öneri listesi */
  .home-search { position: relative; z-index: 2; margin-top: 16px; }
  .home-search > label { display: block; margin: 0 0 8px 6px; font: 600 var(--fs-ui) var(--font-body); color: var(--hero-sub); }
  .home-search-field { display: flex; align-items: center; gap: 10px; background: var(--surface); border-radius: var(--radius-pill); padding: 6px 6px 6px 20px; color: var(--text-faint); }
  .home-search-field:focus-within { box-shadow: 0 0 0 3px var(--accent); }
  .home-search-field input { flex: 1; min-width: 0; height: 44px; border: 0; background: none; font: 500 var(--fs-md) var(--font-body); color: var(--text); }
  .home-search-field input:focus { outline: none; }
  .home-search-field input::placeholder { color: var(--text-faint); opacity: 1; }
  .home-search-field input::-webkit-search-cancel-button { display: none; }
  .home-search-field .btn { flex: none; }
  .home-suggest { position: absolute; left: 0; right: 0; top: calc(100% + 8px); background: var(--surface); color: var(--text); border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); border: 1px solid var(--border); padding: 8px; max-height: min(420px, 60vh); overflow-y: auto; overscroll-behavior: contain; }
  .home-suggest[hidden] { display: none; }

  /* Öneri satırları (ana sayfa listesi ve arama penceresi ortak) */
  .suggest-option { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 12px; color: var(--text); text-decoration: none; min-height: 44px; }
  .suggest-option:hover, .suggest-option[aria-selected="true"] { background: var(--bg); color: var(--text); }
  .suggest-option[aria-selected="true"] { box-shadow: inset 0 0 0 2px var(--primary); }
  .suggest-option .initials { font-size: var(--fs-xs); }
  .suggest-option-text { display: flex; flex-direction: column; min-width: 0; line-height: 1.35; }
  .suggest-option-text b { font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .suggest-option-text mark { background: none; color: inherit; font-weight: 700; }
  .suggest-option-text small { font-size: var(--fs-xs); color: var(--text-faint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .suggest-option-count { margin-left: auto; padding-left: 8px; font-size: var(--fs-xs); color: var(--text-faint); white-space: nowrap; }
  .suggest-group { margin: 8px 12px 4px; font-size: var(--fs-xs); font-weight: 600; color: var(--text-faint); }
  .suggest-group:first-child { margin-top: 4px; }
  .suggest-write { border-top: 1px solid var(--border); margin-top: 6px; padding-top: 6px; }
  .suggest-write .suggest-option { color: var(--primary-text); font-weight: 600; }
  .suggest-write .suggest-option .icon { width: 18px; height: 18px; flex: none; }
  .suggest-all { color: var(--text-muted); font-weight: 600; font-size: var(--fs-sm); }
  .suggest-all .icon { width: 18px; height: 18px; color: var(--text-faint); }

  .home-hero-stats { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 24px; color: var(--hero-sub); font-size: var(--fs-sm); }
  .home-hero-stats b { color: var(--hero-text); font-weight: 700; font-variant-numeric: tabular-nums; }

  /* ---------- Kategori karoları ---------- */
  .cat-tiles { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
  .cat-tile { display: flex; align-items: center; gap: 12px; height: 100%; padding: 12px 14px; border-radius: var(--radius-md); background: var(--surface); border: 1px solid var(--border); color: var(--text); text-decoration: none; }
  .cat-tile:hover { border-color: var(--primary); color: var(--text); }
  .cat-tile-icon { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; flex: none; background: var(--primary-soft); color: var(--primary-text); }
  .cat-tile-icon .icon { width: 22px; height: 22px; }
  .cat-tile-text { min-width: 0; }
  .cat-tile b { display: block; font-weight: 700; font-size: var(--fs-ui); line-height: 1.25; overflow-wrap: anywhere; }
  .cat-tile small { display: block; font-size: var(--fs-xs); color: var(--text-faint); margin-top: 1px; }

  /* ---------- Üç sütunlu akış ---------- */
  .feed-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
  .feed-cols[data-count="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .feed-cols[data-count="1"] { grid-template-columns: minmax(0, 1fr); }

  /* ---------- 48 saatte yanıtlayan kurumlar ---------- */
  .trust-block { display: grid; grid-template-columns: 330px minmax(0, 1fr); gap: 40px; align-items: start; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-xl); padding: 36px 40px; }
  .trust-lead h2 { margin: 0; }
  .trust-lead p { margin: 10px 0 0; }
  .trust-lead .btn { margin-top: 20px; }
  .trust-firms { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 32px; }
  .trust-firm { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--border); color: var(--text); text-decoration: none; }
  .trust-firm:hover b { text-decoration: underline; text-underline-offset: 3px; }
  .trust-firm-name { min-width: 0; display: flex; flex-direction: column; line-height: 1.35; }
  .trust-firm-name b { font-weight: 700; font-size: var(--fs-ui); overflow-wrap: anywhere; }
  .trust-firm-name small, .trust-firm-nums small { font-size: var(--fs-xs); color: var(--text-faint); }
  .trust-firm-nums { margin-left: auto; text-align: right; display: flex; flex-direction: column; line-height: 1.35; white-space: nowrap; }
  .trust-firm-nums strong { font: 700 var(--fs-base)/1.2 var(--font-display); color: var(--status-ok); }

  /* ---------- Rehber karoları ---------- */
  .guide-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
  .guide-tile { --tile-bg: var(--theme-l, var(--type-guide-soft)) var(--theme-d, var(--surface)); --tile-line: var(--theme-l, transparent) var(--theme-d, var(--border)); display: block; padding: 20px 22px; border-radius: var(--radius-lg); background: var(--tile-bg); border: 1px solid var(--tile-line); color: var(--text); text-decoration: none; }
  .guide-tile .type-badge { --badge-bg: var(--theme-l, transparent) var(--theme-d, var(--type-soft)); background: var(--badge-bg); }
  .guide-tile h3 { margin: 12px 0 8px; font-size: var(--fs-lg); }
  .guide-tile:hover h3 { text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
  .guide-tile p { margin: 0; font-size: var(--fs-sm); color: var(--text-muted); }

  @media (max-width: 1080px) {
    .trust-block { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    .cat-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  }
  @media (max-width: 900px) {
    .cat-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .feed-cols, .feed-cols[data-count="2"] { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .guide-tiles { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  }
  @media (max-width: 760px) {
    .home-hero { margin: 0 -4px; padding: 22px 16px 18px; border-radius: 24px; }
    .home-hero::after { width: 150px; height: 120px; border-radius: 0 24px 0 0; }
    .home-hero-top { display: block; }
    .home-hero-text, .home-hero-image { display: none; }
    .home-hero .action-cards { margin-top: 18px; }
    .home-search > label { font-size: var(--fs-sm); margin-bottom: 6px; }
    .home-search-field { padding: 4px 4px 4px 16px; }
    .home-search-field input { height: 42px; font-size: var(--fs-base); }
    .home-search-field .btn { min-height: 40px; height: 40px; padding: 0 16px; }
    .home-suggest { left: -8px; right: -8px; padding: 6px; }
    .suggest-option { padding: 10px; }
    .home-hero-stats { gap: 6px 16px; font-size: var(--fs-xs); }
    .cat-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .cat-tile { padding: 10px; gap: 10px; }
    .cat-tile-icon { width: 34px; height: 34px; border-radius: 10px; }
    .cat-tile-icon .icon { width: 18px; height: 18px; }
    .cat-tile b { font-size: var(--fs-sm); }
    .feed-cols .feed .feed-row:nth-of-type(n+3) { display: none; }
    .trust-block { padding: 22px 18px; gap: 18px; border-radius: var(--radius-lg); }
    .trust-firms { grid-template-columns: minmax(0, 1fr); }
    .guide-tile { padding: 16px 18px; }
    .guide-tile h3 { font-size: var(--fs-md); }
  }
  @media (max-width: 440px) {
    .cat-tile { flex-direction: column; align-items: flex-start; gap: 8px; }
  }
  @media (max-width: 380px) {
    .suggest-option-count { display: none; }
  }
}

/* === Sayfa: İçerik sayfaları — şikayet, yorum, soru, uzman yazısı, rehber (Faz 5, Ajan P) === */
@layer site {
  /* Bildirim (yayında değil, kuruma iletildi…) */
  .post-notice { margin: 0 0 18px; }

  /* Başlık bloğu */
  .post-head { margin: 4px 0 0; }
  .post-head-tops { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
  .post-head-rating { display: inline-flex; align-items: center; gap: 8px; }
  .post-head-rating b { font: 800 var(--fs-sm)/1 var(--font-display); }
  .post-head-title { margin: 14px 0 0; max-width: 820px; overflow-wrap: anywhere; }
  .post-head-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; margin-top: 14px; font-size: var(--fs-sm); color: var(--text-muted); }
  .post-head-meta > span { display: inline-flex; align-items: center; gap: 6px; }
  .post-head-meta .icon { width: 16px; height: 16px; color: var(--text-faint); }
  .post-head-meta a { color: var(--primary-text); font-weight: 600; text-decoration: none; }
  .post-head-meta a.is-quiet { color: var(--text-muted); font-weight: 500; }
  .post-head-meta a:hover { text-decoration: underline; text-underline-offset: 3px; }
  .post-layout .layout-main { gap: 28px; }

  /* Durum çizelgesi (Posts::timeline) — masaüstünde yatay, mobilde dikey */
  .post-timeline { list-style: none; margin: 0; padding: 22px 24px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); }
  .post-timeline li { --tl: var(--status-ok); position: relative; padding: 0 14px 0 0; min-width: 0; }
  .post-timeline li::before { content: ''; position: absolute; left: 28px; right: 0; top: 13px; height: 3px; border-radius: 2px; background: var(--status-ok); }
  .post-timeline li:last-child::before { display: none; }
  .post-timeline li.line-current::before { background: repeating-linear-gradient(90deg, var(--status-ok) 0 6px, transparent 6px 11px); }
  .post-timeline li.line-pending::before { background: repeating-linear-gradient(90deg, var(--border-strong) 0 6px, transparent 6px 11px); }
  .tl-dot { position: relative; z-index: 1; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--tl); color: var(--surface); }
  .tl-dot .icon { width: 16px; height: 16px; stroke-width: 2.6; }
  .post-timeline .tone-bad { --tl: var(--status-bad); }
  .post-timeline .is-current { --tl: var(--status-wait); }
  .post-timeline .is-current.tone-bad { --tl: var(--status-bad); }
  .post-timeline .is-current .tl-dot { background: var(--surface); border: 3px solid var(--tl); }
  .post-timeline .is-current .tl-dot::after { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--tl); }
  .post-timeline .is-pending .tl-dot { background: var(--surface); border: 2px solid var(--border-strong); }
  .post-timeline b { display: block; margin-top: 12px; font-weight: 700; font-size: var(--fs-ui); line-height: 1.3; }
  .post-timeline .is-current b { color: var(--tl); }
  .post-timeline .is-pending b { color: var(--text-muted); font-weight: 600; }
  .post-timeline time, .tl-note { display: block; margin-top: 2px; font-size: var(--fs-xs); color: var(--text-faint); line-height: 1.4; }
  .tl-pill { display: inline-block; margin-top: 6px; padding: 2px 8px; border-radius: var(--radius-pill); background: var(--status-ok-soft); color: var(--status-ok); font-size: var(--fs-xs); font-weight: 700; }
  .tl-pill.is-bad { background: var(--status-bad-soft); color: var(--status-bad); }

  /* İçerik paneli */
  .post-main { display: flex; flex-direction: column; }
  .post-story { font-size: 1.0625rem; line-height: 1.7; color: var(--text); overflow-wrap: anywhere; }
  .post-story p { margin: 0; }
  .post-story p + p { margin-top: 14px; }
  .post-story.prose > :first-child { margin-top: 0; }
  .post-main .disclaimer { margin: 0 0 18px; }
  .post-proscons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 22px; }
  .post-proscons > div { padding: 16px 18px; border-radius: var(--radius-md); }
  .post-proscons .is-pros { background: var(--status-ok-soft); }
  .post-proscons .is-cons { background: var(--status-bad-soft); }
  .post-proscons h2 { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; }
  .post-proscons .is-pros h2 { color: var(--status-ok); }
  .post-proscons .is-cons h2 { color: var(--status-bad); }
  .post-proscons ul { margin: 0; padding-left: 1.15em; font-size: var(--fs-ui); }
  .post-proscons li + li { margin-top: 4px; }
  .post-facts-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 8px 28px; margin-top: 22px; }
  .post-criteria { list-style: none; margin: 0; padding: 0; }
  .post-criteria li { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 4px 12px; padding: 8px 0; border-top: 1px solid var(--border); font-size: var(--fs-sm); }
  .post-criteria b { font-variant-numeric: tabular-nums; }
  .post-criteria-bar { grid-column: 1 / -1; height: 6px; border-radius: 3px; background: var(--bg-2); overflow: hidden; }
  .post-criteria-bar i { display: block; height: 100%; background: var(--star); border-radius: 3px; }
  .post-criteria-bar .w-0 { width: 0; } .post-criteria-bar .w-1 { width: 20%; } .post-criteria-bar .w-2 { width: 40%; }
  .post-criteria-bar .w-3 { width: 60%; } .post-criteria-bar .w-4 { width: 80%; } .post-criteria-bar .w-5 { width: 100%; }
  .post-usage li span { display: inline-flex; align-items: center; gap: 6px; color: var(--text-muted); }
  .post-usage .icon { width: 16px; height: 16px; color: var(--text-faint); }
  .post-files { margin-top: 18px; }
  .post-files h2 { display: flex; align-items: center; gap: 6px; margin: 0 0 10px; font-family: var(--font-body); font-weight: 600; }
  .post-files ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
  .post-files a { display: inline-flex; align-items: center; gap: 10px; padding: 6px 12px 6px 6px; border-radius: 12px; background: var(--bg-2); color: var(--text); text-decoration: none; font-size: var(--fs-sm); font-weight: 600; max-width: 100%; }
  .post-files a:hover { text-decoration: underline; }
  .post-files small { display: block; font-weight: 400; color: var(--text-faint); }
  .post-file-thumb { display: grid; place-items: center; width: 52px; height: 44px; border-radius: 10px; background: var(--surface); color: var(--text-faint); flex: none; }
  .post-files-hidden { display: flex; align-items: center; gap: 6px; margin: 18px 0 0; }
  .post-expert { display: flex; gap: 16px; align-items: center; margin-top: 22px; padding: 16px 18px; border-radius: var(--radius-md); background: var(--bg-2); }
  .post-expert p { margin: 0; }
  .post-expert-name { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

  /* Tepki satırı: Ben de yaşadım / Faydalı · Paylaş · Bildir · Düzenle · Sil */
  .post-react { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--border); }
  .post-react-note { flex: 1; min-width: 140px; font-size: var(--fs-xs); color: var(--text-faint); }
  .post-react-right { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 2px; margin-left: auto; }
  .post-react-right form { margin: 0; }
  .post-react .report-box[open], .reply-actions .report-box[open] { flex-basis: 100%; order: 9; }
  .report-box > summary, .reply-box > summary { list-style: none; }
  .report-box > summary::-webkit-details-marker, .reply-box > summary::-webkit-details-marker { display: none; }
  .report-box[open] > summary, .reply-box[open] > summary { background: var(--bg-2); }
  .report-box[open] form, .reply-box[open] form { margin-top: 10px; padding: 14px 16px; border-radius: var(--radius-md); background: var(--bg); border: 1px solid var(--border); }
  .post-react-right .report-box[open] { width: 100%; }

  /* Çözüldü işaretleme (sahibine) */
  .post-resolve h2 { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; }
  .post-resolve h2 .icon { color: var(--status-ok); }
  .post-resolve > p { margin: 0 0 16px; }
  .post-resolve-form { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px; }
  .post-resolve-rating { border: 0; margin: 0; padding: 0; min-width: 0; }
  .post-resolve-rating legend { font-size: var(--fs-sm); font-weight: 600; margin-bottom: 8px; padding: 0; }
  .post-resolve-scale { display: flex; flex-wrap: wrap; gap: 6px; }
  .post-resolve-scale label { position: relative; }
  .post-resolve-scale input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
  .post-resolve-scale span { display: inline-grid; place-items: center; min-width: 44px; height: 40px; padding: 0 12px; border-radius: var(--radius-pill); border: 1.5px solid var(--border-strong); font-weight: 700; font-size: var(--fs-sm); background: var(--surface); }
  .post-resolve-scale input:checked + span { background: var(--primary-soft); border-color: var(--primary); color: var(--primary-text); }
  .post-resolve-scale input:focus-visible + span { outline: 2px solid var(--focus); outline-offset: 2px; }
  .post-resolve-actions { display: flex; flex-wrap: wrap; gap: 8px; }

  /* Yanıtlar */
  .post-replies > h2 { margin: 0 0 14px; }
  .post-replies > h2 .faint { font-weight: 600; }
  .post-replies-empty { margin: 0 0 16px; }
  .reply-list, .reply-children { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
  .reply-list { margin-bottom: 16px; }
  .reply { min-width: 0; padding: 20px 22px; border-radius: var(--radius-lg); background: var(--surface); border: 1px solid var(--border); scroll-margin-top: calc(var(--header-h) + 16px); }
  .reply.is-official { background: var(--official); border: 1.5px solid var(--official-line); }
  .reply.is-own { border-left: 4px solid var(--type-complaint); }
  .post-head.type-question ~ .post-layout .reply.is-own, .post-head.type-review ~ .post-layout .reply.is-own { border-left-color: var(--type, var(--primary)); }
  .reply.is-accepted { border: 1.5px solid var(--status-ok); }
  .reply.is-expert { border-left: 4px solid var(--success); }
  .reply.is-pending { border-style: dashed; }
  .reply-by { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
  .reply-by > b { font-weight: 700; }
  .reply-by > b a { color: var(--text); text-decoration: none; }
  .reply-by > b a:hover { text-decoration: underline; text-underline-offset: 3px; }
  .reply-by time { font-size: var(--fs-xs); color: var(--text-faint); }
  .reply-by .avatar { width: 36px; height: 36px; font-size: var(--fs-xs); }
  .reply-org { width: 36px; height: 36px; border-radius: 10px; background: var(--text); color: var(--surface); }
  .reply-own { padding: 3px 8px; border-radius: var(--radius-pill); background: var(--type-complaint-soft); color: var(--type-complaint); font-size: var(--fs-xs); font-weight: 700; }
  .post-head.type-question ~ .post-layout .reply-own { background: var(--type-question-soft); color: var(--type-question); }
  .post-head.type-review ~ .post-layout .reply-own, .post-head.type-expert_article ~ .post-layout .reply-own { background: var(--type-review-soft); color: var(--type-review); }
  .reply-chip { display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; border-radius: var(--radius-pill); background: var(--bg-2); color: var(--text-muted); font-size: var(--fs-xs); font-weight: 600; }
  .reply.is-official .reply-chip { background: var(--surface); }
  .reply-chip .icon, .reply-by .status-chip .icon { width: 14px; height: 14px; }
  .reply-body { margin-top: 12px; font-size: 0.96875rem; line-height: 1.65; overflow-wrap: anywhere; white-space: pre-line; }
  .reply-actions { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 6px; margin-top: 12px; }
  .reply-actions form { margin: 0; }
  .reply-actions .reaction-btn { min-height: 36px; }
  .reply-box[open] { flex-basis: 100%; order: 8; }
  .reply-actions .reply-box > summary { color: var(--text); font-weight: 600; }
  .reply-actions .reaction-static { min-height: 36px; padding: 0 6px; }
  .reply-children { margin-top: 16px; padding-left: 16px; border-left: 3px solid var(--border); gap: 14px; }
  .reply.is-child { padding: 0; border: 0; background: none; border-radius: 0; }
  .reply.is-child.is-official { padding: 14px 16px; border: 1.5px solid var(--official-line); background: var(--surface); border-radius: var(--radius-md); }
  .post-official-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; padding: 16px 20px; }
  .post-official-cta p { display: flex; gap: 8px; align-items: flex-start; margin: 0; font-size: var(--fs-ui); }
  .post-official-cta .icon { color: var(--type-question); flex: none; }
  .post-compose-form { padding: 18px 20px; border-radius: var(--radius-lg); background: var(--surface); border: 1px solid var(--border); }
  .post-compose-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-top: 12px; }
  .post-compose-guest { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: var(--radius-lg); border: 1.5px dashed var(--border-strong); color: var(--text-faint); font-size: var(--fs-ui); }
  .post-compose-guest .btn { margin-left: auto; }
  .post-compose-avatar { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--bg-2); color: var(--text-muted); flex: none; }
  .post-compose-gate { display: flex; align-items: center; gap: 6px; margin: 0; padding: 14px 16px; border-radius: var(--radius-lg); background: var(--bg-2); }

  /* Yan sütun: kurum karnesi, benzer şikayetler, tüketici hakları */
  .post-scorecard-head { display: flex; align-items: center; gap: 12px; }
  .post-scorecard-head h2 { margin: 0; }
  .post-scorecard-head h2 a { color: var(--text); text-decoration: none; }
  .post-scorecard-head h2 a:hover { text-decoration: underline; text-underline-offset: 3px; }
  .post-scorecard-head .initials { background: var(--bg-2); }
  .post-scorecard-note { margin: 10px 0 0; font-size: var(--fs-xs); color: var(--text-faint); line-height: 1.5; }
  .post-entity-rating { margin-top: 14px; }
  .post-entity .data-rows { margin: 12px 0 14px; }
  .post-similar h2 { margin: 0 0 6px; }
  .post-similar a { display: block; padding: 12px 0; border-top: 1px solid var(--border); color: var(--text); text-decoration: none; }
  .post-similar a:first-of-type { border-top: 0; }
  .post-similar b { display: block; font-size: var(--fs-ui); font-weight: 600; line-height: 1.35; }
  .post-similar a:hover b { text-decoration: underline; text-underline-offset: 3px; }
  .post-similar small { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin-top: 4px; font-size: var(--fs-xs); color: var(--text-faint); }
  .post-rights h2, .post-side-box h2 { display: flex; align-items: center; gap: 8px; margin: 0; }
  .post-rights p { margin: 8px 0 0; font-size: var(--fs-sm); color: var(--text-muted); }
  .post-rights a { display: inline-block; margin-top: 10px; font-size: var(--fs-sm); font-weight: 700; color: var(--primary-text); text-decoration: underline; text-underline-offset: 3px; }
  .post-side-box p { margin: 8px 0 12px; }
  .post-related .post-rows { margin-top: 8px; }

  /* Politika uyarısı (partials/policy-notice): resmi bildirim kanalı yönlendirmesi */
  .guidance-card { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 16px; margin: 0 0 20px; padding: 18px 22px; border-radius: var(--radius-lg); background: var(--official); border: 1.5px solid var(--official-line); color: var(--text); }
  .guidance-card .guidance-icon { display: grid; place-items: center; width: 44px; height: 44px; margin: 0; border-radius: 12px; background: var(--surface); color: var(--type-question); flex: none; }
  .guidance-text { flex: 1; min-width: 220px; }
  .guidance-text strong { display: block; font: 700 var(--fs-h4)/1.3 var(--font-display); }
  .guidance-text p { margin: 4px 0 0; font-size: var(--fs-sm); color: var(--text-muted); }
  .guidance-card .btn-navy { align-self: center; background: var(--navy); border-color: var(--navy); color: var(--on-navy); }
  .guidance-card :focus-visible { outline-color: var(--focus); }
  .policy-disclaimer { margin: 0 0 16px; }

  /* Rehber sayfası ve rehber listesi */
  .post-guide-author { display: flex; align-items: center; gap: 10px; min-width: 0; }
  .post-guide-author b { display: block; font-size: var(--fs-sm); }
  .post-guide-author small { display: block; font-size: var(--fs-xs); color: var(--text-faint); }
  .guide-body > :first-child { margin-top: 0; }
  .guide-body h2 { font-size: var(--fs-h3); margin: 1.6em 0 .5em; }
  .guide-body h3 { font-size: var(--fs-h4); margin: 1.4em 0 .4em; }
  .post-guides .guide-tile { display: flex; flex-direction: column; }
  .post-guides .guide-tile h2 { margin: 12px 0 8px; font-size: var(--fs-lg); }
  .post-guides .guide-tile:hover h2 { text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
  .post-guides .guide-tile p { flex: 1; }
  .post-guides-date { display: inline-flex; align-items: center; gap: 5px; margin-top: 14px; font-size: var(--fs-xs); color: var(--text-faint); }
  .post-guides-empty { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
  .post-guides-empty > div { flex: 1; min-width: 220px; }
  .post-guides-empty h2 { margin: 0 0 4px; }
  .post-guides-empty p { margin: 0; }
  .post-guides-empty-icon { display: grid; place-items: center; width: 56px; height: 56px; border-radius: var(--radius-md); background: var(--type-guide-soft); color: var(--type-guide); }
  @media (max-width: 1080px) {
    .post-guides { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }

  @media (max-width: 760px) {
    .post-head-title { margin-top: 12px; }
    .post-head-meta { gap: 6px 14px; margin-top: 12px; }
    .post-layout .layout-main { gap: 18px; }
    .post-timeline { grid-template-columns: minmax(0, 1fr); padding: 18px 16px; }
    .post-timeline li { display: grid; grid-template-columns: 28px minmax(0, 1fr); column-gap: 14px; padding: 0 0 18px; }
    .post-timeline li:last-child { padding-bottom: 0; }
    .post-timeline li::before { left: 12.5px; right: auto; top: 28px; bottom: 0; width: 3px; height: auto; }
    .post-timeline li.line-current::before { background: repeating-linear-gradient(180deg, var(--status-ok) 0 6px, transparent 6px 11px); }
    .post-timeline li.line-pending::before { background: repeating-linear-gradient(180deg, var(--border-strong) 0 6px, transparent 6px 11px); }
    .post-timeline .tl-dot { grid-row: 1 / 6; }
    .post-timeline b { margin-top: 3px; }
    .post-timeline li > :not(.tl-dot) { grid-column: 2; }
    .tl-pill { justify-self: start; }
    .post-main { padding: 18px 16px; }
    .post-story { font-size: var(--fs-base); }
    .post-proscons { grid-template-columns: minmax(0, 1fr); }
    .post-react { margin-top: 16px; padding-top: 10px; }
    .post-react-right { margin-left: 0; }
    /* Tepki ve takip düğmeleri mobilde alttaki sabit çubukta (partials/action-bar) */
    .post-react > .inline-social, .post-react > .btn-metoo, .post-react > .reaction-btn, .post-react > .reaction-static, .post-react-note,
    .post-react-right > .inline-social[data-social-form="follow"], .post-react-right > .follow-btn { display: none; }
    .reply { padding: 16px; }
    .reply-children { padding-left: 12px; }
    .post-compose-guest { display: none; }
    .stat-trio strong { font-size: 1.3125rem; }
    .post-guides { grid-template-columns: minmax(0, 1fr); }
    .post-resolve-scale { gap: 5px; }
    .post-resolve-scale span { min-width: 40px; padding: 0 10px; }
  }
}

/* === Sayfa: Kayıt sayfaları — ürün/hizmet, marka, işletme, sekmeler, listeler (Faz 5, Ajan E) === */
@layer site {
  /* ---------- Kayıt başlığı (partials/entity-hero) ---------- */
  .ent-head { display: grid; grid-template-columns: 168px minmax(0, 1fr) auto; gap: 28px; align-items: center; margin-top: 18px; padding: 24px 28px 24px 24px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-xl); }
  .breadcrumbs + .ent-head { margin-top: 0; }
  .ent-head.no-cta { grid-template-columns: 168px minmax(0, 1fr); }
  .ent-media { width: 168px; height: 168px; border-radius: var(--radius-lg); background: var(--bg-2); color: var(--primary); display: grid; place-items: center; overflow: hidden; }
  .ent-media img { width: 100%; height: 100%; object-fit: contain; }
  .ent-media.is-logo:has(img) { background: var(--logo-bg); border: 1px solid var(--border); }
  .ent-media.is-logo img { padding: 18px; }
  .ent-media .icon { width: 56px; height: 56px; stroke-width: 1.6; }
  .ent-initials { font: 800 3rem/1 var(--font-display); letter-spacing: -.03em; color: var(--primary-text); }
  .ent-info { min-width: 0; }
  .ent-kind { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
  .ent-title { margin: 10px 0 0; font: 800 var(--fs-h1)/1.08 var(--font-display); letter-spacing: -.02em; overflow-wrap: anywhere; }
  .ent-by { margin: 8px 0 0; font-size: var(--fs-ui); color: var(--text-muted); }
  .ent-by a { color: var(--primary-text); font-weight: 600; text-decoration: none; }
  .ent-by a:hover { text-decoration: underline; text-underline-offset: 3px; }
  .ent-place { display: inline-flex; align-items: center; gap: 4px; }
  .ent-place .icon { width: 15px; height: 15px; color: var(--text-faint); }
  .ent-desc { margin: 8px 0 0; max-width: 64ch; font-size: var(--fs-sm); color: var(--text-muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .ent-rate { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 14px; }
  .ent-rate-num { font: 800 1.5rem/1 var(--font-display); }
  .ent-counts { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: var(--fs-sm); }
  .ent-counts a { display: inline-flex; align-items: center; gap: 6px; color: var(--type, var(--text-muted)); text-decoration: none; font-weight: 500; }
  .ent-counts a:hover { text-decoration: underline; text-underline-offset: 3px; }
  .ent-counts a.is-plain { color: var(--text-muted); }
  .ent-counts .icon { width: 16px; height: 16px; }
  .ent-cta { display: grid; gap: 10px; min-width: 230px; justify-items: stretch; }
  .ent-cta-actions { display: grid; gap: 10px; }
  .ent-cta-row { display: flex; gap: 10px; }
  .ent-cta-row .btn { flex: 1; }
  .ent-cta .inline-social, .ent-cta > .follow-btn { justify-self: center; }
  .ent-cta .follow-btn.btn-ghost { border-color: transparent; }
  /* Sekme sayfası: küçük başlık */
  .ent-head.is-compact { grid-template-columns: 64px minmax(0, 1fr); gap: 16px; padding: 16px 20px; border-radius: var(--radius-lg); }
  .ent-head.is-compact .ent-media { width: 64px; height: 64px; border-radius: var(--radius-md); }
  .ent-head.is-compact .ent-media .icon { width: 28px; height: 28px; }
  .ent-head.is-compact .ent-media.is-logo img { padding: 8px; }
  .ent-head.is-compact .ent-initials { font-size: 1.375rem; }
  .ent-head.is-compact .ent-title { margin-top: 2px; font-size: var(--fs-h2); font-weight: 700; letter-spacing: -.015em; }
  .ent-back { margin: 0; font-size: var(--fs-sm); }
  .ent-back a { display: inline-flex; align-items: center; gap: 2px; color: var(--primary-text); font-weight: 600; text-decoration: none; }
  .ent-back a:hover { text-decoration: underline; }
  .ent-back .icon { width: 16px; height: 16px; }

  /* ---------- Gövde panelleri ---------- */
  .feed-panel .post-rows { margin-top: 2px; }
  .spec-table { width: 100%; border-collapse: collapse; font-size: var(--fs-ui); }
  .spec-table + .spec-table { margin-top: 18px; }
  .spec-table caption { caption-side: top; text-align: left; padding: 0 0 6px; font-weight: 700; font-size: var(--fs-sm); color: var(--text); }
  .spec-table th, .spec-table td { text-align: left; padding: 11px 0; border-top: 1px solid var(--border); vertical-align: top; overflow-wrap: anywhere; }
  .spec-table tr:first-child th, .spec-table tr:first-child td { border-top: 0; }
  .spec-table caption + tbody tr:first-child th, .spec-table caption + tbody tr:first-child td { border-top: 1px solid var(--border); }
  .spec-table th { width: 38%; padding-right: 16px; font-weight: 600; color: var(--text-muted); }
  .spec-panel { scroll-margin-top: calc(var(--header-h) + 16px); }
  .gallery-strip { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(45%, 150px), 1fr)); gap: 10px; }
  .gallery-strip figure { margin: 0; display: grid; gap: 4px; }
  .gallery-strip img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: var(--radius-md); background: var(--bg-2); }
  .panel .guide-links { grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); gap: 10px; margin-top: 12px; }
  .panel .guide-links a { gap: 8px; padding: 16px 18px; border: 0; border-radius: var(--radius-md); background: var(--type-guide-soft); align-items: flex-start; }
  .panel .guide-links a:hover strong { text-decoration: underline; text-underline-offset: 3px; }
  .panel .guide-links strong { font: 700 var(--fs-h4)/1.3 var(--font-display); }
  .editorial .prose { margin-top: 10px; }
  .editorial .author-box { margin-top: 18px; padding-top: 14px; }
  .ent-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 12px; }
  .ent-grid.is-compact { grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); gap: 10px; margin-top: 12px; }
  .ent-grid .entity-card { border-radius: var(--radius-md); box-shadow: none; }
  .ent-grid .entity-card-link { padding: 14px; gap: 12px; }
  .ent-grid .entity-thumb { flex-basis: 64px; height: 64px; border-radius: var(--radius-sm); background: var(--bg-2); border: 0; }
  .ent-grid .entity-card:hover { box-shadow: none; }
  .layout-main .cta-card, .layout-side .cta-card { margin: 0; }

  /* ---------- Yan sütun ---------- */
  .price-label { margin: 0; font: 600 var(--fs-h4)/1.3 var(--font-body); color: var(--text-muted); letter-spacing: 0; }
  .price-range { margin: 4px 0 6px; font: 800 1.625rem/1.15 var(--font-display); letter-spacing: -.015em; color: var(--text); }
  .price-panel .data-rows { margin-top: 14px; }
  .price-panel .data-rows a { color: var(--text); text-decoration: none; }
  .price-panel .data-rows a:hover { text-decoration: underline; text-underline-offset: 3px; }
  .price-panel.is-stale .price-range { color: var(--text-muted); }
  .price-stale { display: flex; align-items: center; gap: 6px; margin: 12px 0 0; padding: 8px 12px; border-radius: var(--radius-sm); background: var(--status-wait-soft); color: var(--status-wait); font-size: var(--fs-xs); font-weight: 600; }
  .price-stale .icon { width: 16px; height: 16px; flex: none; }
  .claim-panel p { margin: 8px 0 14px; font-size: var(--fs-sm); color: var(--text-muted); }
  .claim-panel .panel-title-icon { margin: 0; }
  .claim-panel .panel-title-icon .icon { color: var(--text); }
  .scorecard-head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
  .scorecard-head h2 { margin: 0; }
  .scorecard-head h2 a { color: inherit; text-decoration: none; }
  .scorecard-head h2 a:hover { text-decoration: underline; text-underline-offset: 3px; }
  .scorecard-head .t-xs { display: block; margin-top: 2px; }
  .scorecard-panel.is-full .panel-head { align-items: baseline; flex-wrap: wrap; }
  .scorecard-panel.is-full .data-rows { margin-top: 14px; }
  .scorecard-note { margin: 12px 0 0; font-size: var(--fs-xs); color: var(--text-faint); }
  .common-issues h2 { margin: 0; }
  .common-issues > .t-xs { margin: 2px 0 6px; }
  .side-links { list-style: none; margin: 0; padding: 0; }
  .side-links a { display: block; padding: 12px 0; border-top: 1px solid var(--border); color: var(--text); text-decoration: none; }
  .side-links li:first-child a { border-top: 0; }
  .side-links b { display: block; font-size: var(--fs-ui); font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }
  .side-links a:hover b { text-decoration: underline; text-underline-offset: 3px; }
  .side-links small { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin-top: 4px; font-size: var(--fs-xs); color: var(--text-faint); }
  .side-links small .icon { width: 15px; height: 15px; }
  .info-rows { margin-top: 8px; }
  .info-rows > li:first-child { border-top: 0; }
  .info-rows > li { flex-wrap: wrap; column-gap: 12px; row-gap: 2px; }
  .info-rows b { margin-left: auto; font-weight: 600; min-width: 0; overflow-wrap: anywhere; }
  .info-rows b a { color: var(--primary-text); text-decoration: none; }
  .info-rows b a:hover { text-decoration: underline; text-underline-offset: 3px; }
  .info-rows > li > span { color: var(--text-muted); flex: none; }
  .side-actions { display: grid; gap: 8px; margin-top: 12px; }
  .side-more { margin: 12px 0 0; font-size: var(--fs-sm); }
  .side-more a { color: var(--primary-text); font-weight: 600; text-decoration: none; }
  .side-more a:hover { text-decoration: underline; text-underline-offset: 3px; }
  .side-people { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 12px; }
  .side-people li { display: flex; align-items: center; gap: 10px; font-size: var(--fs-sm); }
  .side-people a { font-weight: 600; }

  /* ---------- Marka: ürünleri ve hizmetleri ---------- */
  .ent-children { scroll-margin-top: calc(var(--header-h) + 16px); }
  .child-group + .child-group { margin-top: 18px; }
  .child-group h3 { margin: 14px 0 0; font: 700 var(--fs-sm)/1.3 var(--font-body); color: var(--text-muted); }
  .child-rows { list-style: none; margin: 6px 0 0; padding: 0; }
  .child-rows li + li { border-top: 1px solid var(--border); }
  .child-rows a { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 0; color: var(--text); text-decoration: none; }
  .child-rows a:hover strong { text-decoration: underline; text-underline-offset: 3px; }
  .child-thumb { width: 44px; height: 44px; border-radius: var(--radius-sm); background: var(--bg-2); color: var(--primary); display: grid; place-items: center; overflow: hidden; }
  .child-thumb img { width: 100%; height: 100%; object-fit: contain; }
  .child-thumb .icon { width: 22px; height: 22px; }
  .child-rows strong { display: block; font: 700 var(--fs-ui)/1.3 var(--font-display); overflow-wrap: anywhere; }
  .child-meta { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-top: 3px; font-size: var(--fs-xs); color: var(--text-faint); }
  .child-meta .c-review { color: var(--type-review); }
  .child-meta .c-complaint { color: var(--type-complaint); }
  .child-meta .c-question { color: var(--type-question); }
  .child-rate { text-align: right; white-space: nowrap; }
  .child-rate .rating-empty { font-size: var(--fs-xs); }

  /* ---------- Sekme sayfası ---------- */
  .tab-tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; min-width: 0; }
  .tab-tools .chip-row { min-width: 0; }
  .tab-tools .chip-row { margin: 0; }
  .tab-tools .chip { min-height: 36px; }
  .tab-tools .chip .n { color: var(--text-faint); font-weight: 600; font-variant-numeric: tabular-nums; }
  .tab-tools .chip.is-active .n { color: inherit; }
  .sort-switch { display: inline-flex; gap: 2px; padding: 3px; border-radius: var(--radius-pill); background: var(--bg-2); }
  .sort-switch a { padding: 6px 12px; border-radius: var(--radius-pill); color: var(--text-muted); font-size: var(--fs-sm); font-weight: 600; text-decoration: none; white-space: nowrap; }
  .sort-switch a:hover { color: var(--text); }
  .sort-switch a[aria-current] { background: var(--surface); color: var(--text); box-shadow: 0 1px 2px color-mix(in srgb, var(--text) 12%, transparent); }
  .tab-list .panel-head { margin-bottom: 0; }
  .tab-list .pagination, .tab-list nav[aria-label] { margin-top: 18px; }
  .tab-empty { margin: 0; padding: 18px 0 4px; color: var(--text-muted); }
  .tab-empty a { color: var(--primary-text); font-weight: 600; }

  /* ---------- Liste sayfaları (/markalar, /urunler, /isletmeler) ---------- */
  .list-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 24px; margin-bottom: 22px; }
  .list-head .page-head { margin: 0; }
  .list-count { font-size: var(--fs-sm); color: var(--text-faint); white-space: nowrap; }
  .list-filters { display: grid; gap: 12px; margin-bottom: 22px; }
  .list-filters .chip-row { margin: 0; }
  .letter-nav { gap: 6px; margin: 0; }
  .letter-nav a, .letter-nav span { min-width: 40px; height: 40px; border-radius: var(--radius-pill); font-size: var(--fs-ui); }
  .letter-nav a { background: var(--surface); border: 1px solid var(--border); }
  .letter-nav a:hover { border-color: var(--primary); color: var(--primary-text); }
  .letter-nav a[aria-current] { background: var(--primary); border-color: var(--primary); color: var(--on-primary); }
  .letter-nav span { color: var(--text-faint); opacity: .55; }
  .list-empty { padding: 40px 24px; text-align: center; color: var(--text-muted); }
  .list-empty .icon { width: 32px; height: 32px; color: var(--primary); margin: 0 auto 10px; }
  .list-empty p { margin: 0; }

  @media (max-width: 1080px) {
    .ent-head, .ent-head.no-cta { grid-template-columns: 140px minmax(0, 1fr); }
    .ent-media { width: 140px; height: 140px; }
    .ent-cta { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr) auto; align-items: center; min-width: 0; }
    .ent-cta-actions { grid-template-columns: auto auto; justify-content: start; }
    .ent-cta-row .btn { flex: none; }
    .ent-head.is-compact { grid-template-columns: 64px minmax(0, 1fr); }
  }
  @media (max-width: 760px) {
    .ent-head, .ent-head.no-cta { grid-template-columns: 96px minmax(0, 1fr); gap: 16px; padding: 16px; border-radius: var(--radius-lg); align-items: start; }
    .ent-media { width: 96px; height: 96px; border-radius: var(--radius-md); }
    .ent-media .icon { width: 40px; height: 40px; }
    .ent-media.is-logo img { padding: 10px; }
    .ent-initials { font-size: 2rem; }
    .ent-title { font-size: var(--fs-h1); }
    .ent-by { font-size: var(--fs-sm); margin-top: 6px; }
    .ent-desc, .ent-counts { display: none; }
    .ent-place-sep { display: none; }
    .child-rows a { grid-template-columns: 44px minmax(0, 1fr); row-gap: 2px; }
    .child-rate { grid-column: 2; text-align: left; }
    .child-rate:empty { display: none; }
    .ent-place { display: flex; margin-top: 4px; }
    .ent-rate { margin-top: 10px; gap: 8px; }
    .ent-rate-num { font-size: 1.25rem; }
    .ent-cta { grid-column: 1 / -1; display: flex; margin-top: -4px; }
    .ent-cta-actions { display: none; }
    .ent-cta .inline-social, .ent-cta > .follow-btn { justify-self: start; }
    .ent-cta .follow-btn.btn-ghost { border-color: var(--border-strong); }
    .ent-head.is-compact { grid-template-columns: 52px minmax(0, 1fr); gap: 12px; padding: 12px 14px; }
    .ent-head.is-compact .ent-media { width: 52px; height: 52px; border-radius: 12px; }
    .ent-head.is-compact .ent-title { font-size: var(--fs-h3); }
    .price-range { font-size: 1.5rem; }
    .spec-table { font-size: var(--fs-sm); }
    .tab-tools { align-items: stretch; flex-direction: column; flex-wrap: nowrap; }
    .tab-tools .chip-row { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 calc(var(--gutter) * -1); padding: 0 var(--gutter); }
    .tab-tools .chip-row::-webkit-scrollbar { display: none; }
    .tab-tools .chip { flex: none; }
    .sort-switch { align-self: flex-start; }
    .list-head { margin-bottom: 16px; }
    .letter-nav { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 calc(var(--gutter) * -1); padding: 0 var(--gutter) 2px; }
    .letter-nav::-webkit-scrollbar { display: none; }
    .letter-nav a, .letter-nav span { flex: none; min-width: 44px; height: 44px; }
    .list-filters .chip-row { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 calc(var(--gutter) * -1); padding: 0 var(--gutter); }
    .list-filters .chip-row::-webkit-scrollbar { display: none; }
    .list-filters .chip { flex: none; min-height: 40px; }
  }
  @media (max-width: 380px) {
    .ent-head, .ent-head.no-cta { grid-template-columns: 80px minmax(0, 1fr); gap: 14px; }
    .ent-media { width: 80px; height: 80px; }
  }
}

/* === Sayfa: Arama penceresi öneri listesi (Faz 5, Ajan H) — ana sayfa listesiyle aynı dil === */
@layer site {
  .search-dialog .search-group-title { text-transform: none; letter-spacing: 0; font-weight: 600; color: var(--text-faint); }
  .search-dialog .search-option { border-radius: 12px; min-height: 44px; }
  .search-dialog .search-option:hover, .search-dialog .search-option[aria-selected="true"] { background: var(--bg); }
  .search-dialog .search-option[aria-selected="true"] { outline: 0; box-shadow: inset 0 0 0 2px var(--primary); }
  .search-dialog .search-option-media { background: var(--bg-2); color: var(--text); font-family: var(--font-display); font-size: var(--fs-sm); }
  .search-dialog .search-option-text strong { font-weight: 600; }
  .search-dialog .suggest-write { margin-top: 0; }
  .search-dialog .search-all { border: 0; justify-content: flex-start; color: var(--text-muted); font-size: var(--fs-sm); }
}

/* === Sayfa: Kategoriler ve kategori sayfası (Faz 5, Ajan H) === */
@layer site {
  .sec.is-tight { margin-top: 36px; }
  /* Tüm kategoriler */
  .cat-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: start; }
  .cat-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 18px 20px 20px; min-width: 0; }
  .cat-card-head { display: flex; align-items: center; gap: 12px; color: var(--text); text-decoration: none; }
  .cat-card-head h2 { margin: 0; font-size: var(--fs-lg); }
  .cat-card-head small { display: block; font-size: var(--fs-xs); color: var(--text-faint); margin-top: 2px; }
  .cat-card-head:hover h2 { text-decoration: underline; text-underline-offset: 3px; }
  .cat-card-children { list-style: none; margin: 14px 0 0; padding: 14px 0 0; border-top: 1px solid var(--border); display: flex; flex-wrap: wrap; gap: 6px; }
  .cat-card-children .chip { padding: 5px 11px; font-size: var(--fs-xs); font-weight: 600; }

  /* Kategori başı */
  .cat-head { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 20px; align-items: start; margin: 0 0 8px; }
  .cat-head-icon { width: 64px; height: 64px; border-radius: var(--radius-lg); display: grid; place-items: center; background: var(--primary-soft); color: var(--primary-text); }
  .cat-head-icon .icon { width: 30px; height: 30px; }
  .cat-head h1 { margin: 0; }
  .cat-head .t-lead { margin: 8px 0 0; color: var(--text-muted); max-width: 64ch; }
  .cat-head-stats { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 20px; font-size: var(--fs-sm); color: var(--text-muted); }
  .cat-head-stats b { color: var(--text); font-weight: 700; font-variant-numeric: tabular-nums; }
  .cat-head-follow { padding-top: 6px; }

  /* Kayıt listesi + filtre */
  .cat-listing { display: grid; gap: 24px; align-items: start; }
  .cat-listing.has-filters { grid-template-columns: 260px minmax(0, 1fr); }
  .cat-results { min-width: 0; }
  .cat-toolbar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 14px; }
  .cat-toolbar .chip-row { margin: 0; }
  .cat-toolbar .chip { font-weight: 600; min-height: 36px; }
  .cat-toolbar .sort-form .select { min-width: 160px; }
  .cat-count { margin: 0 0 10px; }
  .cat-filter-box { padding: 18px 20px; }
  .cat-filter-box summary { display: flex; align-items: center; gap: 8px; font: 700 var(--fs-h4) var(--font-display); cursor: pointer; list-style: none; }
  .cat-filter-box summary::-webkit-details-marker { display: none; }
  .cat-filter-box summary .icon { color: var(--primary); }
  .cat-filter-box[open] summary { margin-bottom: 10px; }
  .cat-filter-title { margin: 14px 0 4px; font: 700 var(--fs-sm) var(--font-body); color: var(--text); }
  .cat-filter-box .filter-group ul { margin: 0 0 4px; }
  .cat-filter-box .filter-group a { min-height: 36px; }
  .cat-filter-box > .btn { margin-top: 12px; }
  .cat-empty { text-align: center; color: var(--text-muted); }
  .cat-empty p { margin: 0 0 12px; }
  .cat-empty p:last-child { margin: 0; }

  @media (max-width: 1080px) {
    .cat-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cat-listing.has-filters { grid-template-columns: 230px minmax(0, 1fr); }
  }
  @media (max-width: 760px) {
    .cat-cards { grid-template-columns: minmax(0, 1fr); gap: 10px; }
    .cat-card { padding: 14px 16px 16px; }
    .cat-head { grid-template-columns: 48px minmax(0, 1fr); gap: 14px; }
    .cat-head-icon { width: 48px; height: 48px; border-radius: var(--radius-md); }
    .cat-head-icon .icon { width: 24px; height: 24px; }
    .cat-head-follow { grid-column: 1 / -1; padding-top: 0; }
    .cat-head-stats { font-size: var(--fs-xs); gap: 4px 14px; }
    .sec.is-tight { margin-top: 28px; }
    .cat-listing.has-filters { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    .cat-toolbar { flex-direction: column; flex-wrap: nowrap; align-items: stretch; }
    .cat-toolbar .sort-form { min-width: 0; }
    .cat-toolbar .chip-row { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 calc(var(--gutter) * -1); padding: 0 var(--gutter); }
    .cat-toolbar .chip-row::-webkit-scrollbar { display: none; }
    .cat-toolbar .chip { flex: none; }
    .cat-toolbar .sort-form .select { flex: 1 1 0; width: auto; min-width: 0; }
  }
}

/* === Sayfa: Kalan sayfalar — yazma formu, hesap, giriş, hata ve diğerleri (Ajan R) === */
@layer site {
  /* ---------- Ortak form parçaları (R) ---------- */
  /* Hata özeti: formun başında, alanlara bağlantılı. partials/error-summary */
  .error-summary { display: flex; gap: 12px; align-items: flex-start; padding: 16px 18px; border-radius: var(--radius-md); background: var(--danger-soft); color: var(--text); border: 1.5px solid color-mix(in srgb, var(--danger) 45%, transparent); }
  .error-summary:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
  .error-summary:focus:not(:focus-visible) { outline: none; }
  .error-summary-icon { color: var(--danger); margin-top: 1px; }
  .error-summary-body { min-width: 0; }
  .error-summary-title { font: 700 var(--fs-md)/1.3 var(--font-body); letter-spacing: 0; margin: 0 0 6px; color: var(--danger); }
  .error-summary-list { margin: 0; padding-left: 1.1em; display: grid; gap: 4px; font-size: var(--fs-sm); }
  .error-summary-list a { color: var(--text); text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--danger) 55%, transparent); text-underline-offset: 3px; }
  .error-summary-list a:hover { color: var(--danger); }
  .error-summary-list b { font-weight: 700; }
  /* Gönderimde düğme: dönen halka + metin */
  .btn.is-busy { opacity: .85; cursor: progress; }
  .btn-spinner { width: 16px; height: 16px; border-radius: 50%; border: 2.5px solid currentColor; border-right-color: transparent; animation: btn-spin .7s linear infinite; flex: none; }
  @keyframes btn-spin { to { transform: rotate(360deg); } }
  /* Form alanları: dokunma hedefi ve etiket ritmi */
  .write-panel .field, .form-panel .field { gap: 7px; }
  .write-panel .help, .form-panel .help { line-height: 1.45; }
  .input[type="file"] { padding: 9px 10px; min-height: var(--control-h); font-size: var(--fs-sm); }
  .input[type="file"]::file-selector-button { font: 600 var(--fs-sm) var(--font-body); color: var(--text); background: var(--bg-2); border: 0; border-radius: var(--radius-pill); padding: 7px 14px; margin-right: 12px; cursor: pointer; }

  /* ---------- Yazma formu (site/posts/form.php) ---------- */
  .write-layout { margin-top: 0; }
  .write-flow { display: grid; gap: 22px; min-width: 0; align-content: start; }
  .write-head { margin: 0; }
  .write-section-title { font: 700 var(--fs-h4)/1.3 var(--font-display); letter-spacing: -.005em; margin: 0 0 14px; }
  .write-panel { display: grid; gap: 20px; }
  .write-panel > .write-section-title { margin: 0; }
  /* Adım göstergesi: şikayet durum çizelgesinin dili (tamam = yeşil tik, şu an = halka) */
  .write-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .write-steps li { position: relative; display: flex; align-items: center; gap: 10px; padding-right: 14px; font-size: var(--fs-sm); font-weight: 600; color: var(--text-muted); min-width: 0; }
  .write-steps li::after { content: ''; flex: 1; height: 3px; border-radius: 2px; background: var(--border); min-width: 12px; }
  .write-steps li:last-child::after { display: none; }
  .write-steps li.is-done::after { background: var(--status-ok); }
  .write-steps li.is-current::after { background: repeating-linear-gradient(90deg, var(--border-strong) 0 6px, transparent 6px 11px); }
  .write-step-dot { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; flex: none; background: var(--surface); border: 2px solid var(--border-strong); color: var(--on-primary); }
  .write-step-dot .icon { stroke-width: 3; }
  .write-steps .is-done .write-step-dot { background: var(--status-ok); border-color: var(--status-ok); color: var(--surface); }
  .write-steps .is-current .write-step-dot { border: 3px solid var(--primary); }
  .write-steps .is-current .write-step-dot::after { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--primary); }
  .write-steps .is-done, .write-steps .is-current { color: var(--text); }
  .write-step-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  /* 1. adım: tür seçimi */
  .type-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 12px; }
  .type-option { position: relative; display: flex; gap: 12px; align-items: flex-start; padding: 16px 16px 16px 14px; border-radius: var(--radius-lg); background: var(--surface); color: var(--text); border: 1.5px solid var(--border); text-decoration: none; min-height: 44px; transition: border-color .15s; }
  a.type-option:hover { border-color: var(--type); color: var(--text); }
  .type-option.is-current { border: 2px solid var(--type); padding: 15.5px 15.5px 15.5px 13.5px; background: color-mix(in srgb, var(--type-soft) 45%, var(--surface)); }
  .type-option.is-blocked { opacity: .6; }
  .type-option-icon { width: 42px; height: 42px; border-radius: var(--radius-md); display: grid; place-items: center; flex: none; background: var(--type-soft); color: var(--type); }
  .type-option-text { min-width: 0; padding-right: 18px; }
  .type-option strong { display: block; font: 700 1.125rem/1.2 var(--font-display); letter-spacing: -.01em; }
  .type-option.is-current strong { color: var(--type); }
  .type-option small { display: block; font-size: var(--fs-sm); line-height: 1.4; color: var(--text-muted); margin-top: 4px; }
  .type-option-mark { position: absolute; top: 12px; right: 12px; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; border: 1.5px solid var(--border-strong); }
  .type-option.is-current .type-option-mark { background: var(--type); border-color: var(--type); color: var(--surface); }
  .type-option-mark .icon { width: 14px; height: 14px; stroke-width: 3; }
  .type-pick-note { display: flex; gap: 8px; align-items: flex-start; margin: 12px 0 0; font-size: var(--fs-sm); color: var(--text-muted); }
  .type-pick-note .icon { color: var(--type-complaint); margin-top: 2px; }
  /* 2. adım: kayıt arama + listede yok */
  .entity-pick { gap: 16px; }
  .pick-field { display: flex; align-items: center; gap: 10px; background: var(--bg); border: 1.5px solid var(--input-border); border-radius: var(--radius-pill); padding: 5px 5px 5px 18px; }
  .pick-field:focus-within { border-color: var(--focus); box-shadow: 0 0 0 3px color-mix(in srgb, var(--focus) 25%, transparent); }
  .pick-field-icon { color: var(--text-faint); display: inline-flex; }
  .pick-field .input { border: 0; background: transparent; padding: 0; min-height: 44px; box-shadow: none; font-size: var(--fs-md); }
  .pick-field .input:focus { box-shadow: none; }
  .pick-field .btn { flex: none; }
  .compose-picker { position: relative; }
  .compose-picker .picker-list { border-radius: var(--radius-lg); padding: 8px; box-shadow: var(--shadow-lg); }
  .compose-picker .picker-list li { padding: 11px 12px; border-radius: var(--radius-sm); align-items: center; }
  .result-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; border-top: 1px solid var(--border); }
  .result-list li { border-bottom: 1px solid var(--border); }
  .result-list a { display: flex; align-items: center; gap: 12px; padding: 12px 4px; border: 0; border-radius: 0; text-decoration: none; color: var(--text); }
  .result-list a:hover { color: var(--primary-text); }
  .result-list a > .icon { margin-left: auto; color: var(--text-faint); }
  .result-text { display: flex; flex-direction: column; min-width: 0; }
  .entity-new { display: grid; gap: 10px; padding: 18px; border-radius: var(--radius-md); border: 1.5px dashed var(--border-strong); }
  .entity-new h3 { margin: 0; }
  .entity-new.is-prefilled { border-color: var(--primary); background: color-mix(in srgb, var(--primary-soft) 40%, transparent); }
  .entity-new .form-grid { margin-top: 4px; }
  .choice-grid { display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); }
  .choice { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 12px 16px; border: 1.5px solid var(--border); border-radius: var(--radius-md); text-decoration: none; color: var(--text); font-weight: 600; background: var(--surface); }
  .choice .icon { color: var(--primary); }
  .choice:hover { border-color: var(--primary); color: var(--text); }
  /* Seçilen kayıt satırı */
  .compose-context { display: flex; align-items: center; gap: 14px; padding: 14px 16px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); }
  .compose-context > div { display: flex; flex-direction: column; min-width: 0; flex: 1; gap: 2px; }
  .compose-context strong { font: 700 var(--fs-md)/1.25 var(--font-display); overflow-wrap: anywhere; }
  .compose-context-icon { width: 44px; height: 44px; border-radius: var(--radius-md); background: var(--type-soft, var(--primary-soft)); color: var(--type, var(--primary-text)); display: grid; place-items: center; flex-shrink: 0; }
  /* Şikayet iletim notu */
  .forward-note { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: var(--radius-md); background: var(--type-complaint-soft); color: var(--text); }
  .forward-note p { margin: 0; font-size: var(--fs-sm); line-height: 1.5; }
  .forward-note strong { color: var(--type-complaint); }
  .forward-note-icon { color: var(--type-complaint); display: inline-flex; margin-top: 1px; }
  /* Puan seçici: yıldızlar seçilen puana kadar dolar; dar ekranda yalnızca seçili etiket görünür */
  .rating-picker { border: 0; padding: 0; margin: 0; min-width: 0; display: grid; gap: 10px; }
  .rating-picker-legend { display: flex; align-items: baseline; gap: 10px; padding: 0; margin: 0 0 10px; font-weight: 600; font-size: var(--label-fs); }
  .rating-picker-out { font-weight: 700; color: var(--primary-text); font-size: var(--fs-sm); }
  .rating-picker-out > span { display: none; }
  .rating-picker-out > .is-empty { display: inline; color: var(--text-faint); font-weight: 500; }
  .rating-picker:has(input:checked) .rating-picker-out > .is-empty { display: none; }
  .rating-picker:has(input[value="1"]:checked) .rating-picker-out [data-v="1"],
  .rating-picker:has(input[value="2"]:checked) .rating-picker-out [data-v="2"],
  .rating-picker:has(input[value="3"]:checked) .rating-picker-out [data-v="3"],
  .rating-picker:has(input[value="4"]:checked) .rating-picker-out [data-v="4"],
  .rating-picker:has(input[value="5"]:checked) .rating-picker-out [data-v="5"] { display: inline; }
  .rating-picker-options { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
  .rating-star { position: relative; display: flex; }
  .rating-star input { position: absolute; opacity: 0; width: 1px; height: 1px; }
  .rating-star-face { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 12px 4px 10px; border: 1.5px solid var(--input-border); border-radius: var(--radius-md); cursor: pointer; background: var(--surface); transition: border-color .15s, background-color .15s; }
  .rating-star-face .icon { color: var(--star-off); stroke: var(--star); }
  .rating-star-face b { font: 700 var(--fs-md)/1.2 var(--font-display); }
  .rating-star-face small { font-size: var(--fs-xs); color: var(--text-muted); white-space: nowrap; }
  .rating-star:hover .rating-star-face { border-color: var(--star); }
  .rating-star input:focus-visible + .rating-star-face { outline: 3px solid var(--focus); outline-offset: 2px; }
  .rating-star input:checked + .rating-star-face { border: 2px solid var(--primary); background: var(--primary-soft); padding: 11.5px 3.5px 9.5px; }
  .rating-star input:checked + .rating-star-face small { color: var(--primary-text); font-weight: 600; }
  .rating-star input[aria-invalid="true"] + .rating-star-face { border-color: var(--danger); }
  /* Seçilen puana kadar olan yıldızlar dolu */
  .rating-picker-options:has(.rating-star:nth-child(1) input:checked) .rating-star:nth-child(-n+1) .icon,
  .rating-picker-options:has(.rating-star:nth-child(2) input:checked) .rating-star:nth-child(-n+2) .icon,
  .rating-picker-options:has(.rating-star:nth-child(3) input:checked) .rating-star:nth-child(-n+3) .icon,
  .rating-picker-options:has(.rating-star:nth-child(4) input:checked) .rating-star:nth-child(-n+4) .icon,
  .rating-picker-options:has(.rating-star:nth-child(5) input:checked) .rating-star:nth-child(-n+5) .icon { fill: var(--star); color: var(--star); }
  /* Ayrıntılı puan */
  .criteria-box { border: 1px solid var(--border); border-radius: var(--radius-md); padding: 0; background: var(--bg); }
  .criteria-box summary { cursor: pointer; font-weight: 600; display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 16px; list-style: none; }
  .criteria-box summary::-webkit-details-marker { display: none; }
  .criteria-box summary > .icon:first-child { color: var(--primary); }
  .criteria-box summary > .icon:last-child { margin-left: auto; color: var(--text-muted); transition: transform .15s; }
  .criteria-box[open] summary > .icon:last-child { transform: rotate(180deg); }
  .criteria-box[open] summary { border-bottom: 1px solid var(--border); }
  .criteria-list { display: grid; gap: 0; margin: 0; padding: 4px 16px 8px; grid-template-columns: minmax(0, 1fr); }
  .criterion { border: 0; padding: 10px 0; margin: 0; min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; border-bottom: 1px solid var(--border); }
  .criterion:last-child { border-bottom: 0; }
  .criterion legend { float: left; font-weight: 600; font-size: var(--fs-sm); padding: 0; margin: 0; }
  .mini-scale { display: flex; flex-wrap: wrap; gap: 6px; margin-left: auto; }
  .mini-scale label { position: relative; }
  .mini-scale input { position: absolute; opacity: 0; width: 1px; height: 1px; }
  .mini-scale span { display: inline-flex; min-width: 40px; height: 40px; padding: 0 10px; align-items: center; justify-content: center; border: 1.5px solid var(--input-border); border-radius: var(--radius-pill); cursor: pointer; font-weight: 600; font-size: var(--fs-sm); background: var(--surface); }
  .mini-scale span .sr-only { position: absolute; }
  .mini-scale input:checked + span { background: var(--navy); color: var(--on-navy); border-color: var(--navy); }
  .mini-scale input:focus-visible + span { outline: 3px solid var(--focus); outline-offset: 2px; }
  .mini-skip span { color: var(--text-muted); font-weight: 500; }
  .char-count { font-size: var(--fs-xs); color: var(--text-muted); margin: 0; font-variant-numeric: tabular-nums; }
  .char-count.is-short { color: var(--warning-text); }
  /* Artılar / eksiler */
  .proscons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .proscons-col > .field > label { display: flex; align-items: center; gap: 8px; }
  .proscons-col > .field > label::before { content: '+'; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font: 800 var(--fs-sm)/1 var(--font-body); background: var(--status-ok-soft); color: var(--status-ok); }
  .proscons-col.is-con > .field > label::before { content: '−'; background: var(--status-bad-soft); color: var(--status-bad); }
  /* Dosya ekleme kutusu */
  .file-drop { position: relative; display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 12px 16px; border: 1.5px dashed var(--border-strong); border-radius: var(--radius-md); background: var(--bg); cursor: pointer; }
  .file-drop:hover, .file-drop:focus-within { border-color: var(--primary); }
  .file-drop:focus-within { box-shadow: 0 0 0 3px color-mix(in srgb, var(--focus) 25%, transparent); }
  .file-drop.has-files { border-style: solid; border-color: var(--status-ok); }
  .file-drop-icon { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: var(--surface); color: var(--primary); flex: none; }
  .file-drop-text { display: flex; flex-direction: column; min-width: 0; }
  .file-drop-text strong { overflow-wrap: anywhere; }
  .file-drop-input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
  .write-checks { display: grid; gap: 12px; padding: 14px 16px; border-radius: var(--radius-md); background: var(--bg); }
  .write-checks .check { min-height: 28px; }
  /* Gönder çubuğu */
  .submit-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding-top: 18px; border-top: 1px solid var(--border); }
  .submit-bar .btn { min-height: 48px; padding: 0 24px; }
  .submit-terms { margin-top: -8px; }
  .write-side .flow-mini { list-style: none; margin: 10px 0 0; padding: 0; counter-reset: flow; display: grid; gap: 0; }
  .flow-mini li { position: relative; padding: 0 0 14px 34px; counter-increment: flow; font-size: var(--fs-sm); line-height: 1.4; }
  .flow-mini li::before { content: counter(flow); position: absolute; left: 0; top: 0; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font: 700 var(--fs-xs)/1 var(--font-body); background: var(--type-complaint-soft); color: var(--type-complaint); }
  .flow-mini li::after { content: ''; position: absolute; left: 10px; top: 26px; bottom: 4px; width: 2px; background: var(--border); }
  .flow-mini li:last-child { padding-bottom: 0; }
  .flow-mini li:last-child::after { display: none; }
  .flow-mini b { display: block; font-weight: 700; }
  .flow-mini span { color: var(--text-muted); }
  .tip-list { margin: 8px 0 0; padding-left: 1.15em; display: grid; gap: 8px; font-size: var(--fs-sm); color: var(--text-muted); line-height: 1.45; }
  .tip-list li::marker { color: var(--primary); }
  /* Sayfa içi yazma penceresi */
  .composer-body .write-flow { gap: 18px; }
  .composer-body .type-option { padding: 12px; }
  .composer-body .type-option.is-current { padding: 11.5px; }
  .composer-body .type-option small { display: none; }
  .composer-body .type-option-icon { width: 36px; height: 36px; }
  .composer-body .write-panel { border: 0; padding: 0; background: transparent; }

  @media (max-width: 760px) {
    .write-flow { gap: 18px; }
    .write-steps li { font-size: var(--fs-xs); gap: 6px; padding-right: 8px; }
    .write-step-dot { width: 22px; height: 22px; }
    .write-steps li:not(.is-current) .write-step-label { display: none; }
    .write-steps li.is-current { flex: 1 0 auto; }
    .type-options { gap: 8px; }
    .type-option { padding: 12px 12px 12px 10px; align-items: center; }
    .type-option.is-current { padding: 11.5px 11.5px 11.5px 9.5px; }
    .type-option-icon { width: 38px; height: 38px; border-radius: 12px; }
    .type-option small { font-size: var(--fs-xs); }
    .type-option-mark { top: 50%; transform: translateY(-50%); }
    .proscons { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    .submit-bar { flex-direction: column-reverse; align-items: stretch; }
    .submit-bar .btn { width: 100%; }
    .submit-bar-status { text-align: center; }
    .write-side { order: 2; }
  }
  @media (max-width: 440px) {
    .rating-picker-options { gap: 6px; }
    .rating-star-face { padding: 10px 2px 8px; }
    .rating-star input:checked + .rating-star-face { padding: 9.5px 1.5px 7.5px; }
    .rating-star-face small { display: none; }
    .pick-field { padding-left: 14px; }
    .pick-field-icon { display: none; }
    .mini-scale span { min-width: 44px; height: 44px; padding: 0 8px; }
  }

  /* ---------- Giriş, kayıt ve doğrulama ekranları (layouts/auth.php) ---------- */
  .auth-shell { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; align-items: center; padding: 20px var(--gutter) 28px; gap: 28px; }
  .auth-shell .brand { margin: 0; }
  .auth-top { width: 100%; max-width: 1040px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
  .auth-frame { width: 100%; max-width: 1040px; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 0; align-items: stretch; border-radius: var(--radius-xl); overflow: hidden; border: 1px solid var(--border); background: var(--surface); }
  .auth-frame.is-wide { max-width: 680px; grid-template-columns: minmax(0, 1fr); }
  .auth-frame:not(:has(.auth-aside)) { max-width: 520px; grid-template-columns: minmax(0, 1fr); }
  .auth-frame.is-wide:not(:has(.auth-aside)) { max-width: 680px; }
  .auth-card { width: 100%; max-width: none; background: var(--surface); border: 0; border-radius: 0; box-shadow: none; padding: 40px 44px; display: flex; flex-direction: column; gap: 18px; }
  .auth-card > h1 { font-size: var(--fs-h1); margin: 0; }
  .auth-card > .flash-stack { margin: 0; }
  .auth-card > form.stack { gap: 16px; }
  .auth-lead { color: var(--text-muted); margin: -6px 0 0; font-size: var(--fs-md); line-height: 1.5; }
  .auth-switch { margin: 0; text-align: center; font-size: var(--fs-ui); color: var(--text-muted); }
  .auth-switch a, .auth-card .row-between > a { font-weight: 600; color: var(--primary-text); }
  .auth-card .btn-block { min-height: 50px; font-size: var(--fs-md); }
  .auth-aside { order: -1; background: var(--hero-bg); color: var(--hero-text); padding: 44px 40px; display: flex; flex-direction: column; gap: 22px; }
  .auth-aside-title { font: 800 var(--fs-h1)/1.06 var(--font-display); letter-spacing: -.025em; margin: 0; max-width: 12ch; }
  .auth-aside-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
  .auth-aside-list li { display: flex; gap: 12px; align-items: center; padding: 12px 14px; border-radius: var(--radius-lg); background: var(--surface); color: var(--text); }
  .auth-aside-icon { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; flex: none; background: var(--type-soft); color: var(--type); }
  .auth-aside-list strong { display: block; font: 700 var(--fs-md)/1.25 var(--font-display); }
  .auth-aside-list small { display: block; font-size: var(--fs-sm); color: var(--text-muted); margin-top: 2px; }
  .auth-aside-foot { margin: auto 0 0; color: var(--hero-sub); font-size: var(--fs-sm); }
  .auth-foot { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; margin: 0; font-size: var(--fs-sm); }
  .auth-foot a { color: var(--text-muted); text-decoration: none; }
  .auth-foot a:hover { color: var(--text); text-decoration: underline; }
  .auth-card .divider { margin: 2px 0; }
  .auth-card .social-buttons .btn { min-height: 48px; }
  .auth-card .recovery-codes { border-radius: var(--radius-md); }
  .auth-card ol.stack { padding-left: 1.2em; margin: 0; }
  .qr-box { border-radius: var(--radius-md); }
  @media (max-width: 900px) {
    .auth-frame { grid-template-columns: minmax(0, 1fr); max-width: 520px; }
    .auth-aside { display: none; }
  }
  @media (max-width: 760px) {
    .auth-shell { padding: 14px var(--gutter) 24px; gap: 18px; }
    .auth-frame { border-radius: var(--radius-lg); }
    .auth-card { padding: 26px 20px; gap: 16px; }
    .auth-card > h1 { font-size: var(--fs-h1); }
    .auth-lead { font-size: var(--fs-base); }
  }

  /* ---------- Hesap düzeni (account/*, kurum paneli) ---------- */
  /* Masaüstü: sol menü (kullanıcı kartı + liste); 760 altında yatay kaydırılan sekmeler. */
  .account-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 32px; align-items: start; margin-top: 6px; }
  .account-layout > * { min-width: 0; }
  .account-main { display: grid; gap: 20px; min-width: 0; align-content: start; }
  .account-head { margin: 0 0 4px; }
  .account-head.row-between { align-items: center; }
  .account-nav { position: sticky; top: calc(var(--header-h) + 20px); display: flex; flex-direction: column; gap: 0; flex-wrap: nowrap; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 10px; }
  .account-nav-user { display: flex; align-items: center; gap: 12px; padding: 10px 10px 14px; margin-bottom: 6px; border-bottom: 1px solid var(--border); min-width: 0; }
  .account-nav-user > span:last-child { display: flex; flex-direction: column; min-width: 0; }
  .account-nav-user strong { font: 700 var(--fs-md)/1.25 var(--font-display); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .account-nav-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
  .account-nav a, .account-nav-foot button { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 12px; border-radius: var(--radius-sm); border: 0; background: transparent; color: var(--text); font: 600 var(--fs-ui)/1.2 var(--font-body); text-decoration: none; cursor: pointer; width: 100%; text-align: left; }
  .account-nav a .icon, .account-nav-foot button .icon { color: var(--text-muted); }
  .account-nav a:hover, .account-nav-foot button:hover { background: var(--bg); color: var(--text); }
  .account-nav a[aria-current="page"] { background: var(--primary-soft); color: var(--primary-text); border-color: transparent; }
  .account-nav a[aria-current="page"] .icon { color: var(--primary); }
  .account-nav-foot { margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--border); display: grid; gap: 2px; }
  .account-nav-foot form { margin: 0; }
  .account-section { display: grid; gap: 16px; }
  .account-section h2 { font-size: var(--fs-h3); margin: 0; }
  .account-section h3 { font-size: var(--fs-h4); margin: 0; }
  .account-section .field { max-width: 560px; }
  .account-section .row-between { flex-wrap: nowrap; }
  .account-section .panel-head { margin: 0; align-items: center; }
  .account-section.stack, .account-section.stack-sm { display: flex; }
  .account-section.is-danger { border-color: color-mix(in srgb, var(--danger) 40%, var(--border)); }
  .account-section .table-wrap { border-radius: var(--radius-md); }
  .account-section .kv { grid-template-columns: minmax(110px, 180px) 1fr; }
  .form-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding-top: 4px; }
  .form-actions .btn { min-height: 46px; }
  /* Hesap kimlik kartı */
  .account-id { grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; column-gap: 16px; }
  .account-id-main { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
  .account-id-main .muted { font-size: var(--fs-sm); }
  .account-id-rows { grid-column: 1 / -1; }
  .account-id-rows b { font-weight: 600; overflow-wrap: anywhere; }
  .account-id-rows .text-link { margin-left: 8px; }
  .avatar-field { display: flex; gap: 16px; align-items: flex-start; }
  /* İçeriklerim listesi */
  .mine-list { list-style: none; margin: 0; padding: 0; }
  .mine-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 14px 0; border-top: 1px solid var(--border); }
  .mine-main { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
  .mine-top { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
  .mine-title { font: 700 var(--fs-md)/1.3 var(--font-display); color: var(--text); text-decoration: none; overflow-wrap: anywhere; }
  a.mine-title:hover { color: var(--primary-text); text-decoration: underline; text-underline-offset: 3px; }
  .mine-note { display: flex; gap: 6px; align-items: flex-start; margin: 2px 0 0; font-size: var(--fs-sm); color: var(--text-muted); }
  .mine-note .icon { margin-top: 3px; color: var(--status-ans); }
  .mine-note.is-bad { color: var(--status-bad); }
  .mine-actions { display: flex; align-items: center; gap: 6px; flex: none; }
  .mine-actions form { margin: 0; }
  .mine-empty { display: grid; gap: 12px; padding: 18px; border-radius: var(--radius-md); border: 1.5px dashed var(--border-strong); }
  @media (max-width: 1080px) {
    .account-layout { grid-template-columns: 220px minmax(0, 1fr); gap: 24px; }
  }
  @media (max-width: 760px) {
    .account-layout { grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 0; }
    .account-nav { position: static; flex-direction: row; background: transparent; border: 0; border-bottom: 1px solid var(--border); border-radius: 0; padding: 0 12px; margin: 0 calc(var(--gutter) * -1); overflow-x: auto; scrollbar-width: none; }
    .account-nav::-webkit-scrollbar { display: none; }
    .account-nav-user { display: none; }
    .account-nav-list { display: flex; gap: 0; }
    .account-nav-foot { display: flex; margin: 0; padding: 0; border: 0; gap: 0; }
    .account-nav-foot a { display: none; }
    .account-nav a, .account-nav-foot button { width: auto; white-space: nowrap; border-radius: 0; padding: 0 12px; min-height: 48px; border-bottom: 3px solid transparent; color: var(--text-muted); font-size: var(--fs-sm); }
    .account-nav a .icon, .account-nav-foot button .icon { display: none; }
    .account-nav a:hover, .account-nav-foot button:hover { background: transparent; }
    .account-nav a[aria-current="page"] { background: transparent; color: var(--text); border-bottom-color: var(--primary); }
    .account-id { grid-template-columns: auto minmax(0, 1fr); }
    .account-id > .btn { grid-column: 1 / -1; justify-self: start; }
    .account-section .kv { grid-template-columns: minmax(0, 1fr); gap: 2px; }
    .account-section .kv dd { margin-bottom: 8px; }
    .mine-row { flex-direction: column; gap: 10px; }
    .form-actions .btn { flex: 1 1 auto; }
  }

  /* ---------- Hata sayfaları (errors/error.php: 404, 410, 403, 419, 429, 500) ---------- */
  .error-page { flex: 1 0 auto; min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; align-items: center; padding: 20px var(--gutter) 48px; }
  .error-top { width: 100%; max-width: var(--container); padding: 0 0 8px; }
  .error-inner { flex: 1; width: 100%; max-width: 620px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 16px; padding: 32px 0; }
  .error-inner h1 { margin: 0; font-size: var(--fs-h1); text-wrap: balance; }
  /* Kod, logodaki konuşma balonunun biçiminde */
  .error-code { margin: 0 0 8px; display: inline-grid; place-items: center; min-width: 168px; padding: 18px 30px 22px; border-radius: 40px 40px 40px 10px; background: var(--primary); color: var(--on-primary); box-shadow: 14px -12px 0 0 var(--accent); font: 800 var(--fs-jumbo)/1 var(--font-display); letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
  .error-message { margin: 0; font-size: var(--fs-lead); color: var(--text); max-width: 46ch; }
  .error-lede { margin: 0; color: var(--text-muted); max-width: 52ch; }
  .error-search { width: 100%; max-width: 520px; display: flex; align-items: center; gap: 10px; margin-top: 6px; background: var(--surface); border: 1.5px solid var(--border-strong); border-radius: var(--radius-pill); padding: 5px 5px 5px 18px; }
  .error-search:focus-within { border-color: var(--focus); box-shadow: 0 0 0 3px color-mix(in srgb, var(--focus) 25%, transparent); }
  .error-search-icon { display: inline-flex; color: var(--text-faint); }
  .error-search input { flex: 1; min-width: 0; border: 0; background: transparent; color: var(--text); font: 500 var(--fs-md) var(--font-body); min-height: 44px; }
  .error-search input:focus { outline: none; }
  .error-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 4px; }
  .error-actions .btn { min-height: 46px; }
  .error-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 20px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--border); width: 100%; }
  .error-links a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--text-muted); font-weight: 600; font-size: var(--fs-sm); text-decoration: none; }
  .error-links a .icon { color: var(--primary); }
  .error-links a:hover { color: var(--text); }
  .error-details { text-align: left; white-space: pre-wrap; word-break: break-word; width: 100%; overflow: auto; background: var(--navy); color: var(--on-navy); padding: 16px; border-radius: var(--radius-md); font-size: var(--fs-xs); max-height: 50vh; margin: 12px 0 0; }
  @media (max-width: 760px) {
    .error-page { padding: 14px var(--gutter) 32px; }
    .error-inner { padding: 20px 0; justify-content: flex-start; }
    .error-code { min-width: 128px; padding: 14px 22px 18px; border-radius: 30px 30px 30px 8px; box-shadow: 10px -9px 0 0 var(--accent); font-size: calc(var(--fs-jumbo) * .75); }
    .error-actions { flex-direction: column; align-items: stretch; width: 100%; }
    .error-links { flex-direction: column; align-items: center; gap: 0; }
  }

  /* ---------- Form sayfaları: içerik kaldırma, sahiplenme, uzman başvurusu, kurum yanıtı ---------- */
  .form-layout { margin-top: 0; }
  .form-layout .page-head { margin: 0; }
  .form-panel { gap: 18px; }
  .form-panel > div:last-of-type > .btn-primary, .form-panel > div > .btn-primary:only-child { min-height: 48px; padding: 0 24px; }
  .layout-side .tip-list:first-child { margin-top: 0; }
  .page-head-row { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px; }
  .narrow-page { max-width: 760px; display: grid; gap: 20px; }
  .narrow-card { max-width: 640px; margin: 8px auto 0; }
  .done-card { align-items: flex-start; }
  .done-card h1 { margin: 0; font-size: var(--fs-h2); }
  .done-icon { width: 56px; height: 56px; border-radius: 18px 18px 18px 6px; display: grid; place-items: center; background: var(--status-ok); color: var(--surface); }
  .done-icon .icon { stroke-width: 3; }
  .card-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
  .card-list .card, .card-list a.card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 14px 18px; text-decoration: none; color: var(--text); }
  .card-list a.card:hover { border-color: var(--primary); color: var(--text); }
  .brand-chip-logo { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: var(--bg-2); color: var(--text-muted); overflow: hidden; flex: none; }
  .brand-chip-logo img { width: 100%; height: 100%; object-fit: contain; background: var(--logo-bg); }
  /* Kurum paneli */
  .inbox-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
  .inbox-stats .scorecard-item { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); padding: 14px 16px; display: flex; flex-direction: column-reverse; gap: 2px; }
  .inbox-stats .scorecard-value { font: 800 1.5rem/1.1 var(--font-display); letter-spacing: -.02em; }
  .inbox-stats .scorecard-label { font-size: var(--fs-xs); color: var(--text-muted); }
  .inbox-tabs { margin-top: 0; }
  .inbox-list.panel { padding: 0; overflow: hidden; }
  .inbox-item { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 18px; text-decoration: none; color: var(--text); min-height: 44px; }
  .inbox-item:hover { background: var(--bg); color: var(--text); }
  .inbox-list li + li { border-top: 1px solid var(--border); }
  .inbox-main { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
  .inbox-main strong { font-family: var(--font-display); overflow-wrap: anywhere; }
  .brand-nav-head .initials { width: 44px; height: 44px; }
  /* Profil */
  .profile-hero { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 8px 22px; align-items: start; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-xl); padding: 28px; margin: 0 0 8px; }
  .profile-main { min-width: 0; display: grid; gap: 6px; align-content: start; }
  .profile-main h1 { margin: 0; font-size: var(--fs-h1); overflow-wrap: anywhere; }
  .profile-meta { margin: 0; color: var(--text-muted); font-size: var(--fs-sm); }
  .profile-expert { margin: 2px 0 0; }
  .profile-bio { margin: 6px 0 0; max-width: 64ch; overflow-wrap: anywhere; }
  .profile-side { display: flex; align-items: center; gap: 10px; }
  .profile-stats { grid-column: 2 / -1; display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 0; }
  .profile-stats div { display: flex; flex-direction: column-reverse; align-items: flex-start; min-width: 104px; padding: 10px 14px; border-radius: var(--radius-md); background: var(--bg); }
  .profile-stats dt { font-size: var(--fs-xs); color: var(--text-muted); }
  .profile-stats dd { margin: 0; font: 800 var(--fs-xl)/1.15 var(--font-display); letter-spacing: -.02em; }
  .profile-tabs { margin: 18px 0 18px; }
  .profile-feed { padding-top: 6px; padding-bottom: 6px; }
  .profile-feed .mine-row:first-child { border-top: 0; }
  .profile-empty { margin-top: 18px; }
  .badge-list { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
  /* Yasal metinler */
  .legal-layout { margin-top: 0; }
  .legal-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
  .legal-content { padding: 28px 32px; line-height: 1.7; }
  .legal-content h2 { font-size: var(--fs-h3); margin: 1.6em 0 .5em; }
  .legal-content h3 { font-size: var(--fs-h4); margin: 1.4em 0 .4em; }
  .legal-content > :first-child { margin-top: 0; }
  .legal-content ul, .legal-content ol { padding-left: 1.3em; max-width: 72ch; }
  .legal-content li { margin: .3em 0; }
  .legal-nav ul { list-style: none; margin: 10px 0 14px; padding: 0; display: grid; gap: 2px; }
  .legal-nav li a { display: flex; align-items: center; min-height: 40px; padding: 0 12px; border-radius: var(--radius-sm); color: var(--text); text-decoration: none; font-weight: 500; font-size: var(--fs-ui); }
  .legal-nav li a:hover { background: var(--bg); }
  .legal-nav a[aria-current="page"] { background: var(--primary-soft); color: var(--primary-text); font-weight: 700; }
  /* Bildirimler */
  .notification-list.panel { padding: 6px 10px; list-style: none; margin: 0; }
  .notification-list a { min-height: 56px; border-radius: var(--radius-sm); }
  .notification-list a:hover { background: var(--bg); }
  .prefs-table td { text-align: center; }
  @media (max-width: 760px) {
    .inbox-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .profile-hero { grid-template-columns: auto minmax(0, 1fr); padding: 20px 18px; border-radius: var(--radius-lg); gap: 8px 14px; }
    .profile-hero > .avatar { width: 64px; height: 64px; font-size: var(--fs-xl); }
    .profile-side { grid-column: 1 / -1; }
    .profile-side:empty { display: none; }
    .profile-stats { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(auto-fit, minmax(72px, 1fr)); }
    .profile-stats div { min-width: 0; padding: 8px 10px; }
    .profile-main h1 { font-size: var(--fs-h2); }
    .legal-content { padding: 20px 18px; }
    .legal-layout .layout-side { order: 2; }
  }
}
/* === /Sayfa: Kalan sayfalar (Ajan R) === */

/* === Sayfa: Kategori filtresi — masaüstünde hep açık, mobilde katlanır (Faz 5, Ajan H) === */
@layer site {
  @media (min-width: 761px) {
    .cat-filter-box summary { pointer-events: none; margin-bottom: 10px; }
    .cat-filter-box:not([open])::details-content { display: block; content-visibility: visible; }
  }
  @media (max-width: 760px) {
    .cat-filter-box { padding: 12px 16px; }
    .cat-filter-box summary { min-height: 28px; }
    .cat-filter-box summary::after { content: ''; margin-left: auto; width: 8px; height: 8px; border-right: 2px solid var(--text-faint); border-bottom: 2px solid var(--text-faint); transform: rotate(45deg) translateY(-3px); }
    .cat-filter-box[open] summary::after { transform: rotate(-135deg) translateY(-1px); }
  }
}

/* === Sayfa: Arama sonuçları (Faz 5, Ajan H) === */
@layer site {
  .search-head .t-h1 { overflow-wrap: anywhere; }
  .search-page-form { margin-top: 18px; max-width: 760px; }
  .search-page-field { border: 1.5px solid var(--border-strong); }
  .search-page-field:focus-within { box-shadow: none; border-color: var(--primary); outline: 3px solid var(--primary-soft); }
  .search-tabs { margin-top: 0; }
  .search-cols { margin-top: 24px; }
  .search-subhead { margin: 16px 0 2px; font: 600 var(--fs-sm) var(--font-body); color: var(--text-faint); }
  .panel-head + .search-subhead { margin-top: 8px; }
  .search-more { display: inline-block; margin-top: 8px; font-size: var(--fs-sm); }
  .search-type-title .icon { color: var(--type); }
  .search-cats { margin: 4px 0 0; }
  .search-empty { display: grid; grid-template-columns: minmax(0, 1fr) var(--side-w); gap: 28px; margin-top: 24px; align-items: start; }
  .search-empty-panel p { margin: 8px 0 0; }

  /* Kayıt satırı (partials/entity-row) */
  .entity-rows { list-style: none; margin: 0; padding: 0; }
  .entity-rows > li + li { border-top: 1px solid var(--border); }
  .entity-row { display: flex; align-items: center; gap: 14px; padding: 12px 0; color: var(--text); text-decoration: none; min-width: 0; }
  .entity-row:hover b { text-decoration: underline; text-underline-offset: 3px; }
  .entity-row-text { display: flex; flex-direction: column; min-width: 0; line-height: 1.35; }
  .entity-row-text b { font: 700 var(--fs-h4)/1.3 var(--font-display); overflow-wrap: anywhere; }
  .entity-row-text small { font-size: var(--fs-xs); color: var(--text-faint); }
  .entity-row-meta { margin-left: auto; display: flex; flex-direction: column; align-items: flex-end; gap: 3px; text-align: right; }
  .entity-row-meta small { font-size: var(--fs-xs); color: var(--text-muted); white-space: nowrap; }

  /* "‘X’ adıyla yaz" */
  .write-prompt h2 { margin: 0; overflow-wrap: anywhere; }
  .write-prompt p { margin: 8px 0 14px; color: var(--text-muted); }
  .write-prompt-actions { display: flex; flex-wrap: wrap; gap: 8px; }

  @media (max-width: 760px) {
    .search-page-form { margin-top: 14px; }
    .search-page-field { padding: 4px 4px 4px 16px; }
    .search-page-field input { height: 42px; font-size: var(--fs-base); }
    .search-page-field .btn { min-height: 40px; height: 40px; padding: 0 16px; }
    .search-cols { margin-top: 16px; }
    .search-cols .layout-side { order: -1; }
    .search-empty { grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 16px; }
    .entity-row { align-items: flex-start; }
    .entity-row .initials.is-lg { width: 40px; height: 40px; }
    .write-prompt-actions .btn { flex: 1 1 auto; min-height: 44px; }
  }
  @media (max-width: 440px) {
    .entity-row { flex-wrap: wrap; }
    .entity-row-meta { margin-left: 54px; align-items: flex-start; text-align: left; flex-basis: 100%; }
  }
}

@layer site {
  /* === Sayfa: Paylaş menüsü (Faz 6, Ajan D) — partials/share-menu.php + js/share.js === */
  .share { position: relative; display: inline-flex; }
  .share.is-open > .share-trigger { background: var(--bg-2); }
  .share-panel {
    position: absolute; top: calc(100% + 8px); right: 0; left: auto; bottom: auto; z-index: 40;
    width: 392px; max-width: calc(100vw - 32px); margin: 0; padding: 0;
    color: var(--text); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg);
    box-shadow: var(--shadow-xl); text-align: left;
  }
  .share.is-start .share-panel { right: auto; left: 0; }
  .share-panel[open] { animation: share-pop .16s ease-out; }
  .share-inner { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 16px 18px 18px; }
  .share-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: -6px; }
  .share-heading { margin: 0; font: 700 var(--fs-h4)/1.3 var(--font-display); color: var(--text); }
  .share-close {
    display: inline-grid; place-items: center; width: 36px; height: 36px; margin-right: -8px; padding: 0;
    border: 0; border-radius: var(--radius-pill); background: none; color: var(--text-muted); cursor: pointer;
  }
  .share-close:hover { background: var(--bg-2); color: var(--text); }
  .share-subject {
    margin: 0; font-size: var(--fs-sm); line-height: 1.45; color: var(--text-muted);
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  }

  /* Bağlantı önizlemesi = kopyala düğmesi */
  .share-link {
    display: flex; align-items: center; gap: 10px; width: 100%; min-height: 48px; padding: 6px 12px 6px 6px;
    border: 1px solid var(--border-strong); border-radius: var(--radius-md); background: var(--bg);
    color: var(--text); font: 500 var(--fs-sm)/1.3 var(--font-body); text-align: left; cursor: pointer;
    transition: border-color .15s, background-color .15s;
  }
  .share-link:hover { border-color: var(--text-faint); }
  .share-link-icon { flex: none; display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: var(--radius-sm); background: var(--surface); color: var(--text-muted); border: 1px solid var(--border); }
  .share-link-url { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-muted); }
  .share-link-action { flex: none; font-weight: 700; font-size: var(--fs-xs); color: var(--primary-text); }
  .share-link-action > span { display: inline-flex; align-items: center; gap: 5px; }
  .share-link-done { display: none !important; color: var(--success); }
  .share-link.is-done { border-color: var(--success); background: var(--success-soft); }
  .share-link.is-done .share-link-icon { color: var(--success); border-color: transparent; }
  .share-link.is-done .share-link-idle { display: none !important; }
  .share-link.is-done .share-link-done { display: inline-flex !important; }

  /* Sistem paylaşımı (dokunmatik + navigator.share) */
  .share-native {
    display: flex; align-items: center; gap: 12px; width: 100%; padding: 6px 10px 6px 6px; border: 0; border-radius: var(--radius-md);
    background: none; color: var(--text); font: inherit; text-align: left; cursor: pointer;
  }
  .share-native[hidden] { display: none; }
  .share-native:hover { background: var(--bg-2); }
  .share-native-text { display: grid; gap: 1px; }
  .share-native-text b { font-size: var(--fs-ui); font-weight: 700; }
  .share-native-text small { font-size: var(--fs-xs); color: var(--text-faint); }

  /* Platform ızgarası: marka renginde yuvarlak + ad */
  .share-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 2px; margin: 0; padding: 0; list-style: none; }
  .share-opt {
    display: flex; flex-direction: column; align-items: center; gap: 7px; padding: 8px 0 6px; border-radius: var(--radius-md);
    color: var(--text); font-size: var(--fs-xs); font-weight: 600; line-height: 1.2; letter-spacing: -.01em; text-align: center; text-decoration: none;
  }
  .share-opt:hover { background: var(--bg-2); color: var(--text); }
  .share-name { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .share-dot {
    --brand: var(--text-muted); --brand-ink: var(--surface);
    flex: none; display: inline-grid; place-items: center; width: 52px; height: 52px; border-radius: 50%;
    background: var(--brand); color: var(--brand-ink);
    transition: box-shadow .15s ease, transform .15s ease;
  }
  .share-dot .share-glyph { width: 26px; height: 26px; }
  .share-opt:hover .share-dot, .share-opt:focus-visible .share-dot { box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand) 24%, transparent); transform: translateY(-1px); }
  .share-whatsapp .share-dot { --brand: #25D366; --brand-ink: #FFFFFF; }
  .share-x .share-dot { --brand: var(--theme-l, #000000) var(--theme-d, #FFFFFF); --brand-ink: var(--theme-l, #FFFFFF) var(--theme-d, #000000); }
  /* Facebook ve Telegram logoları kendileri yuvarlak: tam boy, marka renginde çizilir */
  .share-facebook .share-dot, .share-telegram .share-dot { background: none; }
  .share-facebook .share-dot { --brand: #0866FF; color: var(--brand); }
  .share-telegram .share-dot { --brand: #26A5E4; color: var(--brand); }
  .share-facebook .share-glyph, .share-telegram .share-glyph { width: 52px; height: 52px; }
  .share-email .share-dot { --brand: var(--theme-l, #4B4F6B) var(--theme-d, #C6C5D6); --brand-ink: var(--surface); }
  .share-dot-native { --brand: var(--primary-soft); --brand-ink: var(--primary-text); width: 44px; height: 44px; }

  /* Kayıt başlığı (partials/entity-hero): Takip et + Paylaş yan yana */
  .ent-cta-social { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px; }
  .ent-cta-social .share-trigger.btn-ghost { border-color: transparent; }
  @media (max-width: 760px) {
    .ent-cta-social { justify-content: flex-start; gap: 8px; }
    .ent-cta-social .share-trigger.btn-ghost { border-color: var(--border-strong); }
  }

  /* 760 altı: alttan açılan sayfa (showModal) */
  .share-panel.is-sheet {
    position: fixed; inset: auto 0 0 0; top: auto; width: 100%; max-width: 100%; max-height: calc(100dvh - 48px); overflow-y: auto;
    border: 0; border-radius: var(--radius-xl) var(--radius-xl) 0 0; box-shadow: var(--shadow-xl);
  }
  .share-panel.is-sheet[open] { animation: share-sheet .22s cubic-bezier(.2, .8, .2, 1); }
  .share-panel.is-sheet::backdrop { background: var(--backdrop); }
  .share-panel.is-sheet .share-inner { padding: 10px 20px calc(20px + env(safe-area-inset-bottom, 0px)); gap: 16px; }
  .share-panel.is-sheet .share-inner::before { content: ''; justify-self: center; width: 40px; height: 4px; border-radius: 4px; background: var(--border-strong); }
  @keyframes share-pop { from { opacity: 0; transform: translateY(-6px); } }
  @keyframes share-sheet { from { transform: translateY(100%); } }
  @media (prefers-reduced-motion: reduce) {
    .share-panel[open], .share-panel.is-sheet[open] { animation: none; }
    .share-dot { transition: none; }
    .share-opt:hover .share-dot, .share-opt:focus-visible .share-dot { transform: none; }
  }
  @media (max-width: 380px) {
    .share-panel.is-sheet .share-inner { padding-inline: 12px; }
    .share-grid { gap: 0; }
    .share-name { overflow: visible; text-overflow: clip; letter-spacing: -.02em; }
    .share-dot { width: 48px; height: 48px; }
    .share-facebook .share-glyph, .share-telegram .share-glyph { width: 48px; height: 48px; }
  }
}

/* === Sayfa: Ad/soyad alanları ve ad gösterimi (Faz 6, Ajan E) === */
@layer site {
  .name-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3) var(--space-4); align-items: start; }
  .name-fields-help { margin-top: calc(var(--space-2) * -1); }
  .name-display { border: 0; padding: 0; margin: 0; min-width: 0; }
  .name-display > legend { padding: 0; margin-bottom: var(--space-2); }
  .name-display-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); }
  .name-display-option {
    position: relative; display: flex; align-items: flex-start; gap: var(--space-3); min-width: 0;
    padding: 12px 14px; border: 1px solid var(--border-strong); border-radius: var(--radius-sm);
    background: var(--surface); cursor: pointer; transition: border-color .15s ease, background-color .15s ease;
  }
  .name-display-option:hover { border-color: var(--primary); }
  .name-display-option input { width: var(--check-size); height: var(--check-size); margin: 2px 0 0; accent-color: var(--primary); flex-shrink: 0; }
  .name-display-option span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
  .name-display-option b { font-weight: 700; color: var(--text); overflow-wrap: anywhere; }
  .name-display-option small { font-size: var(--fs-sm, .8125rem); color: var(--text-muted); line-height: 1.35; }
  .name-display-option:has(input:checked) { border-color: var(--primary); background: var(--primary-soft); }
  .name-display-option:has(input:focus-visible) { outline: 2px solid var(--focus); outline-offset: 2px; }
  .name-display > .help { margin-top: var(--space-2); }
  @media (max-width: 440px) {
    .name-fields, .name-display-options { grid-template-columns: minmax(0, 1fr); }
  }
  @media (prefers-reduced-motion: reduce) {
    .name-display-option { transition: none; }
  }
}

/* === Sayfa: Şikayet ek bilgileri, çözüm kararı ve puan eşiği (Faz 6, Ajan A) === */
@layer site {
  .post-updates { margin-top: 20px; display: grid; gap: 12px; }
  .post-update-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
  .post-update { border-left: 3px solid var(--type-complaint); background: var(--surface-2); border-radius: 0 var(--radius-md) var(--radius-md) 0; padding: 10px 14px 12px; min-width: 0; }
  .post-update.is-muted { border-left-color: var(--border-strong); opacity: .85; }
  .post-update-head { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 0 4px; font-size: var(--fs-sm); color: var(--text-muted); }
  .post-update-tag { display: inline-flex; align-items: center; gap: 4px; font-weight: 700; color: var(--type-complaint); }
  .post-update-tag .icon { width: 14px; height: 14px; }
  .post-update-head time { font-variant-numeric: tabular-nums; }
  .post-update-remove { margin-left: auto; }
  .post-update-remove .btn { min-height: 28px; padding-inline: 8px; font-size: var(--fs-xs); }
  .post-update-body { overflow-wrap: anywhere; line-height: 1.6; }
  .post-update-body p { margin: 0 0 6px; }
  .post-update-body p:last-child { margin-bottom: 0; }
  .post-update-add > summary { list-style: none; width: max-content; }
  .post-update-add > summary::-webkit-details-marker { display: none; }
  .post-update-add[open] > summary { margin-bottom: 10px; }
  .post-update-form { background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--radius-md); padding: 14px; }
  .post-update-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; }
  .post-update-gate { display: flex; align-items: center; gap: 6px; }
  .post-resolve h2.is-bad .icon { color: var(--status-bad); }
  .ent-rate-hint { flex-basis: 100%; }
  .rating-note { margin: -4px 0 12px; }
  @media (max-width: 440px) {
    .post-update { padding: 10px 12px; }
    .post-update-actions .btn { width: 100%; justify-content: center; }
  }
}

/* === Sayfa: Metin editörü yerleşimi (Faz 6, Ajan C) — bileşen base.css'te === */
@layer site {
  /* Uzun metinde araç çubuğu yapışkan başlığın altında kalır; yazma penceresinde pencerenin üstüne yapışır. */
  .rte { --rte-sticky: var(--header-h); }
  /* Pencere gövdesinin iç boşluğu kadar yukarı: yazı araç çubuğunun üstünden görünmesin. */
  [data-composer-body] .rte { --rte-sticky: calc(-1 * var(--space-5)); }
  @media (max-width: 640px) {
    [data-composer-body] .rte { --rte-sticky: calc(-1 * var(--space-4)); }
  }
  /* İçerik metni: liste ve alıntılardan sonra gelen paragraf da aralıklı başlar (.post-story p { margin: 0 } ezilir). */
  .post-story.rich-text > :is(ul, ol, blockquote) + p { margin-top: 14px; }
}

/* === Sayfa: Benzer kayıt önerisi, moderatör düzenleme notu, yanıt sayfalama (Faz 6, Ajan B) === */
@layer site {
  .similar-hint { background: var(--info-soft); border: 1px solid var(--border); border-radius: var(--radius-md); padding: 12px 14px; display: grid; gap: 8px; min-width: 0; }
  .similar-hint-title { margin: 0; font-weight: 700; font-size: var(--fs-sm); color: var(--text); }
  .similar-hint-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
  .similar-hint-item { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; width: 100%; text-align: left; padding: 10px 12px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); color: var(--text); font: inherit; cursor: pointer; min-width: 0; }
  .similar-hint-item strong { overflow-wrap: anywhere; }
  .similar-hint-item:hover { border-color: var(--primary); color: var(--primary-text); }
  .similar-hint-item:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
  .similar-matched { margin: 0; }
  .post-mod-edited a { text-decoration: underline; text-decoration-style: dotted; text-underline-offset: 3px; }
  .post-mod-note { display: flex; align-items: flex-start; gap: 8px; margin: 16px 0 0; padding: 10px 14px; border-radius: var(--radius-md); background: var(--surface-2); border: 1px solid var(--border); font-size: var(--fs-sm); color: var(--text-muted); overflow-wrap: anywhere; }
  .post-mod-note .icon { flex: none; margin-top: 1px; color: var(--info); }
  .post-mod-note strong { color: var(--text); }
  .reply-pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 14px; margin: 16px 0 4px; }
  @media (max-width: 440px) {
    .reply-pager .btn { flex: 1 1 auto; justify-content: center; }
  }
}