/* dronurgok.com — akademik sayfa stil sistemi
   Beyaz zemin, ince çizgi, tek koyu lacivert vurgu.
   Tüm sayfalar bu tek dosyayı kullanır. */

:root{
  --bg:#ffffff;
  --bg-soft:#f7f8f9;
  --ink:#10151b;
  --text:#39424c;
  --muted:#6d7681;
  --line:#e4e7ea;
  --line-2:#cdd3d9;
  --accent:#16405f;
  --accent-soft:#eef2f6;
  --maxw:1080px;
  --read:720px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--bg);
  color:var(--text);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
h1,h2,h3,h4,.serif{
  font-family:'Source Serif 4',Georgia,'Times New Roman',serif;
  color:var(--ink);
  font-weight:600;
  line-height:1.24;
  letter-spacing:-0.012em;
}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:2px}
::selection{background:var(--accent);color:#fff}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:8px;top:8px;background:#fff;border:1px solid var(--accent);padding:8px 12px;z-index:200}

/* ---------- ÜST ÇUBUK ---------- */
header.site{border-bottom:1px solid var(--line);background:var(--bg)}
.hd{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding-top:20px;padding-bottom:18px}
.hd .name{
  font-family:'Source Serif 4',Georgia,serif;
  font-size:19px;font-weight:600;color:var(--ink);letter-spacing:-0.01em;white-space:nowrap;
}
.hd .name:hover{text-decoration:none;color:var(--accent)}
nav.main{display:flex;flex-wrap:wrap;align-items:baseline;gap:20px}
nav.main a{
  color:var(--text);font-size:14px;font-weight:500;
  padding-bottom:3px;border-bottom:1.5px solid transparent;
}
nav.main a:hover{color:var(--ink);text-decoration:none;border-bottom-color:var(--line-2)}
nav.main a[aria-current="page"]{color:var(--accent);border-bottom-color:var(--accent)}
nav.main .lang{
  color:var(--muted);font-size:12.5px;font-weight:600;letter-spacing:.06em;
  padding:3px 8px;border:1px solid var(--line-2);border-radius:3px;
}
nav.main .lang:hover{color:var(--accent);border-color:var(--accent);text-decoration:none}
.navt{display:none;background:none;border:1px solid var(--line-2);border-radius:3px;padding:5px 9px;cursor:pointer;font-size:13px;color:var(--ink)}

/* ---------- SAYFA BAŞLIĞI ---------- */
.page-head{padding:52px 0 32px;border-bottom:1px solid var(--line)}
.page-head h1{font-size:2.05rem;margin-bottom:10px}
.page-head p{color:var(--muted);max-width:var(--read);font-size:15.5px}

/* ---------- BÖLÜM ---------- */
section.blk{padding:44px 0}
section.blk + section.blk{border-top:1px solid var(--line)}
.blk > h2{
  font-size:1.18rem;margin-bottom:6px;
}
.blk > .sub{color:var(--muted);font-size:14.5px;margin-bottom:24px;max-width:var(--read)}
.blk > h2 + .sub{margin-top:2px}

.lead{font-size:17px;max-width:var(--read);color:var(--text)}
.lead + .lead{margin-top:16px}

/* ---------- ANASAYFA KİMLİK ---------- */
.ident{padding:56px 0 40px}
.ident h1{font-size:2.5rem;margin-bottom:12px;letter-spacing:-0.02em}
.ident .role{font-size:16.5px;color:var(--ink);font-weight:500;margin-bottom:4px}
.ident .aff{font-size:15px;color:var(--muted);max-width:var(--read)}
.ident .aff span{display:block}

.links{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.links a{
  font-size:13.5px;font-weight:500;color:var(--text);
  border:1px solid var(--line-2);border-radius:3px;padding:6px 12px;
}
.links a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}
.links a.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.links a.primary:hover{background:#0f3049}

.more{margin-top:22px;font-size:14.5px;font-weight:500}
.more a::after{content:" \2192";}

/* ---------- ARAŞTIRMA ALANLARI ---------- */
.areas{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px}
.area{padding:20px 0;border-top:1px solid var(--line)}
.area h3{font-size:1rem;margin-bottom:5px}
.area p{font-size:14.5px;color:var(--muted)}

/* ---------- YAYIN LİSTESİ ---------- */
ol.pubs{list-style:none;counter-reset:pub}
ol.pubs li{
  counter-increment:pub;
  position:relative;
  padding:18px 0 18px 42px;
  border-top:1px solid var(--line);
}
ol.pubs li:last-child{border-bottom:1px solid var(--line)}
ol.pubs li::before{
  content:counter(pub) ".";
  position:absolute;left:0;top:18px;
  font-family:'Source Serif 4',Georgia,serif;
  font-size:14.5px;color:var(--muted);
  width:32px;text-align:right;
}
.pub-t{font-family:'Source Serif 4',Georgia,serif;color:var(--ink);font-size:16.5px;font-weight:600;line-height:1.38;margin-bottom:5px}
.pub-a{font-size:14.5px;color:var(--text);margin-bottom:3px}
.pub-a b{font-weight:600;color:var(--ink)}
.pub-s{font-size:14.5px;color:var(--muted);font-style:italic}
.pub-x{margin-top:8px;display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.tag{
  font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:var(--accent);background:var(--accent-soft);
  border-radius:2px;padding:2px 7px;
}
.tag.q1{background:var(--accent);color:#fff}
.tag.plain{color:var(--muted);background:var(--bg-soft)}
.doi{font-size:13px;color:var(--accent);word-break:break-all}

/* ---------- SATIR LİSTESİ (proje, patent, ders, sertifika) ---------- */
.rows{list-style:none}
.rows li{padding:16px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 210px;gap:8px 28px}
.rows li:last-child{border-bottom:1px solid var(--line)}
.rows .rt{font-family:'Source Serif 4',Georgia,serif;color:var(--ink);font-size:15.5px;font-weight:600;line-height:1.4}
.rows .rd{font-size:13.5px;color:var(--muted);line-height:1.5}
.rows .rd b{color:var(--text);font-weight:600;display:block}
.rows .rn{font-size:13px;color:var(--muted);margin-top:4px}

/* ---------- ÖZGEÇMİŞ SATIRI ---------- */
.cvrow{display:grid;grid-template-columns:118px 1fr;gap:6px 28px;padding:18px 0;border-top:1px solid var(--line)}
.cvrow:last-child{border-bottom:1px solid var(--line)}
.cvrow .yr{font-family:'Source Serif 4',Georgia,serif;font-size:15px;color:var(--muted)}
.cvrow h3{font-size:1rem;margin-bottom:3px}
.cvrow p{font-size:14.5px;color:var(--muted)}
.cvrow p em{font-style:italic}

/* ---------- SADE LİSTE ---------- */
ul.flat{list-style:none;columns:2;column-gap:40px}
ul.flat li{font-size:14.5px;padding:5px 0;break-inside:avoid;color:var(--text)}
ul.flat li span{color:var(--muted);font-size:13px}

/* ---------- İLETİŞİM ---------- */
.dl{display:grid;grid-template-columns:150px 1fr;gap:12px 24px;font-size:15px;max-width:var(--read)}
.dl dt{color:var(--muted);font-size:14px}
.dl dd{color:var(--text)}
form.cf{max-width:520px;margin-top:8px}
form.cf label{display:block;font-size:13.5px;color:var(--muted);margin-bottom:5px}
form.cf input,form.cf textarea{
  width:100%;font-family:inherit;font-size:15px;color:var(--ink);
  background:var(--bg);border:1px solid var(--line-2);border-radius:3px;
  padding:10px 12px;margin-bottom:16px;
}
form.cf input:focus,form.cf textarea:focus{outline:none;border-color:var(--accent)}
form.cf textarea{resize:vertical;min-height:120px}
form.cf button{
  background:var(--accent);color:#fff;border:none;border-radius:3px;
  padding:11px 24px;font-family:inherit;font-size:14.5px;font-weight:600;cursor:pointer;
}
form.cf button:hover{background:#0f3049}
.hp{position:absolute;left:-9999px}

/* ---------- ALT BİLGİ ---------- */
footer.site{border-top:1px solid var(--line);margin-top:20px;padding:30px 0 44px}
footer.site .fx{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;font-size:13.5px;color:var(--muted)}
footer.site a{color:var(--muted)}
footer.site a:hover{color:var(--accent)}
.note{font-size:13px;color:var(--muted);margin-top:18px;max-width:var(--read)}

/* ---------- DAR EKRAN ---------- */
@media (max-width:820px){
  .areas{grid-template-columns:1fr}
  .rows li{grid-template-columns:1fr}
  ul.flat{columns:1}
  .dl{grid-template-columns:1fr;gap:2px 0}
  .dl dd{margin-bottom:10px}
}
@media (max-width:680px){
  .wrap{padding:0 18px}
  .hd{flex-direction:column;align-items:flex-start;gap:12px;padding-top:16px;padding-bottom:14px}
  .navt{display:block;position:absolute;right:18px;top:15px}
  nav.main{display:none;flex-direction:column;align-items:flex-start;gap:12px;width:100%;padding-top:4px}
  nav.main.open{display:flex}
  header.site{position:relative}
  .ident{padding:36px 0 28px}
  .ident h1{font-size:1.95rem}
  .page-head{padding:34px 0 24px}
  .page-head h1{font-size:1.7rem}
  .cvrow{grid-template-columns:1fr;gap:2px}
  ol.pubs li{padding-left:30px}
  ol.pubs li::before{width:22px}
}

@media print{
  header.site,footer.site,.links,form.cf{display:none}
  body{font-size:11pt}
  a{color:#000}
}

/* ---------- SERTİFİKA GALERİSİ ---------- */
.cgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:34px 30px}
.cg{margin:0}
.cg img{width:100%;height:auto;display:block;border:1px solid var(--line-2);background:#fff}
.cg figcaption{
  font-family:'Source Serif 4',Georgia,serif;color:var(--ink);
  font-size:14.5px;font-weight:600;line-height:1.4;margin-top:9px;
}
.cg figcaption span{display:block;font-family:'Inter',sans-serif;font-weight:400;font-size:13px;color:var(--muted);margin-top:2px}
@media (max-width:680px){.cgrid{grid-template-columns:1fr;gap:26px}}

.cg .pdf{display:inline-block;margin-top:6px;font-family:'Inter',sans-serif;font-size:13px;font-weight:500}
.cg .pdf::after{content:" \2197"}

.idgrid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:start}
.portrait{width:220px;height:auto;display:block;border:1px solid var(--line)}
@media (max-width:680px){.idgrid{grid-template-columns:1fr}.portrait{width:160px;grid-row:1}}