/* Temel reset ve değişkenler */
:root{
  --bg: #f7fafc;            /* sayfa arka planı (açık gri) */
  --panel: #ffffff;          /* paneller/kartlar */
  --text: #0f172a;           /* ana metin */
  --muted: #64748b;          /* ikincil metin */
  --brand: #1f6feb;          /* mavi marka rengi */
  --accent: #22c55e;         /* sağlık/diyet yeşili */
  --danger: #e11d48;         /* kırmızı */
  --radius: 14px;
  --shadow: 0 10px 30px rgba(2,6,23,.08);
  --header-h: 64px;
  --border: #e5e7eb;         /* açık kenarlık */
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji";
  background: var(--bg);
  color: var(--text);
  line-height:1.6;
  padding-top: var(--header-h);
}
img{max-width:100%;display:block}
a{color:var(--text);text-decoration:none}
.container{width:min(1100px, 92%);margin-inline:auto}
.section{padding: clamp(64px, 8vw, 100px) 0}
.section.alt{background: var(--panel)}
.section.highlight{background: linear-gradient(180deg, rgba(46,160,67,.15), transparent)}
.narrow{width:min(820px, 92%)}
/* Anchor offset for fixed header */
:where(section,[id]){scroll-margin-top:calc(var(--header-h) + 24px)}

/* Tipografi: ana metinleri iki yana yasla ve hecelemeyi etkinleştir */
p, li, .lead, .program-note, .callout p {
  text-align: justify;
  text-justify: inter-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

/* Header ve navbar */
.site-header{
  position: fixed; inset: 0 0 auto 0; z-index:40; backdrop-filter: saturate(160%) blur(8px);
  background: rgba(255,255,255,.85); border-bottom: 1px solid var(--border);
}
.nav-container{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;flex-direction:column;font-weight:700}
.brand-top{letter-spacing:.3px}
.brand-bottom{font-size:12px;color:var(--muted)}
.site-nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}
.site-nav a{padding:8px 12px;border-radius:10px;color:var(--muted)}
.site-nav a:hover, .site-nav a.is-active{background: rgba(31,111,235,.12); color: var(--brand)}
.nav-toggle{display:none;background:none;border:0;width:42px;height:42px;border-radius:10px;position:relative;z-index:42}
.nav-toggle span{display:block;height:2px;background:var(--text);margin:7px 8px}

