/* ============================================================
   drorhanbalta.com v2 — Ortopedi Kütüphanesi
   Palet: lacivert mürekkep + krem kağıt + bakır vurgu (v1 mirası)
   Mobil-önce: alt bar + tam ekran asistan + başparmak bölgesi
   ============================================================ */
:root {
  --ink: #0e2238; --ink-2: #16324f; --ink-3: #1d3d5f;
  --paper: #f7f3ea; --paper-2: #efe9dc; --card: #fffdf8;
  --line: #ddd4c2; --line-ink: #2c4a6b;
  --text: #24303d; --muted: #5c6b7a; --muted-ink: #b9c4d0;
  --amber: #c08a3e; --amber-deep: #895f26;
  --ok: #2d7958; --warn: #b23a3a; --warn-bg: #fbeaea; --warn-line: #e3b5b5;
  --r-card: 14px; --r-input: 10px;
  --shadow: 0 10px 30px rgba(14,34,56,.10); --shadow-soft: 0 4px 14px rgba(14,34,56,.07);
  --font-d: "Sora","Segoe UI",system-ui,sans-serif;
  --font-b: "Manrope","Segoe UI",system-ui,sans-serif;
  --altbar-h: 62px;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; color-scheme:light; scrollbar-color:var(--line-ink) var(--paper-2); }
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} }
body { font-family:var(--font-b); background:var(--paper); color:var(--text); line-height:1.65; font-size:16.5px; -webkit-font-smoothing:antialiased; padding-bottom:calc(var(--altbar-h) + env(safe-area-inset-bottom)); accent-color:var(--amber-deep); }
img { max-width:100%; display:block; }
a { color:var(--amber-deep); text-underline-offset:3px; text-decoration-thickness:1px; }
a:hover { text-decoration:underline; }
.wrap { max-width:1100px; margin:0 auto; padding:0 20px; }
h1,h2,h3 { font-family:var(--font-d); color:var(--ink); letter-spacing:-.02em; text-wrap:balance; }

/* Tarayici yuzeyleri de paletten: secim, kaydirma cubugu, odak, imlec */
::selection { background:var(--amber); color:var(--ink); }
::-webkit-scrollbar { width:11px; height:11px; }
::-webkit-scrollbar-thumb { background:var(--line-ink); border-radius:99px; border:3px solid var(--paper); }
::-webkit-scrollbar-track { background:transparent; }
input, textarea { caret-color:var(--amber-deep); }
:is(a, button, input, summary, [tabindex]):focus-visible { outline:2.5px solid var(--amber-deep); outline-offset:2px; border-radius:4px; }
.btn:focus-visible, .ara-ac:focus-visible, .rozet:focus-visible { border-radius:999px; }
.skip-link { position:fixed; left:14px; top:-52px; z-index:120; background:var(--ink); color:var(--paper); padding:10px 18px; border-radius:0 0 12px 12px; font-weight:700; font-size:13.5px; text-decoration:none; transition:top .15s ease; }
.skip-link:focus-visible { top:0; outline-offset:-2px; }
/* P1-4: Phosphor ikonlari inline SVG olarak gomulur (CDN fontu yok); boyut yazi boyutunu izler */
svg.ph { width:1em; height:1em; fill:currentColor; display:inline-block; vertical-align:-0.125em; }
/* Duyuru bandi: yalniz defter onayli metin basilir (build.mjs) */
.duyuru-band { display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; background:var(--amber); color:var(--ink); padding:10px 18px; font-size:14px; line-height:1.45; }
.duyuru-band strong { font-family:var(--font-d); font-size:12px; letter-spacing:.08em; text-transform:uppercase; flex:0 0 auto; }
.duyuru-band span { flex:1 1 240px; }
.duyuru-band small { color:var(--ink); opacity:.7; flex:0 0 auto; }
h1 { font-size:clamp(1.6rem,4vw,2.3rem); line-height:1.18; }
h2 { font-size:clamp(1.25rem,2.6vw,1.6rem); margin:34px 0 12px; }
h3 { font-size:1.05rem; margin:20px 0 8px; }
p { margin:10px 0; }
ul,ol { margin:10px 0 10px 22px; }
li { margin:5px 0; }
table { width:100%; border-collapse:collapse; margin:14px 0; font-size:14.5px; background:var(--card); }
th,td { border:1px solid var(--line); padding:9px 11px; text-align:left; vertical-align:top; font-variant-numeric:tabular-nums; }
th { background:var(--paper-2); font-weight:800; color:var(--ink); }
.tablo-sar { overflow-x:auto; }

/* Demo şeridi + nav */
.demo-ribbon { background:var(--ink); color:var(--muted-ink); font-size:12px; text-align:center; padding:6px 12px; }
.demo-ribbon strong { color:var(--paper); }
.nav { position:sticky; top:0; z-index:50; background:rgba(247,243,234,.94); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); }
.nav-in { height:62px; display:flex; align-items:center; gap:14px; }
.brand { display:flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; margin-right:auto; }
.brand:hover { text-decoration:none; }
.brand-mark { width:36px; height:36px; border-radius:50%; background:var(--ink); color:var(--paper); font-family:var(--font-d); font-weight:700; font-size:13px; display:grid; place-items:center; flex:0 0 auto; }
.brand-name { font-family:var(--font-d); font-weight:700; font-size:14.5px; line-height:1.15; }
.brand-name small { display:block; font-family:var(--font-b); font-weight:600; font-size:10.5px; color:var(--muted); }
.nav-links { display:flex; gap:20px; align-items:center; }
.nav-links a { color:var(--text); font-weight:700; font-size:14px; text-decoration:none; transition:color .15s ease; }
.nav-links a:hover, .nav-links a.aktif { color:var(--amber-deep); }
.nav-links a.btn-primary { color:var(--paper); }
.nav-links a.btn-primary:hover { color:var(--paper); }
.ara-ac { border:1.5px solid var(--line); background:var(--card); border-radius:999px; width:38px; height:38px; font-size:17px; color:var(--ink); cursor:pointer; display:grid; place-items:center; transition:border-color .15s ease, background .15s ease; }
.ara-ac:hover { border-color:var(--amber); background:var(--paper-2); }

/* Yazi boyutu kontrolu (Dalga 4): yasli hasta erisilebilirligi.
   Olcek yalniz OKUMA metnini buyutur; gezinme ve dugme boyutlari sabit kalir
   (duzen bozulmaz). Tercih sessionStorage'da, sekme kapaninca silinir. */
:root { --yazi-o: 1; }
html[data-yazi="1"] { --yazi-o: 1.15; }
html[data-yazi="2"] { --yazi-o: 1.32; }
body { font-size: calc(16.5px * var(--yazi-o)); }
.konu-baslik .kisa { font-size: calc(16.5px * var(--yazi-o)); }
.kutu-kisa p { font-size: calc(15.5px * var(--yazi-o)); }
.yardim-liste li, .yapyapma li { font-size: calc(14.5px * var(--yazi-o)); }
.sina summary, .sina details p { font-size: calc(14.5px * var(--yazi-o)); }
.terimler dd { font-size: calc(14px * var(--yazi-o)); }
.yazi-boyut { display:flex; gap:4px; flex:0 0 auto; }
.yazi-boyut button { width:34px; height:34px; border:1.5px solid var(--line); background:var(--card);
  border-radius:999px; color:var(--ink); font-family:var(--font-d); font-weight:700; font-size:12.5px;
  cursor:pointer; display:grid; place-items:center; line-height:1; transition:border-color .15s ease, background .15s ease; }
.yazi-boyut button:hover { border-color:var(--amber); background:var(--paper-2); }
.yazi-boyut button span { font-size:14px; margin-left:1px; }

/* Butonlar */
.btn { display:inline-flex; align-items:center; gap:8px; border-radius:999px; padding:12px 22px; font-family:var(--font-b); font-weight:700; font-size:14.5px; border:1.5px solid transparent; cursor:pointer; text-decoration:none; transition:transform .15s ease, background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease; }
.btn:hover { text-decoration:none; }
.btn:active { transform:scale(.98); }
.btn-primary { background:var(--ink); color:var(--paper); }
.btn-primary:hover { background:var(--ink-2); box-shadow:var(--shadow-soft); }
.btn-ghost { background:transparent; color:var(--ink); border-color:var(--ink); }
.btn-ghost:hover { background:var(--ink); color:var(--paper); }
.btn-sm { padding:9px 16px; font-size:13px; }

/* Sayfa iskeleti */
.sayfa { padding:26px 20px 60px; }
.kirinti { font-size:12.5px; color:var(--muted); margin-bottom:16px; }
.kirinti a { color:var(--muted); text-decoration:none; }
.kirinti a:hover { color:var(--amber-deep); }
.kirinti span[aria-hidden] { margin:0 6px; color:var(--line); }
.konu-baslik { margin-bottom:18px; }
.konu-baslik .kisa { color:var(--muted); font-size:16.5px; max-width:64ch; margin-top:6px; text-wrap:pretty; }

