/* HÇMÖ — Bilgi (cevap sayfaları) tasarım dili: portal/yilmaz-mutlu ile aynı token'lar */
:root {
  --paper:#f4f1e8; --surface:#fffdf8; --surface-2:#f8f4ea; --line:#e4ddcb;
  --ink:#26221a; --muted:#7d7566; --brand:#2c6e49; --brand-2:#3d8b60;
  --gold:#b9861f; --blue:#0072b2;
  --shadow-sm:0 1px 3px rgba(58,50,38,.1); --shadow-md:0 6px 18px rgba(58,50,38,.12);
  --r-md:14px; --r-lg:22px;
  --font:'Nunito','Segoe UI',system-ui,sans-serif;
}
*{box-sizing:border-box} html,body{margin:0}
body{font-family:var(--font);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.6}
a{color:var(--blue)}
.wrap{max-width:820px;margin:0 auto;padding:0 20px}

.topbar{position:sticky;top:0;z-index:50;background:rgba(244,241,232,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;align-items:center;gap:14px;padding:11px 20px}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1rem;text-decoration:none;color:var(--ink)}
.brand img{width:30px;height:30px}
.nav{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap}
.nav a{text-decoration:none;font-weight:800;font-size:.86rem;padding:6px 11px;border-radius:999px;color:var(--ink)}
.nav a:hover{background:var(--surface);box-shadow:var(--shadow-sm)}

.crumbs{font-size:.84rem;color:var(--muted);margin:22px 0 6px}
.crumbs a{color:var(--muted);text-decoration:none;font-weight:700}
.article{padding-bottom:40px}
.art-head{padding:10px 0 6px}
.kicker{color:var(--gold);font-weight:800;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px}
h1{font-size:clamp(1.6rem,4.4vw,2.4rem);font-weight:900;letter-spacing:-.02em;margin:0 0 8px;line-height:1.15}
.byline{color:var(--muted);font-size:.9rem;margin:0 0 16px}
.byline a{color:var(--brand);font-weight:800;text-decoration:none}
.lead{font-size:1.12rem;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--brand);border-radius:var(--r-md);padding:16px 18px;box-shadow:var(--shadow-sm);margin:0 0 22px}

article h2{font-size:1.28rem;font-weight:900;letter-spacing:-.01em;margin:30px 0 8px}
article h3{font-size:1.05rem;font-weight:800;margin:20px 0 6px}
article p{margin:0 0 12px;max-width:72ch}
article ul,article ol{margin:0 0 14px;padding-left:22px}
article li{margin-bottom:6px}
article table{border-collapse:collapse;width:100%;font-size:.92rem;margin:10px 0 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
article th,article td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
article th{background:var(--surface-2);font-weight:800}
article blockquote{margin:14px 0;padding:10px 16px;border-left:4px solid var(--gold);background:var(--surface-2);border-radius:0 var(--r-md) var(--r-md) 0;color:var(--ink)}
.note{background:var(--surface-2);border:1px dashed var(--line);border-radius:var(--r-md);padding:12px 16px;font-size:.92rem;margin:14px 0}

.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:10px 16px;margin-top:8px}
.faq summary{font-weight:800;cursor:pointer}
.faq details p{margin:8px 0 4px}

.refs ol{padding-left:22px;font-size:.9rem}
.refs li{margin-bottom:8px;word-break:break-word}

.author-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px;margin:30px 0 14px;box-shadow:var(--shadow-sm);font-size:.94rem}
.author-box a{font-weight:800;color:var(--brand)}
.cite-this{font-size:.86rem;color:var(--muted);background:var(--surface-2);border-radius:var(--r-md);padding:10px 14px}
.en-summary{margin-top:26px;padding-top:6px;border-top:1px solid var(--line)}
.en-summary h2{font-size:1.1rem}

.related{margin-top:26px}
.related h2{font-size:1.1rem;font-weight:900}
.related ul{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px}
.related li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:10px 14px}
.related a{text-decoration:none;font-weight:800;color:var(--brand)}

/* Bilgi dizin sayfası */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-top:18px}
.card{display:block;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px;box-shadow:var(--shadow-sm);transition:transform .12s}
.card:hover{transform:translateY(-2px);border-color:var(--brand)}
.card b{display:block;font-size:1.02rem;margin-bottom:6px}
.card span{color:var(--muted);font-size:.88rem}

footer{padding:36px 0 44px;color:var(--muted);font-size:.88rem}
footer .wrap{display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between}
footer a{color:var(--muted);font-weight:700}
@media print{.topbar,.related,footer{display:none} body{background:#fff}}