/* Language switcher */
.lang-switcher{display:flex;gap:6px;position:fixed;top:10px;right:18px;z-index:41}
.lang-btn{appearance:none;border:1px solid var(--border);background:#fff;color:#0f172a;padding:6px 10px;border-radius:10px;font-size:12px;cursor:pointer;box-shadow: var(--shadow)}
.lang-btn:hover{background:#f8fafc}
.lang-btn.is-active{border-color:#93c5fd;background:#eff6ff;color:#1e3a8a}

@media (max-width: 840px){
  .nav-toggle{display:inline-block}
  .site-nav{position:fixed;inset:var(--header-h) 0 auto 0; background: var(--panel); border-bottom:1px solid var(--border); transform: translateY(-120%); transition:.35s; z-index:41}
  .site-nav.open{transform: translateY(0)}
  .site-nav ul{flex-direction:column;padding:14px}

  /* Place language switcher below the header to avoid overlapping brand/hamburger */
  .lang-switcher{left:auto;right:18px;top: calc(var(--header-h) + 8px); z-index:39}
  .lang-btn{padding:6px 10px;font-size:12px}
}

/* Hero */
.hero-section{padding-top: 0}
.hero-content{margin-bottom:24px}
.project-title{font-size: clamp(22px, 3.5vw, 36px);margin:0 0 8px}
.program-note{color:var(--muted);margin:0 0 14px}
.lead{font-size: clamp(16px, 2.5vw, 18px);color:#334155}

/* 1:1 Slider */
.slider{position:relative;border-radius: var(--radius);overflow:hidden;background:#f1f5f9;box-shadow: var(--shadow)}
.slider::before{content:"";display:block;padding-top:100%} /* 1:1 oran */
.slides{position:absolute;inset:0}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .5s ease}
.slide.is-active{opacity:1}
.slide img{width:100%;height:100%;object-fit:cover}
.slide figcaption{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.85);color:var(--text);padding:8px 10px;border-radius:10px;font-size:13px}
.ctrl{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.4);border:0;color:#fff;width:42px;height:42px;border-radius:50%;cursor:pointer}
.ctrl:hover{background:rgba(0,0,0,.6)}
.prev{left:10px}.next{right:10px}
.dots{position:absolute;left:0;right:0;bottom:8px;display:flex;gap:8px;justify-content:center}
.dots button{width:8px;height:8px;border-radius:50%;border:0;background:rgba(15,23,42,.35);cursor:pointer}
.dots button[aria-selected="true"]{background:var(--brand)}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .slide{transition:none}
}

/* Grid ve içerik */
.grid.two{display:grid;grid-template-columns: 1.1fr 1fr;gap:24px}
@media (max-width: 860px){.grid.two{grid-template-columns: 1fr}}
.checklist{list-style:none;padding:0;margin:14px 0 0}
.checklist li{position:relative;padding-left:26px;margin:8px 0}
.checklist li::before{content:"✔";position:absolute;left:0;color:var(--accent)}
.team{display:grid;grid-template-columns: repeat(2, minmax(0,1fr));gap:16px}
@media (max-width: 720px){.team{grid-template-columns: 1fr}}
.member{background:#ffffff;border:1px solid var(--border);padding:16px;border-radius:12px;display:grid;grid-template-columns: 88px 1fr;gap:14px;align-items:center}
.member-figure{margin:0}
.avatar{width:84px;height:84px;border-radius:50%;object-fit:cover;border:2px solid #eef2f7;background:#ffffff}
.member-body{min-width:0}
.member-role{margin:0 0 6px;font-size:16px}
.member-name{margin:0;color:#334155}
.member-inst{margin:6px 0 0}
.inst-badge{display:inline-block;font-size:12px;line-height:1;padding:6px 8px;border-radius:999px;border:1px solid var(--border);background:#f8fafc;color:#0f172a}
.inst-badge.uni{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}
.inst-badge.tuseb{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}

.member.lead{grid-column: 1 / -1; border-color: rgba(31,111,235,.35); background: linear-gradient(180deg, #ffffff, #f8fafc)}
.member.lead .avatar{width:110px;height:110px;border-color:#bfdbfe}
.member.lead .member-role{font-size:18px;color:#0f172a}
.member.lead .member-name{font-size:16px}
.member.lead .member-desc{margin:10px 0 0;color:#475569}
.kpi{display:grid;grid-template-columns: repeat(2, minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:14px 0 0}
@media (max-width: 720px){.kpi{grid-template-columns: 1fr}}
.kpi li{background:#ffffff;border:1px solid var(--border);padding:16px;border-radius:12px}
.callout{margin-top:16px;background:rgba(34,197,94,.10);border:1px solid #bbf7d0;padding:12px 14px;border-radius:10px}
.refs{padding-left:18px}

/* Kurumlar (Kartlar) */
.orgs-cards{display:grid;grid-template-columns: repeat(2, minmax(0,1fr));gap:16px;margin-top:12px}
@media (max-width: 720px){.orgs-cards{grid-template-columns: 1fr}}
.org-card{display:grid;grid-template-columns: 84px 1fr;gap:14px;align-items:center;background:#ffffff;border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow: var(--shadow)}
.org-logo{width:72px;height:72px;border-radius:16px;display:grid;place-items:center;font-weight:800;color:#0f172a;background:#f1f5f9;border:1px solid var(--border)}
.org-logo.uni{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}
.org-logo.tuseb{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}
.org-logo.obd{background:#fff0f0;border-color:#ffa5a5;color:#8a1e1e}
.org-body{min-width:0}
.org-name{margin:0 0 4px;font-size:18px}
.org-type{margin:0;color:#64748b}

/* Footer */
.site-footer{border-top:1px solid var(--border);padding:20px 0;background:#f8fafc;color:#475569}