/* Sekmeler */
.sekmeler { display:flex; gap:8px; border-bottom:2px solid var(--line); margin:18px 0 0; position:sticky; top:62px; background:var(--paper); z-index:5; padding-top:6px; }
.sekme { border:none; background:transparent; font-family:var(--font-b); font-weight:800; font-size:14.5px; color:var(--muted); padding:10px 16px; cursor:pointer; border-bottom:3px solid transparent; margin-bottom:-2px; transition:color .15s ease, border-color .15s ease; }
.sekme:hover { color:var(--ink-2); }
.sekme.aktif { color:var(--ink); border-bottom-color:var(--amber); }
.panel { display:none; padding-top:18px; max-width:74ch; }
.panel.aktif { display:block; }
.panel h2 { border-bottom:1px solid var(--line); padding-bottom:6px; }
/* Icerik baglantilari her zaman alti cizili (okuma kipi); vurgu bakirdan */
.panel a:not(.btn), .kaynaklar a, .sss a, .kutu-bilgi a { text-decoration:underline; text-decoration-color:rgba(150,104,42,.4); }
.panel a:not(.btn):hover, .kaynaklar a:hover, .sss a:hover, .kutu-bilgi a:hover { text-decoration-color:currentColor; }

/* İçerik kutuları */
.kutu-kisa { background:var(--ink); color:var(--paper); border-radius:var(--r-card); padding:18px 22px; margin:16px 0; }
.kutu-kisa h2, .kutu-ogren h2 { font-size:.8rem; letter-spacing:.12em; text-transform:uppercase; margin:0 0 6px; border-bottom:none; padding-bottom:0; }
.kutu-kisa h2 { color:var(--amber); }
.kutu-ogren h2 { color:var(--amber-deep); }
.kutu-kisa h3 { color:var(--amber); font-size:.8rem; letter-spacing:.12em; text-transform:uppercase; margin:0 0 6px; }
.kutu-kisa p { color:#e9eef4; margin:0; font-size:15.5px; }
.kutu-uyari { background:var(--warn-bg); border:1.5px solid var(--warn-line); border-radius:var(--r-card); padding:16px 20px; margin:18px 0; }
.kutu-uyari h3 { color:var(--warn); margin:0 0 8px; }
.kutu-uyari ul { margin-left:18px; }
.kutu-yerel { background:#eef3ec; border:1.5px solid #c9d8c4; border-radius:var(--r-card); padding:16px 20px; margin:18px 0; }
.kutu-yerel h3 { color:var(--ok); margin:0 0 8px; }
.kutu-yayin { background:#f1e6d2; border:1.5px solid #c9a875; border-radius:var(--r-card); padding:16px 20px; margin:18px 0; }
.kutu-yayin h3 { color:var(--amber-deep); margin:0 0 8px; font-size:.95rem; }
.kutu-bilgi { background:var(--card); border:1px solid var(--line); border-radius:var(--r-card); padding:16px 20px; margin:14px 0; color:var(--muted); }
.kutu-ozet { background:var(--ink-2); color:var(--paper); border-radius:var(--r-card); padding:18px 22px; margin:16px 0; }
.kutu-ozet h3 { color:var(--amber); margin:0 0 8px; }
.kutu-ozet .kutu-ust-baslik { color:var(--amber); margin:0 0 8px; font-size:1.05rem; border-bottom:none; padding-bottom:0; }
.kutu-ozet ul { margin-left:20px; }
.kutu-ozet li { color:#dfe6ee; }
.kutu-hoca { background:var(--card); border:2px dashed var(--amber); border-radius:var(--r-card); padding:16px 20px; margin:18px 0; }
.kutu-hoca h3 { color:var(--amber-deep); margin:0 0 6px; }
.kutu-hoca .not-tarih { font-size:12px; color:var(--muted); font-style:italic; margin-top:4px; }
.rozet-tukmos { display:inline-block; background:var(--ink); color:var(--amber); font-weight:800; font-size:12.5px; letter-spacing:.06em; border-radius:999px; padding:7px 16px; margin:14px 0; }

/* Pedagoji bloklari (Dalga 2: sayfa = ders) */
.kutu-ogren { background:var(--card); border:1px solid var(--line); border-radius:var(--r-card); padding:16px 20px; margin:0 0 18px; box-shadow:var(--shadow-soft); }
.kutu-ogren h3 { color:var(--amber-deep); font-size:.8rem; letter-spacing:.1em; text-transform:uppercase; margin:0 0 8px; }
.kutu-ogren ol { margin:0 0 0 22px; }
.kutu-ogren li { margin:4px 0; color:var(--ink-2); font-weight:600; }
.kutu-yardim { background:var(--card); border:1px solid var(--line); border-radius:var(--r-card); padding:16px 20px; margin:18px 0; }
.kutu-yardim h3 { margin:0 0 10px; font-size:1.02rem; }
.yardim-liste { list-style:none; margin:0; display:grid; gap:8px; }
.yardim-liste li { display:grid; grid-template-columns:150px 1fr; gap:10px; align-items:baseline; padding:9px 12px; border-radius:10px; font-size:14.5px; }
.yardim-liste b { font-size:12.5px; letter-spacing:.02em; }
.yardim-liste .y-112 { background:var(--warn-bg); border:1px solid var(--warn-line); }
.yardim-liste .y-112 b { color:var(--warn); }
.yardim-liste .y-gun { background:#f1e6d2; border:1px solid #c9a875; }
.yardim-liste .y-gun b { color:var(--amber-deep); }
.yardim-liste .y-randevu { background:var(--paper-2); border:1px solid var(--line); }
.yardim-liste .y-randevu b { color:var(--ink); }
.yardim-liste .y-evde { background:#eef3ec; border:1px solid #c9d8c4; }
.yardim-liste .y-evde b { color:var(--ok); }
@media (max-width:560px){ .yardim-liste li { grid-template-columns:1fr; gap:2px; } }
.yapyapma { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:18px 0; }
@media (max-width:640px){ .yapyapma { grid-template-columns:1fr; } }
.yapyapma > div { border-radius:var(--r-card); padding:14px 18px; }
.yapyapma .yap { background:#eef3ec; border:1px solid #c9d8c4; }
.yapyapma .yap h3 { color:var(--ok); margin:0 0 8px; }
.yapyapma .yapma { background:var(--warn-bg); border:1px solid var(--warn-line); }
.yapyapma .yapma h3 { color:var(--warn); margin:0 0 8px; }
.yapyapma ul { margin:0 0 0 20px; }
.yapyapma li { margin:5px 0; font-size:14.5px; }
.sina { margin:22px 0; }
.sina h3 { font-size:1.02rem; margin-bottom:2px; }
.sina-not { font-size:12.5px; color:var(--muted); margin:0 0 10px; }
.sina details { background:var(--card); border:1px solid var(--line); border-radius:10px; margin:8px 0; transition:border-color .15s ease; }
.sina details:hover { border-color:var(--amber); }
.sina summary { cursor:pointer; font-weight:700; color:var(--ink); padding:12px 15px; list-style:none; font-size:14.5px; }
.sina summary::-webkit-details-marker { display:none; }
.sina details p { padding:0 15px 13px; margin:0; font-size:14.5px; }
.sina details[open] summary { border-bottom:1px dashed var(--line); margin-bottom:8px; }
.terimler { margin:22px 0; background:var(--paper-2); border-radius:var(--r-card); padding:16px 20px; }
.terimler h3 { font-size:1.02rem; margin:0 0 10px; }
.terimler dl { display:grid; grid-template-columns:max-content 1fr; gap:6px 16px; margin:0; }
@media (max-width:560px){ .terimler dl { grid-template-columns:1fr; gap:2px; } .terimler dd { margin:0 0 8px; } }
.terimler dt dfn { font-style:normal; font-weight:800; color:var(--amber-deep); }
.terimler dd { margin:0; font-size:14px; color:var(--text); }
.hekim-not { font-size:13px; color:var(--muted); background:var(--paper-2); border-radius:8px; padding:8px 12px; }
.kitle-serit { font-size:13px; color:var(--ink-2); background:var(--paper-2); border:1px solid var(--line); border-radius:8px; padding:9px 13px; margin:0 0 14px; }
.taslak-serit { background:#8a2f2f; color:#fff; font-weight:800; font-size:13px; letter-spacing:.04em; padding:9px 14px; border-radius:8px; margin:4px 0 14px; }
.sayfa-link-bekliyor { display:inline-block; margin-top:8px; font-size:13px; color:var(--muted); font-style:italic; }

/* SSS */
.sss details { background:var(--card); border:1px solid var(--line); border-radius:10px; margin:8px 0; padding:0; transition:border-color .15s ease; }
.sss details:hover { border-color:var(--amber); }
.sss summary { cursor:pointer; font-weight:700; color:var(--ink); padding:13px 16px; list-style:none; position:relative; padding-right:36px; }
.sss summary::-webkit-details-marker { display:none; }
.sss summary::after { content:"+"; position:absolute; right:14px; top:10px; font-size:20px; color:var(--amber-deep); }
.sss details[open] summary::after { content:"–"; }
.sss details p { padding:0 16px 14px; margin:0; color:var(--text); }
.kaynaklar { margin-top:28px; font-size:13.5px; color:var(--muted); }
.kaynaklar h2 { font-size:1rem; }
.kaynaklar ul { margin-left:18px; }

/* Kartlar ve listeler */
.kart-izgara { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:14px; margin:14px 0; }
.kart { background:var(--card); border:1px solid var(--line); border-radius:var(--r-card); padding:18px; text-decoration:none; color:var(--text); box-shadow:var(--shadow-soft); display:flex; flex-direction:column; gap:6px; transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.kart:hover { text-decoration:none; border-color:var(--amber); box-shadow:var(--shadow); }
a.kart:hover { transform:translateY(-2px); }
@media (prefers-reduced-motion: reduce){ a.kart:hover { transform:none; } }
.kart b { color:var(--ink); font-family:var(--font-d); font-size:15px; }
.kart span { font-size:13px; color:var(--muted); }
.dal-kart { align-items:flex-start; }
.dal-ikon { width:42px; height:42px; border-radius:12px; background:var(--paper-2); border:1px solid var(--line); display:grid; place-items:center; color:var(--amber-deep); transition:background .18s ease, border-color .18s ease; }
.dal-ikon svg.ph { width:22px; height:22px; }
.kart:hover .dal-ikon { background:#f1e6d2; border-color:var(--amber); }
.dal-kart b { font-size:16px; }
.dal-kart .rozet { margin-top:auto; }
.rozet { font-size:11.5px; font-weight:800; color:var(--ok); background:#eef3ec; border-radius:999px; padding:3px 10px; }
.rozet.soluk { color:var(--muted); background:var(--paper-2); }
.konu-listesi { list-style:none; margin:14px 0; }
.konu-listesi li { margin:0 0 10px; }
.konu-listesi a { display:block; background:var(--card); border:1px solid var(--line); border-radius:12px; padding:14px 18px; text-decoration:none; transition:border-color .18s ease, box-shadow .18s ease; }
.konu-listesi a:hover { border-color:var(--amber); box-shadow:var(--shadow-soft); }
.konu-listesi b { display:block; color:var(--ink); font-family:var(--font-d); font-size:15.5px; }
.konu-listesi span { font-size:13.5px; color:var(--muted); }
.ilgili { margin-top:34px; }
.capraz { margin-top:18px; font-weight:700; }

/* Literatur Radari kartlari */
.radar-ust { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.radar-kat { align-self:flex-start; font-size:10.5px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; color:var(--amber-deep); background:#f1e6d2; border-radius:999px; padding:3px 10px; }
.radar-kaynak { margin-top:auto; padding-top:8px; font-size:12px; color:var(--muted); }

/* CTA bandı + imza */
.cta-band { display:flex; gap:18px; align-items:center; justify-content:space-between; flex-wrap:wrap; background:var(--ink); color:var(--paper); border-radius:var(--r-card); padding:20px 24px; margin:34px 0 8px; }
.cta-band p { color:var(--muted-ink); margin:4px 0 0; font-size:14px; }
.cta-band .btn-primary { background:var(--paper); color:var(--ink); }
.sayfa-imza { font-size:12.5px; color:var(--muted); border-top:1px solid var(--line); padding-top:12px; margin-top:20px; }

/* Ana sayfa */
.hero-v2 { padding:26px 0 8px; }
.hero-v2 h1 { font-size:clamp(1.7rem,4.5vw,2.7rem); max-width:22ch; }
.hero-v2 .kisa { color:var(--muted); font-size:17px; max-width:56ch; margin:10px 0 16px; text-wrap:pretty; }
.hero-imza { display:flex; align-items:center; gap:12px; margin:0 0 20px; }
.hero-imza img { width:46px; height:46px; border-radius:50%; object-fit:cover; object-position:top; border:2px solid var(--amber); box-shadow:var(--shadow-soft); }
.hero-imza b { display:block; font-family:var(--font-d); font-size:14.5px; color:var(--ink); line-height:1.25; }
.hero-imza small { color:var(--muted); font-size:12.5px; }
.hero-arama { display:flex; gap:10px; max-width:560px; }
.hero-arama input { min-width:0; } /* flex cocugu icsel min-genislikle tasmasin (320px reflow) */
.hero-arama input { flex:1; border:1.5px solid var(--line); border-radius:999px; padding:13px 20px; font-family:var(--font-b); font-size:15px; background:var(--card); transition:border-color .15s ease; }
.hero-arama input:hover { border-color:var(--amber); }
.sayilar-mini { display:flex; flex-wrap:wrap; margin:22px 0; }
.sayilar-mini > div { padding-right:26px; }
.sayilar-mini > div + div { border-left:1px solid var(--line); padding-left:26px; }
.sayilar-mini b { font-family:var(--font-d); font-size:1.5rem; color:var(--ink); display:block; font-variant-numeric:tabular-nums; }
.sayilar-mini small { color:var(--muted); font-size:12.5px; }
/* Tek yazarli sahne girisi: yalniz ana giris, azaltilmis-hareket tercihine saygili */
@media (prefers-reduced-motion: no-preference) {
  @keyframes belir { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
}
.hekim-bolum { display:grid; grid-template-columns:240px 1fr; gap:28px; align-items:center; background:var(--card); border:1px solid var(--line); border-radius:var(--r-card); padding:26px; box-shadow:var(--shadow-soft); }
.hekim-foto { width:240px; height:240px; border-radius:var(--r-card); object-fit:cover; object-position:top; border:3px solid var(--amber); box-shadow:var(--shadow-soft); }
.rozet-satir { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
.hakkinda-ust { display:grid; grid-template-columns:220px 1fr; gap:26px; align-items:start; margin:8px 0 22px; }
.hakkinda-foto { width:220px; height:220px; border-radius:var(--r-card); object-fit:cover; object-position:top; border:3px solid var(--amber); }
.zaman-cizgisi { list-style:none; padding:0; margin:14px 0 22px; border-left:3px solid var(--amber); }
.zaman-cizgisi li { position:relative; padding:0 0 16px 22px; }
.zaman-cizgisi li::before { content:""; position:absolute; left:-8px; top:7px; width:13px; height:13px; border-radius:50%; background:var(--paper); border:3px solid var(--amber-deep); }
.zaman-cizgisi b { color:var(--ink); }
@media (max-width:720px) {
  .hekim-bolum { grid-template-columns:1fr; text-align:left; }
  .hekim-foto { width:160px; height:160px; }
  .hakkinda-ust { grid-template-columns:1fr; }
  .hakkinda-foto { width:160px; height:160px; }
}
.bolum { margin:36px 0; }
.bolum-baslik { display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.bolum-baslik a { font-weight:700; font-size:14px; white-space:nowrap; }

/* Arama katmanı */
.arama-katman { position:fixed; inset:0; z-index:95; background:rgba(14,34,56,.55); backdrop-filter:blur(3px); display:flex; align-items:flex-start; justify-content:center; padding:8vh 16px 16px; }
.arama-katman[hidden] { display:none; }
.arama-kutu-buyuk { width:min(640px,100%); background:var(--card); border-radius:var(--r-card); box-shadow:var(--shadow); overflow:hidden; max-height:80vh; display:flex; flex-direction:column; }
.arama-ust { display:flex; gap:8px; padding:14px; border-bottom:1px solid var(--line); }
.arama-ust input { flex:1; border:1.5px solid var(--line); border-radius:var(--r-input); padding:12px 16px; font-family:var(--font-b); font-size:15.5px; }
.arama-ust input:focus { outline:2px solid var(--amber-deep); }
.arama-kapat { border:none; background:var(--paper-2); border-radius:var(--r-input); width:44px; font-size:22px; cursor:pointer; color:var(--ink); transition:background .15s ease; }
.arama-kapat:hover { background:var(--line); }
.arama-sonuclar { overflow-y:auto; padding:10px 14px 16px; scrollbar-width:thin; }
.arama-sonuclar a { display:block; padding:11px 12px; border-radius:10px; text-decoration:none; }
.arama-sonuclar a:hover { background:var(--paper-2); }
.arama-sonuclar b { color:var(--ink); display:block; font-size:14.5px; }
.arama-sonuclar span { color:var(--muted); font-size:12.5px; }
.arama-bos { color:var(--muted); font-size:14px; padding:14px 10px; }

/* Alt bar (mobil) */
.altbar { position:fixed; left:0; right:0; bottom:0; z-index:60; background:var(--ink); display:flex; padding-bottom:env(safe-area-inset-bottom); box-shadow:0 -6px 20px rgba(14,34,56,.25); }
.altbar a, .altbar button { flex:1; display:flex; flex-direction:column; align-items:center; gap:2px; padding:9px 4px 8px; color:var(--muted-ink); text-decoration:none; font-size:10.5px; font-weight:700; border:none; background:none; cursor:pointer; font-family:var(--font-b); }
.altbar .ph { font-size:21px; }
.altbar .aktif, .altbar a:hover, .altbar button:hover { color:var(--amber); text-decoration:none; }

/* FAB + sohbet (v1 mirası + mobil şartname) */
.fab { position:fixed; right:18px; bottom:calc(var(--altbar-h) + env(safe-area-inset-bottom) + 14px); z-index:70; display:inline-flex; align-items:center; gap:8px; background:var(--ink); color:var(--paper); border:1.5px solid var(--amber); border-radius:999px; padding:12px 18px; font-family:var(--font-b); font-weight:700; font-size:13.5px; box-shadow:0 12px 34px rgba(14,34,56,.35); cursor:pointer; }
.fab .ph { font-size:19px; color:var(--amber); }
.fab:active { transform:scale(.98); }
.chat { position:fixed; right:18px; bottom:calc(var(--altbar-h) + 80px); z-index:96; width:min(400px,calc(100vw - 32px)); height:min(560px,calc(100dvh - 160px)); background:var(--card); border:1px solid var(--line); border-radius:var(--r-card); box-shadow:0 24px 70px rgba(14,34,56,.35); display:none; flex-direction:column; overflow:hidden; }
.chat.open { display:flex; }
.chat-head { background:var(--ink); color:var(--paper); padding:14px 18px; display:flex; align-items:center; gap:10px; }
.chat-head .dot { width:9px; height:9px; border-radius:50%; background:var(--ok); }
.chat-head b { font-family:var(--font-d); font-size:15px; }
.chat-head small { color:var(--muted-ink); font-size:11px; display:block; }
.chat-demo { margin-left:auto; font-size:10px; font-weight:800; background:var(--amber); color:var(--ink); border-radius:999px; padding:3px 9px; }
.chat-close { background:none; border:none; color:var(--muted-ink); font-size:22px; cursor:pointer; padding:2px 6px; transition:color .15s ease; }
.chat-close:hover { color:var(--paper); }
.chat-body { flex:1; overflow-y:auto; padding:16px; display:flex; flex-direction:column; gap:11px; scrollbar-width:thin; }
.msg { max-width:88%; padding:11px 15px; border-radius:var(--r-card); font-size:14px; line-height:1.55; }
.msg.bot { background:var(--paper-2); color:var(--text); border-bottom-left-radius:4px; align-self:flex-start; }
.msg.user { background:var(--ink); color:var(--paper); border-bottom-right-radius:4px; align-self:flex-end; }
.msg.alert { background:var(--warn-bg); border:1px solid var(--warn-line); color:#7c2626; }
.msg .cta { display:block; margin-top:8px; font-weight:700; color:var(--amber-deep); }
.msg .sayfa-link { display:block; margin-top:9px; background:var(--card); border:1.5px solid var(--amber); border-radius:10px; padding:9px 12px; font-weight:700; color:var(--ink); text-decoration:none; font-size:13px; }
.msg .sayfa-link:hover { background:#f1e6d2; }
.chat-chips { display:flex; gap:7px; overflow-x:auto; padding:0 14px 10px; scrollbar-width:none; }
.chat-chips::-webkit-scrollbar { display:none; }
.chat-chips button { flex:0 0 auto; border-radius:999px; border:1.5px solid var(--line); background:var(--card); color:var(--text); font-size:12px; font-weight:600; padding:7px 12px; cursor:pointer; transition:border-color .15s ease, background .15s ease; }
.chat-chips button:hover { border-color:var(--amber); background:var(--paper-2); }
.chat-foot { border-top:1px solid var(--line); padding:10px 12px; display:flex; gap:8px; }
.chat-foot input { flex:1; border:1.5px solid var(--line); border-radius:var(--r-input); padding:11px 14px; font-family:var(--font-b); font-size:14px; background:var(--card); }
.chat-foot input:focus { outline:2px solid var(--amber-deep); }
.chat-send { border:none; background:var(--ink); color:var(--paper); border-radius:var(--r-input); padding:0 16px; cursor:pointer; font-size:16px; transition:background .15s ease; }
.chat-send:hover { background:var(--ink-2); }
/* Sohbet acikken kosedeki dugme gizlenir (ust uste binme olmasin) */
body.chat-acik .fab { display:none; }
.chat-legal { font-size:10px; color:var(--muted); text-align:center; padding:0 12px 9px; }

/* Footer */
.footer { background:var(--ink); color:var(--muted-ink); padding:36px 0 30px; margin-top:40px; }
.footer-grid { display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.footer .fbrand { color:var(--paper); font-family:var(--font-d); font-weight:700; }
.footer p { font-size:12.5px; max-width:60ch; margin:6px 0; }
.footer a { color:var(--muted-ink); transition:color .15s ease; }
.footer a:hover { color:var(--paper); }
.footer-sag { text-align:right; }
.footer-sag strong { color:var(--paper); }

/* Masaüstü / mobil ayrımı */
@media (min-width: 901px) {
  .altbar { display:none; }
  body { padding-bottom:0; }
  .fab { bottom:22px; }
  .chat { bottom:88px; }
}
@media (max-width: 900px) {
  .nav-links a:not(.btn) { display:none; }
  .sekmeler { top:56px; }
  .nav-in { height:56px; }
  .brand-name { font-size:13.5px; white-space:nowrap; }
  .yazi-boyut button { width:38px; height:38px; }
  .brand-name small { font-size:10px; }
  .fab span { display:none; }
  .fab { padding:13px; border-radius:50%; }
  /* Asistan mobilde tam ekran */
  .chat { inset:0; width:100vw; height:100dvh; border-radius:0; border:none; bottom:0; right:0; }
  body.chat-acik { overflow:hidden; }
  .footer { padding-bottom:20px; }
  .cta-band { flex-direction:column; align-items:flex-start; }
}

/* ============================================================
   YAZDIRMA (Dalga 4): muayenehanede hastaya verilebilecek
   tek sayfalik ozet. Ekranda gizli, kagitta gorunur.
   ============================================================ */
.yazdir-ust, .yazdir-alt { display:none; }
.yazdir-satir { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:18px; }
.yazdir-satir small { color:var(--muted); font-size:12.5px; }

@media print {
  /* 1) Kagitta ise yaramayan her sey kalkar */
  .demo-ribbon, .duyuru-band, .nav, .footer, .altbar, .fab, .chat, .arama-katman,
  .skip-link, .cta-band, .ilgili, .sina, .kirinti, .sekmeler, .yazdir-satir,
  .yazi-boyut, .capraz, .kutu-hoca .not-tarih ~ .btn { display:none !important; }

  /* 2) Sayfa kurulumu: kenar bosluklari + siyah metin, arka plan israfi yok */
  @page { margin: 14mm 13mm 13mm; }
  html { font-size:100%; }
  body { background:#fff; color:#000; font-size:10.5pt; line-height:1.42; padding:0; }
  .wrap { max-width:none; padding:0; }
  .sayfa { padding:0; }
  h1 { font-size:17pt; line-height:1.15; margin:0 0 2mm; }
  h2 { font-size:12.5pt; margin:5mm 0 1.5mm; }
  h3 { font-size:11pt; margin:3mm 0 1mm; }
  p, li { orphans:3; widows:3; }

  /* 3) Brosur baslik/altlik */
  .yazdir-ust { display:flex !important; align-items:flex-start; justify-content:space-between;
    gap:8mm; border-bottom:1.2pt solid #000; padding-bottom:2.5mm; margin-bottom:4mm; }
  .yazdir-ust b { font-family:var(--font-d); font-size:12pt; }
  .yazdir-ust span { display:block; font-size:9pt; color:#333; }
  .yazdir-qr { width:24mm; height:24mm; flex:0 0 auto; }
  .yazdir-alt { display:block !important; border-top:1.2pt solid #000; margin-top:6mm; padding-top:2.5mm;
    font-size:8.8pt; color:#222; page-break-inside:avoid; }
  .yazdir-alt p { margin:1mm 0; }
  .yazdir-acil { border:1.2pt solid #000; padding:2mm 3mm; margin-top:2mm !important; }

  /* 4) Ogretim kutulari: renksiz yazicida da anlam kaybolmasin */
  .kutu-ogren, .kutu-yardim, .kutu-ozet, .yapyapma > div, .kutu-uyari, .kutu-kisa,
  .kutu-bilgi, .terimler, .kutu-hoca, .kutu-yerel, .kutu-yayin {
    border:0.8pt solid #444 !important; background:#fff !important; color:#000 !important;
    box-shadow:none !important; padding:2.5mm 3mm !important; margin:3mm 0 !important;
    page-break-inside:avoid; border-radius:2mm !important; }
  .kutu-kisa h3, .kutu-ozet h3, .kutu-ogren h3, .kutu-yardim h3, .kutu-uyari h3,
  .yapyapma h3, .terimler h3, .kutu-hoca h3 { color:#000 !important; }
  .kutu-ozet li, .kutu-kisa p { color:#000 !important; }
  .yardim-liste li { border:0.8pt solid #666 !important; background:#fff !important;
    grid-template-columns:34mm 1fr; padding:1.5mm 2mm; }
  .yardim-liste .y-112 { border:1.5pt solid #000 !important; }
  .yardim-liste b { color:#000 !important; }
  .yapyapma { display:grid; grid-template-columns:1fr 1fr; gap:3mm; }
  .rozet, .rozet-tukmos { border:0.6pt solid #666 !important; background:#fff !important; color:#000 !important; }

  /* 5) Baglantilar: govdede sade metin, yalniz kaynakcada adres acilir */
  a { color:#000 !important; text-decoration:none !important; }
  .kaynaklar a::after { content:" (" attr(href) ")"; font-size:7.5pt; word-break:break-all; }
  .kaynaklar { page-break-inside:avoid; }

  /* 6) Renkli yazicida kod renkleri korunsun (anlam tasiyor) */
  .yardim-liste li { -webkit-print-color-adjust:exact; print-color-adjust:exact; }
  img { max-width:100%; page-break-inside:avoid; }
}

/* Cok dar ekranda (<=400px): gezinme TASMAMALI (320px reflow olcutu).
   Cila turunda eklenen brand nowrap markanin daralmasini engelliyordu — burada geri alinir. */
@media (max-width: 400px) {
  /* Rakip bulgusu 5: yazi buyutme MOBILDE de kalir; hedefler buyutuldu */
  .yazi-boyut button { width:42px; height:42px; }
  .ara-ac { width:42px; height:42px; }
  .nav-links .btn { min-height:42px; display:inline-flex; align-items:center; }
  .nav-in { gap:6px; }
  .brand { min-width:0; }
  .brand-name { white-space:normal; font-size:12.5px; line-height:1.1; overflow:hidden; }
  .brand-name small { display:none; }
  .brand-mark { width:32px; height:32px; font-size:12px; }
  .nav-links a.btn { padding:8px 13px; font-size:12.5px; }
  .ara-ac { width:34px; height:34px; }
}

/* yayinlar tam liste yil basligi */
.yayin-yil { margin: 34px 0 10px; font-size: 1.05rem; letter-spacing: 2px; color: var(--amber-deep); border-bottom: 1px solid var(--cizgi, #ddd4c2); padding-bottom: 6px; }

/* Ortopedi Sozlugu */
.sozluk-harfler { display:flex; flex-wrap:wrap; gap:6px; margin:10px 0 6px; }
.sozluk-harfler a { display:inline-flex; align-items:center; justify-content:center; min-width:38px; min-height:38px; border:1px solid var(--cizgi, #ddd4c2); border-radius:10px; font-weight:800; text-decoration:none; }
.sozluk-harf { margin:30px 0 8px; color: var(--amber-deep); border-bottom:1px solid var(--cizgi, #ddd4c2); padding-bottom:6px; }
.sozluk-liste dt { font-weight:800; margin-top:14px; }
.sozluk-liste dd { margin:2px 0 0; }
.sozluk-kaynak { display:block; font-size:.86em; opacity:.75; margin-top:2px; }

/* tablo tasma korumasi: icerik tablolari dar ekranda kendi icinde kayar, sayfa tasmaz */
.sayfa table { display:block; max-width:100%; overflow-x:auto; border-collapse:collapse; -webkit-overflow-scrolling:touch; }
.sayfa table th, .sayfa table td { border:1px solid var(--cizgi, #ddd4c2); padding:8px 12px; text-align:left; }
.sayfa table thead th { background: var(--kutu-zemin, #f1e6d2); }

/* akademi indeksi: dal bazli katlanir hekim-yuzu listeleri */
.akademi-dal { border:1px solid var(--cizgi, #ddd4c2); border-radius:12px; margin:10px 0; background: var(--card, #FFFDF8); }
.akademi-dal summary { cursor:pointer; padding:14px 18px; font-weight:800; display:flex; align-items:center; gap:10px; min-height:44px; }
.akademi-dal[open] summary { border-bottom:1px solid var(--cizgi, #ddd4c2); }
.akademi-dal .konu-listesi { padding: 6px 18px 12px; }
/* sozluk: yapiskan harf cubugu + arama kutusu */
.sozluk-harfler { position:sticky; top:0; background:var(--paper, #F7F3EA); padding:10px 0; z-index:5; }
.sozluk-ara { width:100%; max-width:480px; min-height:46px; padding:10px 16px; border:1.5px solid var(--cizgi, #ddd4c2); border-radius:12px; font-size:1rem; margin:8px 0 4px; }

/* radar kart basligi: h2 ama kart tipografisi (Hermes 12) */
.radar-baslik { font-size: 1.02rem; font-weight: 800; line-height: 1.35; margin: 2px 0 6px; color: var(--lacivert, #0e2238); }

/* Yol haritasi: bolge secim kartlari (buton olarak) */
.yol-bolge { cursor:pointer; font: inherit; text-align:left; width:100%; border:1px solid var(--cizgi, #ddd4c2); background: var(--card, #FFFDF8); }
.yol-bolge:hover { border-color: var(--amber, #c08a3e); }
.yol-bolge:focus-visible { outline:3px solid var(--amber, #c08a3e); outline-offset:2px; }
#yolBaslik:focus { outline:none; }

/* Vaka sorulari (asistan rehberleri): .sina esdegeri, biraz daha genis govde */
.vaka { margin:26px 0; }
.vaka h2 { font-size:1.12rem; margin-bottom:6px; }
.vaka details { background:var(--card); border:1px solid var(--line); border-radius:10px; margin:9px 0; transition:border-color .15s ease; }
.vaka details:hover { border-color:var(--amber); }
.vaka summary { cursor:pointer; font-weight:600; color:var(--ink); padding:13px 16px; list-style:none; font-size:calc(14.5px * var(--yazi-o)); line-height:1.5; }
.vaka summary::-webkit-details-marker { display:none; }
.vaka summary b { color:var(--amber-deep); }
.vaka details p { padding:0 16px 14px; margin:0; font-size:calc(14.5px * var(--yazi-o)); line-height:1.6; }
.vaka details[open] summary { border-bottom:1px dashed var(--line); margin-bottom:9px; }

/* ============================================================
   KLINIK PRESTIJ KATMANI (21 Agu 2026)
   Patron geri bildirimi: "gorseller ve renkler hosuma gitmedi, biraz bos gibi".
   Yon: lacivert-krem kimligi KORUNUR ama derinlesir. Koyu hero paneli,
   her ortopedi dalina kendi accent rengi, ince cizgi anatomik cizimler.
   Renkler dallar.json icinden --dal / --dal-zemin degiskenleriyle gelir.
   ============================================================ */

/* --- Anatomik ikonlar: kendi cizdigimiz, tek kalinlik cizgi ailesi --- */
svg.anat { width:1.5em; height:1.5em; display:block; stroke:currentColor; fill:none; }

/* --- Hero: koyu klinik panel + rontgen dokusu --- */
.hero-v2 {
  position:relative; overflow:hidden; isolation:isolate;
  display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:24px; align-items:center;
  background:linear-gradient(158deg, #0b1c2f 0%, var(--ink) 46%, var(--ink-2) 100%);
  border-radius:20px; padding:44px 44px 40px; margin:18px 0 0;
  box-shadow:0 22px 60px rgba(11,28,47,.26), inset 0 1px 0 rgba(255,255,255,.06);
}
/* Rontgen kasesi: ince olcum izgarasi + kose vinyeti. Salt dekoratif. */
.hero-v2::before {
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(78% 62% at 12% 8%, rgba(140,178,214,.16) 0%, transparent 60%),
    radial-gradient(52% 48% at 96% 88%, rgba(45,121,88,.12) 0%, transparent 66%);
}
.hero-v2::after {
  content:""; position:absolute; z-index:-1; inset:auto -120px -180px auto; width:520px; height:520px;
  border-radius:50%; pointer-events:none;
  background:radial-gradient(circle, rgba(192,138,62,.20) 0%, transparent 62%);
}
.hero-govde { min-width:0; }
.hero-v2 h1 { color:var(--paper); font-size:clamp(1.8rem,4.2vw,2.85rem); max-width:19ch; line-height:1.12; }
.hero-v2 .kisa { color:#c6d3e0; font-size:16.5px; max-width:52ch; margin:14px 0 20px; }
.hero-arama input { background:rgba(255,255,255,.07); border-color:rgba(185,196,208,.35); color:var(--paper); }
.hero-arama input::placeholder { color:#8a9cae; }
.hero-arama input:hover, .hero-arama input:focus { border-color:var(--amber); background:rgba(255,255,255,.11); }
.hero-arama .btn-primary { background:var(--amber); color:#16110a; border-color:var(--amber); }
.hero-arama .btn-primary:hover { background:#d59d4c; }
.hero-yol { margin:14px 0 22px; font-size:14px; color:#9db0c2; }
.hero-yol a { color:var(--amber); font-weight:700; }
.hero-v2 .hero-imza { margin:0; padding-top:20px; border-top:1px solid rgba(185,196,208,.18); }
.hero-v2 .hero-imza b { color:var(--paper); }
.hero-v2 .hero-imza small { color:#93a5b7; }
.hero-gorsel { justify-self:end; align-self:stretch; display:grid; place-items:center; }
.hero-gorsel img { width:100%; max-width:300px; height:auto; opacity:.92; filter:drop-shadow(0 12px 34px rgba(0,0,0,.35)); }
@media (prefers-reduced-motion: no-preference) {
  .hero-govde > * { animation:belir .65s cubic-bezier(.16,1,.3,1) both; }
  .hero-govde > *:nth-child(2) { animation-delay:.07s; }
  .hero-govde > *:nth-child(3) { animation-delay:.14s; }
  .hero-govde > *:nth-child(4) { animation-delay:.21s; }
  .hero-govde > *:nth-child(5) { animation-delay:.28s; }
  .hero-gorsel { animation:belir .9s cubic-bezier(.16,1,.3,1) .18s both; }
}

/* --- Kanit seridi: kart degil, tek satirlik ayracli ifade --- */
.kanit-serit { display:flex; flex-wrap:wrap; gap:8px 0; margin:0 0 6px; padding:14px 4px 0; font-size:14px; color:var(--muted); }
.kanit-serit span { padding:0 18px; border-right:1px solid var(--line); line-height:1.3; }
.kanit-serit span:last-child { border-right:0; }
.kanit-serit span:first-child { padding-left:0; }
.kanit-serit b { font-family:var(--font-d); font-size:1.15rem; color:var(--ink); font-variant-numeric:tabular-nums; margin-right:6px; }

.section-sub { color:var(--muted); font-size:15px; max-width:74ch; margin:8px 0 16px; text-wrap:pretty; }

/* --- Dal kimligi: her dal kendi rengiyle taninir --- */
.dal-izgara { grid-template-columns:repeat(auto-fill,minmax(214px,1fr)); }
/* Dal kimligi serit degil ZEMIN tasir: kart ustten dalin renginde yikanir, ikon plakasi dolu renktir. */
.dal-kart { position:relative; overflow:hidden; background:linear-gradient(177deg, var(--dal-zemin, var(--paper-2)) 0%, var(--card) 52%); }
.dal-kart:hover { border-color:var(--dal, var(--amber)); }
.dal-kart .dal-ikon { background:var(--dal, var(--amber-deep)); border-color:transparent; color:#fffdf8; box-shadow:0 3px 10px color-mix(in srgb, var(--dal, var(--amber)) 34%, transparent); }
.kart:hover .dal-ikon { background:var(--dal, var(--amber-deep)); border-color:transparent; transform:translateY(-1px); }
@media (prefers-reduced-motion: reduce) { .kart:hover .dal-ikon { transform:none; } }
.dal-ikon svg.anat { width:24px; height:24px; }
.dal-tanim { display:block; font-size:12.8px; color:var(--muted); line-height:1.45; }
.dal-kart .rozet { margin-top:auto; align-self:flex-start; }

/* Dal hub ve konu sayfasi baslik amblemi */
.dal-amblem { display:grid; place-items:center; width:62px; height:62px; border-radius:16px; flex:none;
  background:var(--dal-zemin, var(--paper-2)); color:var(--dal, var(--amber-deep));
  border:1px solid color-mix(in srgb, var(--dal, var(--amber)) 30%, transparent); }
.dal-amblem svg.anat { width:34px; height:34px; }
.dal-amblem.sm { width:44px; height:44px; border-radius:12px; }
.dal-amblem.sm svg.anat { width:24px; height:24px; }
.dal-baslik, .konu-baslik-dal { display:flex; align-items:flex-start; gap:16px; }
.dal-baslik > div, .konu-baslik-dal > div { min-width:0; }
.dal-baslik h1::after { content:""; display:block; width:56px; height:3px; border-radius:2px; margin:12px 0 0; background:var(--dal, var(--amber)); }
.dal-sayi { margin-top:6px; font-size:13.5px; color:var(--muted); }
.dal-sayi b { color:var(--dal, var(--ink)); font-family:var(--font-d); font-size:1.05rem; }

/* --- Koyu bolum: radar onizlemesi --- */
.koyu-bolum { background:linear-gradient(150deg, var(--ink) 0%, #14304c 100%); border-radius:20px; padding:30px 30px 34px; color:var(--muted-ink); box-shadow:var(--shadow); }
.koyu-bolum h2 { color:var(--paper); }
.koyu-bolum .section-sub { color:#a9bacb; }
.koyu-bolum .bolum-baslik a { color:var(--amber); }
.radar-onizleme { display:grid; grid-template-columns:1.35fr 1fr; grid-template-rows:auto auto; gap:14px; margin-top:6px; }
.radar-onizleme-kart { background:rgba(255,255,255,.055); border:1px solid rgba(185,196,208,.16); border-radius:12px; padding:16px 18px; display:flex; flex-direction:column; gap:6px; }
.radar-onizleme-kart:first-child { grid-row:1 / span 2; }
.ro-etiket { display:flex; align-items:center; gap:8px; font-size:10.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--amber); margin:0 0 4px; padding-bottom:9px; border-bottom:1px solid rgba(185,196,208,.16); }
.ro-etiket svg.anat { width:17px; height:17px; color:var(--amber); flex:none; }
.radar-onizleme-kart h3 { color:var(--paper); font-size:15.5px; line-height:1.34; margin:2px 0 0; }
.ro-ozet { font-size:13.5px; color:#a9bacb; line-height:1.6; margin:0; }
.radar-onizleme-kart:not(:first-child) .ro-ozet { display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
.ro-kunye { margin-top:auto; padding-top:8px; font-size:11.5px; color:#7d90a3; }

/* --- Akademi onizlemesi: kart yigini degil, imzali satirlar --- */
.akademi-onizleme { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:10px; margin-top:6px; }
.ak-satir { display:flex; align-items:center; gap:13px; background:var(--card); border:1px solid var(--line); border-radius:12px; padding:13px 16px; text-decoration:none; transition:border-color .18s ease, box-shadow .18s ease; }
.ak-satir:hover { text-decoration:none; border-color:var(--dal, var(--amber)); box-shadow:var(--shadow-soft); }
.ak-ikon { display:grid; place-items:center; width:38px; height:38px; flex:none; border-radius:10px; background:var(--dal-zemin, var(--paper-2)); color:var(--dal, var(--amber-deep)); border:1px solid color-mix(in srgb, var(--dal, var(--amber)) 26%, transparent); }
.ak-ikon svg.anat { width:21px; height:21px; }
.ak-metin { min-width:0; }
.ak-metin b { display:block; font-family:var(--font-d); font-size:14.5px; color:var(--ink); line-height:1.3; }
.ak-metin small { font-size:12.5px; color:var(--muted); line-height:1.45; margin-top:2px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ak-daha { border-style:dashed; background:transparent; justify-content:center; text-align:center; }
.ak-daha b { color:var(--amber-deep); }

/* --- Atif paneli: sayi karti degil, oransal dagilim --- */
.atif-panel { display:grid; grid-template-columns:1.25fr 1fr; gap:24px; align-items:start; background:var(--card); border:1px solid var(--line); border-radius:var(--r-card); padding:24px; box-shadow:var(--shadow-soft); }
.atif-ulke { list-style:none; margin:0; padding:0; display:grid; gap:9px; }
.atif-ulke li { display:grid; grid-template-columns:110px 1fr 34px; align-items:center; gap:12px; font-size:13.5px; }
.au-ad { color:var(--text); font-weight:600; }
.au-cubuk { height:9px; border-radius:99px; background:var(--paper-2); overflow:hidden; }
.au-cubuk i { display:block; height:100%; border-radius:99px; background:linear-gradient(90deg, var(--ink-3), var(--amber)); }
.au-say { text-align:right; font-family:var(--font-d); font-size:13px; color:var(--ink); font-variant-numeric:tabular-nums; }
.au-kalan .au-ad { color:var(--muted); font-style:italic; }
.au-kalan .au-cubuk i { background:var(--line); }
.atif-kurum { border-left:1px solid var(--line); padding-left:22px; }
.atif-kurum h3 { font-size:14px; margin-bottom:10px; }
.atif-kurum ul { list-style:none; margin:0; padding:0; }
.atif-kurum li { font-size:13px; color:var(--muted); padding:6px 0 6px 16px; position:relative; border-bottom:1px solid var(--paper-2); line-height:1.45; }
.atif-kurum li::before { content:""; position:absolute; left:0; top:13px; width:6px; height:6px; border-radius:50%; background:var(--amber); }
.atif-kurum li:last-child { border-bottom:0; }
.atif-not { margin-top:12px; font-size:11.5px; color:var(--muted); }

@media (max-width:900px) {
  .hero-v2 { grid-template-columns:1fr; padding:32px 26px 30px; }
  .hero-gorsel { display:none; }
  .radar-onizleme { grid-template-columns:1fr; }
  .radar-onizleme-kart:first-child { grid-row:auto; }
  .atif-panel { grid-template-columns:1fr; }
  .atif-kurum { border-left:0; border-top:1px solid var(--line); padding-left:0; padding-top:18px; }
}
@media (max-width:560px) {
  .hero-v2 { padding:26px 20px 24px; border-radius:16px; margin-top:10px; }
  .koyu-bolum { padding:22px 20px 26px; border-radius:16px; }
  .kanit-serit { gap:6px 0; font-size:13px; }
  .kanit-serit span { padding:0 12px; }
  .kanit-serit b { font-size:1rem; }
  .dal-baslik, .konu-baslik-dal { gap:12px; }
  .dal-amblem { width:48px; height:48px; border-radius:12px; }
  .dal-amblem svg.anat { width:26px; height:26px; }
  .atif-ulke li { grid-template-columns:88px 1fr 30px; gap:9px; font-size:12.5px; }
}
/* Radar bas karti: iki satir yuksekliginde, daha buyuk baslik ve nefes */
.radar-onizleme-kart:first-child { padding:20px 22px; background:rgba(255,255,255,.085); }
.radar-onizleme-kart:first-child h3 { font-size:18.5px; line-height:1.28; }
.radar-onizleme-kart:first-child .ro-ozet { font-size:14px; }
/* Cizim panelin alt kenarinda kesilmesin: rontgen filmi gibi yumusak sonlanir */
.hero-gorsel img { -webkit-mask-image:linear-gradient(transparent 0%, #000 12%, #000 76%, transparent 99%); mask-image:linear-gradient(transparent 0%, #000 12%, #000 76%, transparent 99%); }

/* --- Ders sayfasi iki sutunlu duzen + yapiskan yan sutun (21 Agu) --- */
.konu-duzen { display:grid; grid-template-columns:minmax(0,1fr) 268px; gap:34px; align-items:start; margin-top:6px; }
.konu-ana { min-width:0; }
.konu-yan { position:sticky; top:84px; display:grid; gap:14px; }
.yan-kutu { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:16px 18px; }
.yan-kutu h2 { font-size:12px; letter-spacing:.09em; text-transform:uppercase; color:var(--amber-deep); margin:0 0 10px; }
.yan-icindekiler ol { list-style:none; margin:0; padding:0; counter-reset:yi; }
.yan-icindekiler li { counter-increment:yi; margin:0; }
.yan-icindekiler a { display:grid; grid-template-columns:22px 1fr; gap:6px; padding:6px 0; font-size:13.2px; line-height:1.4; color:var(--text); text-decoration:none; border-bottom:1px solid var(--paper-2); }
.yan-icindekiler li:last-child a { border-bottom:0; }
.yan-icindekiler a::before { content:counter(yi) "."; color:var(--muted); font-variant-numeric:tabular-nums; font-size:12px; }
.yan-icindekiler a:hover { color:var(--amber-deep); text-decoration:none; }
.yan-yardim { padding:0; border:0; background:transparent; }
.yan-yardim .kutu-yardim { margin:0; }
.yan-dal { display:flex; align-items:center; gap:12px; text-decoration:none; }
.yan-dal:hover { text-decoration:none; border-color:var(--dal, var(--amber)); }
.yan-dal b { display:block; font-family:var(--font-d); font-size:14px; color:var(--ink); line-height:1.25; }
.yan-dal small { font-size:12px; color:var(--muted); }
.yan-qr { text-align:center; }
.yan-qr h2 { text-align:left; }
.yan-qr img { width:104px; height:104px; margin:0 auto 8px; }
.yan-qr p { font-size:12px; color:var(--muted); line-height:1.45; margin-bottom:10px; }
/* Hekim sekmesi acikken hasta govdesinin icindekileri yaniltmasin */
/* Iki icindekiler listesi: hasta govdesi ve hekim katmani. Acik sekmeye ait olan
   gorunur, digeri gizlenir — okuyucu her zaman BULUNDUGU katmanin haritasini gorur.
   Varsayilan (sekmeye hic dokunulmamis) durum hasta katmanidir. */
.yan-icindekiler[data-icin="akademi"] { display:none; }
body[data-panel="akademi"] .yan-icindekiler[data-icin="hasta"] { display:none; }
body[data-panel="akademi"] .yan-icindekiler[data-icin="akademi"] { display:block; }
@media (max-width:1080px) {
  .konu-duzen { grid-template-columns:1fr; gap:20px; }
  .konu-yan { position:static; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); }
  /* Dar ekranda yan sutun yapiskan degil, sayfanin SONUNDA kalir; hasta icin orada
     ise yaramaz. Ama HEKIM katmani baska: nobetteki asistan "Gartland siniflamasi"
     gibi tek bir bolume atlamak istiyor ve denetimde bunun dort kaydirma surdugu
     olculdu. Bu yuzden hekim sekmesinin icindekileri, panelin BASINA tasinmis
     kompakt bir satir olarak dar ekranda da gosteriyoruz. */
  body .konu-yan .yan-icindekiler[data-icin="hasta"] { display:none; }
}
@media print { .konu-duzen { display:block; } .konu-yan { display:none; } }
/* Yan sutunda yardim listesi dar: etiket ustte, metin altta */
.yan-yardim .kutu-yardim h3 { font-size:12px; letter-spacing:.09em; text-transform:uppercase; color:var(--amber-deep); }
.yan-yardim .yardim-liste li { grid-template-columns:1fr; gap:3px; padding:10px 12px; font-size:13px; line-height:1.5; }
.yan-yardim .yardim-liste b { font-size:11.5px; letter-spacing:.05em; text-transform:uppercase; }
/* "Ne zaman yardım almalısınız?" kutusu hem govdede hem yan sutunda uretilir; okuyucuya
   HER ZAMAN tek kopya gosterilir. Genis ekranda yapiskan yan sutundaki (kaydirirken
   gorunur kalir), dar ekranda govdedeki (okuma akisi icinde) gecerlidir. Kagitta govde. */
@media (min-width:1081px) { .konu-ana .kutu-yardim { display:none; } }
@media (max-width:1080px) { .konu-yan .yan-yardim { display:none; } }
@media print { .konu-ana .kutu-yardim { display:block; } }

/* --- Radar calisma tipi rozeti (backlog 2, 21 Agu) ---
   Rozet PubMed'in kendi yayin-turu etiketinden gelir; klinik hiyerarsi IDDIA ETMEZ.
   Bu yuzden "guclu/zayif" renk kodu YOKTUR: ozgun arastirma olmayanlar (derleme,
   mektup) yalnizca notr bir tonla ayrilir ki okuyucu yanlis agirlik vermesin. */
.radar-tip { font-size:11px; font-weight:800; letter-spacing:.02em; color:var(--ink-3); background:var(--paper-2); border:1px solid var(--line); border-radius:999px; padding:3px 10px; }
.radar-tip.tip-derleme, .radar-tip.tip-mektup { color:var(--muted); background:transparent; border-style:dashed; }
.radar-nasil { font-size:13.5px; color:var(--muted); background:var(--card); border:1px solid var(--line); border-radius:12px; padding:12px 16px; margin:0 0 16px; line-height:1.6; }
.radar-nasil b { color:var(--ink); font-style:normal; }

/* --- Hekim sekmesi: "bu alanda radardan" (22 Agu) ---
   Icerik metnine dokunmaz; dal esleşmesiyle veriden uretilir ve haftalik radar
   turuyla kendiliginden tazelenir. Ozet basilmaz — hekim dogrudan kaynaga gider. */
.hekim-radar { margin-top:30px; padding:20px 22px; background:var(--paper-2); border-radius:var(--r-card); border:1px solid var(--line); }
.hekim-radar h2 { font-size:12px; letter-spacing:.09em; text-transform:uppercase; color:var(--amber-deep); margin:0 0 6px; }
.hr-not { font-size:12.5px; color:var(--muted); margin:0 0 12px; line-height:1.5; }
.hekim-radar ul { list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.hekim-radar li { display:grid; gap:4px; padding:11px 14px; background:var(--card); border:1px solid var(--line); border-radius:10px; }
.hekim-radar li a { font-family:var(--font-d); font-size:14.5px; line-height:1.35; color:var(--ink); text-decoration:none; }
.hekim-radar li a:hover { color:var(--amber-deep); text-decoration:underline; }
.hekim-radar li small { font-size:12px; color:var(--muted); }
.hekim-radar .radar-tip { justify-self:start; }
.hr-tum { margin:12px 0 0; font-size:13px; font-weight:700; }
/* Hekim sekmesinde yan sutunun HASTA odakli parcasi da gizlenir (icindekiler gibi):
   "ne zaman basvurmalisiniz" hastaya yazilmistir, hekim katmaninda yaniltici durur. */
body[data-panel="akademi"] .konu-yan .yan-yardim { display:none; }

/* ============================================================
   MOBIL GEZINME — UYGULAMA HISSI (23 Agu 2026)
   Patron: "telde akademi filan eksik gorunuyor, menuleri iyi ayir,
   telefon uygulamasi gibi gorunsun."
   Onceki durumda alt barda dort oge vardi; Akademi ve Radar telefondan
   HIC acilamiyordu (ust menu mobilde tamamen gizleniyor).
   ============================================================ */

/* --- Alt bar: bes sekme, aktif olan acikca isaretli --- */
.altbar {
  padding-bottom:env(safe-area-inset-bottom);
  background:linear-gradient(180deg, #12293f 0%, var(--ink) 100%);
  border-top:1px solid rgba(192,138,62,.22);
}
.altbar a, .altbar button {
  position:relative; flex:1 1 0; min-width:0; gap:3px;
  padding:8px 2px 7px; font-size:10px; letter-spacing:-.01em;
  -webkit-tap-highlight-color:transparent;
}
.altbar span { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.altbar .ph { width:23px; height:23px; font-size:23px; transition:transform .16s ease; }
/* Aktif sekme: renk TEK BASINA yetmez (renk korlugu) — ustte kisa bir cubuk ve
   ikon arkasinda hafif bir yastik ile de isaretlenir. */
.altbar .aktif { color:var(--paper); }
.altbar .aktif::before {
  content:""; position:absolute; top:0; left:50%; transform:translateX(-50%);
  width:26px; height:3px; border-radius:0 0 3px 3px; background:var(--amber);
}
.altbar .aktif .ph { color:var(--amber); transform:translateY(-1px); }
.altbar a:active, .altbar button:active { background:rgba(255,255,255,.06); }
@media (prefers-reduced-motion: reduce) { .altbar .ph { transition:none; } }

/* --- Menü cekmecesi --- */
.cekmece-fon { position:fixed; inset:0; z-index:97; background:rgba(8,20,33,.55); backdrop-filter:blur(2px); }
.cekmece-fon[hidden] { display:none; }
.cekmece {
  position:fixed; left:0; right:0; bottom:0; z-index:98;
  background:var(--card); border-radius:20px 20px 0 0;
  box-shadow:0 -18px 50px rgba(8,20,33,.4);
  padding:8px 14px calc(16px + env(safe-area-inset-bottom));
  max-height:82dvh; overflow-y:auto; overscroll-behavior:contain;
}
.cekmece[hidden] { display:none; }
@media (prefers-reduced-motion: no-preference) {
  .cekmece:not([hidden]) { animation:cekmeceAc .26s cubic-bezier(.16,1,.3,1) both; }
  @keyframes cekmeceAc { from { transform:translateY(14%); opacity:.4; } to { transform:none; opacity:1; } }
}
/* Tutamak: dokunmatik yuzeylerde "bu panel asagidan geldi" isareti */
.cekmece-tut { width:38px; height:4px; border-radius:99px; background:var(--line); margin:4px auto 10px; }
.cekmece-ust { display:flex; align-items:center; justify-content:space-between; padding:0 4px 6px; }
.cekmece-ust b { font-family:var(--font-d); font-size:15px; color:var(--ink); }
.cekmece-kapat { width:38px; height:38px; border-radius:50%; border:1px solid var(--line); background:var(--paper-2); color:var(--ink); display:grid; place-items:center; cursor:pointer; }
.cekmece-kapat .ph { width:17px; height:17px; }

.cekmece-liste { display:grid; gap:6px; }
.cekmece-liste a, .cekmece-liste button {
  display:flex; align-items:center; gap:13px; width:100%;
  min-height:58px; padding:11px 12px; border-radius:13px;
  background:transparent; border:1px solid transparent; cursor:pointer;
  text-align:left; text-decoration:none; font-family:var(--font-b);
  -webkit-tap-highlight-color:transparent;
}
.cekmece-liste a:active, .cekmece-liste button:active { background:var(--paper-2); border-color:var(--line); }
.cekmece-liste .ph { width:21px; height:21px; flex:none; color:var(--amber-deep); }
.cekmece-liste span { display:grid; gap:1px; min-width:0; }
.cekmece-liste b { font-family:var(--font-d); font-size:14.5px; color:var(--ink); line-height:1.25; }
.cekmece-liste small { font-size:12px; color:var(--muted); line-height:1.35; }
/* Cekmece acikken arka plan kaymaz */
body.cekmece-acik { overflow:hidden; }

/* Cekmece ve alt bar YALNIZ dar ekranda vardir; genis ekranda ust menu zaten tam. */
@media (min-width: 901px) {
  .cekmece, .cekmece-fon { display:none !important; }
}
@media print { .cekmece, .cekmece-fon { display:none !important; } }
/* Kanit seridi dar ekranda satirlara boluniyordu ve dikey ayraclar satir sonlarinda
   asili kaliyordu. Telefonda ayrac yerine iki sutunlu izgara: her oge kendi hucresinde. */
@media (max-width: 560px) {
  .kanit-serit { display:grid; grid-template-columns:1fr 1fr; gap:10px 14px; padding:16px 2px 4px; }
  .kanit-serit span { padding:0; border-right:0; display:flex; align-items:baseline; gap:6px; }
  .kanit-serit span:last-child { grid-column:1 / -1; }
  .kanit-serit b { margin-right:0; }
}

/* --- Katlanir bloklar (23 Agu): "Kendinizi sinayin" ve terim listesi kapali baslar.
   Hastanin ilk ihtiyaci degil; isteyen acar. Sayfa boylece kisalir ve cevap one cikar. --- */
.katlanir { border:1px solid var(--line); border-radius:12px; background:var(--card); margin:16px 0; }
.katlanir > summary { cursor:pointer; padding:14px 18px; font-family:var(--font-d); font-size:15px; color:var(--ink); list-style:none; display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:52px; }
.katlanir > summary::-webkit-details-marker { display:none; }
.katlanir > summary::after { content:"+"; font-size:20px; color:var(--amber-deep); font-weight:700; line-height:1; }
.katlanir[open] > summary::after { content:"\2212"; }
.katlanir[open] > summary { border-bottom:1px solid var(--line); }
.katlanir > summary:hover { color:var(--amber-deep); }
/* Ic blok kendi cercevesini tekrarlamasin */
.katlanir .sina, .katlanir .terimler { border:0; margin:0; border-radius:0; }
.katlanir .sina > h3, .katlanir .terimler > h3 { display:none; }
@media print { .katlanir { border:0; } .katlanir > summary { display:none; } }

/* ============================================================
   TELEFONDA KOLAY KULLANIM (23 Agu 2026)
   Patron: "ana sayfa da sade olsun — renkler guzel, kastim kolay kullanim."
   Olcum: ana sayfa telefonda 9.2 ekran boyundaydi; en buyuk parca 11 dal karti
   (2.7 ekran). Hasta hastaligini bulmak icin uc ekran kaydiriyordu.
   Renk ve kimlik AYNEN korunur; yalniz dar ekranda yogunluk artar.
   ============================================================ */
@media (max-width: 560px) {
  /* Dal kartlari: iki sutun, kisa. Dal adlari zaten kendini anlatiyor
     ("Diz ve Spor Cerrahisi"); aciklama satiri telefonda yer yiyordu. */
  .dal-izgara { grid-template-columns:1fr 1fr; gap:10px; }
  .dal-kart { padding:14px 12px 12px; gap:7px; }
  .dal-kart .dal-tanim { display:none; }
  .dal-kart b { font-size:13.5px; line-height:1.3; }
  .dal-ikon { width:36px; height:36px; border-radius:10px; }
  .dal-ikon svg.anat { width:20px; height:20px; }
  .dal-kart .rozet { font-size:10.5px; padding:2px 8px; }

  /* Atif paneli: telefonda ilk bes ulke + toplam satiri yeter; tam liste
     yayinlar sayfasinda duruyor. */
  .atif-ulke li:nth-child(n+6):not(.au-kalan) { display:none; }

  /* Radar onizlemesi: telefonda iki kart. Ucuncusu "Radarin tamami" ile zaten
     bir dokunus uzakta. */
  .radar-onizleme-kart:nth-child(3) { display:none; }
}

/* ============================================================
   DENETIM DUZELTMELERI (23 Agu 2026)
   Iki bagimsiz kullanilabilirlik denetiminden dogrulanan bulgular.
   ============================================================ */

/* Dokunma hedefleri: gorsel boyut AYNI kalir, dokunulabilir alan 44px'e cikar.
   Denetim: ust aramanin dokunma alani ~25x34, kirinti baglantilari ~17px yuksekti;
   yasli ya da agrili kullanici tek elle isabet ettiremiyor. */
.ara-ac { position:relative; }
.ara-ac::after { content:""; position:absolute; inset:-4px; }
.kirinti a { display:inline-block; padding:6px 2px; margin:-6px 0; }

/* Yuzen asistan dugmesi icerigin ustune biniyordu (denetimde Gartland tablosunun
   "standart yonetim" hucresini kapattigi olculdu). Dar ekranda kucultuldu ve
   sagdan iceri cekildi; dokunma alani yine 44px'in ustunde kalir. */
@media (max-width: 900px) {
  .fab { padding:11px 13px; right:12px; }
  .fab .ph { width:20px; height:20px; }
}
/* Uzun tablolarin sag kenarinda dugme altinda kalan icerik icin nefes payi */
@media (max-width: 900px) {
  .sayfa table { margin-bottom:26px; }

  /* Dar ekranda genis tablo (orn. 5 sutunlu sinovyal sivi tablosu) kendi icinde
     kayiyor, ama iOS'ta kaydirma cubugu gizli oldugu icin bunun anlasilmasi
     zor. Sag kenardaki soluk golge "devami var" isaretidir; tablo sona kadar
     kaydirilinca background-attachment:local sayesinde kendiliginden kaybolur.
     Salt gorsel ipucu — okuma icin gereken hicbir bilgi buna bagli degil. */
  .sayfa table {
    background-image:
      linear-gradient(to right, var(--card), rgba(255,253,248,0)),
      linear-gradient(to left, var(--card), rgba(255,253,248,0)),
      linear-gradient(to right, rgba(0,0,0,.13), rgba(0,0,0,0)),
      linear-gradient(to left, rgba(0,0,0,.13), rgba(0,0,0,0));
    background-position: 0 0, 100% 0, 0 0, 100% 0;
    background-repeat: no-repeat;
    background-size: 26px 100%, 26px 100%, 10px 100%, 10px 100%;
    background-attachment: local, local, scroll, scroll;
  }
}
/* Yazi boyutu sinirdayken dugme donuk gorunur (islevsizligi belli olsun) */
.yazi-boyut button[disabled] { opacity:.42; cursor:default; }

/* Hekim katmani icindekileri dar ekranda: yan sutunda degil, panelin BASINDA kompakt
   bir sirit. Nobetteki asistan aradigi bolume tek dokunusla atlar (denetim bulgusu). */
@media (max-width: 1080px) {
  body[data-panel="akademi"] .konu-yan { order:-1; }
  /* Yan sutun ustte YALNIZ icindekileri tasir: karekod ve dal kutusu hasta icin
     anlamli, hekim sekmesinde ustte yer kaplamasin. Hasta sekmesine donunce gelirler. */
  body[data-panel="akademi"] .konu-yan .yan-dal,
  body[data-panel="akademi"] .konu-yan .yan-qr { display:none; }
  .yan-icindekiler[data-icin="akademi"] { background:var(--paper-2); }
  .yan-icindekiler[data-icin="akademi"] ol { display:flex; flex-wrap:wrap; gap:6px; }
  .yan-icindekiler[data-icin="akademi"] li { margin:0; }
  .yan-icindekiler[data-icin="akademi"] a {
    display:inline-flex; align-items:center; gap:5px; padding:8px 12px; min-height:40px;
    border:1px solid var(--line); border-radius:999px; background:var(--card); border-bottom:1px solid var(--line);
    font-size:12.5px;
  }
  .yan-icindekiler[data-icin="akademi"] a::before { content:none; }
}

/* Arama sonuclarinin ustundeki yol haritasi ipucu (denetim onerisi, 24 Agu 2026):
   birden cok makul sonuc cikinca hasta tanisal secim yapmak zorunda kalmasin. */
.arama-ipucu {
  display:block;
  padding:12px 16px; margin-bottom:10px; min-height:48px;
  background:var(--paper-2); border:1px dashed var(--line); border-radius:12px;
  font-size:13.5px; color:var(--text); text-decoration:none; line-height:1.45;
}
.arama-ipucu b { color:var(--amber-deep); font-weight:700; }
.arama-ipucu:hover { border-color:var(--amber); text-decoration:none; }
.arama-ipucu span { color:var(--amber-deep); font-weight:700; }

/* --- Siniflama tablolari (24 Agu): hekim katmaninda Kellgren, Garden, ARCO, Mirels
   gibi sistemler artik tablo halinde. Baslik ve altindaki not tabloyu cerceveler. --- */
.sayfa table caption {
  caption-side:top; text-align:left; padding:10px 14px;
  background:var(--paper-2); border:1px solid var(--line); border-bottom:0;
  border-radius:10px 10px 0 0; font-family:var(--font-d); font-size:13.5px; color:var(--ink);
}
.tablo-not {
  margin:-6px 0 20px; padding:11px 14px; font-size:13.5px; line-height:1.6;
  color:var(--muted); background:var(--paper-2); border:1px solid var(--line);
  border-top:0; border-radius:0 0 10px 10px;
}
.tablo-not b { color:var(--ink); }

/* Iki tablo pespese geldiginde (Verdan + Leddy-Packer, Risser + Cobb esikleri)
   14px aralik onlari tek blok gibi gosteriyordu; ayirmak icin nefes payi. */
.sayfa table + table { margin-top:30px; }
.tablo-not + table { margin-top:26px; }