/* Turkuaz Kampüs — sade, Moodle (Boost) çizgisinde. Sistem yazı tipleri; dış istek yok. */
:root{
  --primary:#10607B;--primary-hover:#0C485C;--accent:#1683A8;--accent-soft:#ECF5F8;
  --body:#1F2A30;--muted:#5E6B70;--border:#DEE2E6;--bg:#FFFFFF;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --radius:.5rem;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--body);font:400 .9375rem/1.5 var(--font)}
a{color:var(--primary)}
a:hover{color:var(--primary-hover)}
:focus-visible{outline:.2rem solid rgba(22,131,168,.5);outline-offset:2px}
h1,h2,h3{font-weight:700;line-height:1.2;margin:0 0 .5rem}
h1{font-size:2.25rem}
h2{font-size:1.5rem}
h3{font-size:1.125rem}
p{margin:0 0 1rem}
img{max-width:100%;height:auto;display:block}
.container{max-width:1140px;margin:0 auto;padding:0 1rem}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:.5rem;background:#fff;padding:.5rem;z-index:10}
.lead{font-size:1.15rem;color:var(--muted)}
.muted{color:var(--muted)}

/* Üst menü */
.navbar{background:#fff;border-bottom:1px solid var(--border);box-shadow:0 2px 4px rgba(0,0,0,.04)}
.nav-inner{display:flex;align-items:center;gap:1.5rem;min-height:60px}
.brand{display:flex;align-items:center}
.brand img{height:32px;width:auto}
.nav-links{display:flex;gap:1.25rem;margin-right:auto}
.nav-links a{color:var(--body);text-decoration:none;padding:.25rem 0;border-bottom:2px solid transparent}
.nav-links a:hover,.nav-links a[aria-current]{border-bottom-color:var(--accent)}

/* Butonlar */
.btn{display:inline-block;font-weight:400;font-size:.9375rem;line-height:1.5;padding:.375rem .9rem;border:1px solid transparent;border-radius:var(--radius);text-decoration:none;margin:0 .25rem .25rem 0}
.btn-primary{background:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-hover);color:#fff}
.btn-outline{border-color:var(--primary);color:var(--primary)}
.btn-outline:hover{background:var(--accent-soft)}
.btn-sm{padding:.25rem .75rem;margin:0}

/* Bölümler */
section{margin:2.5rem auto}
.hero{margin:0;padding:3rem 0;border-bottom:1px solid var(--border)}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
.hero-art img{max-height:360px;margin-left:auto}
.page{padding-top:1rem}
.narrow{max-width:760px}

/* Kartlar */
.cards{display:grid;gap:1rem;margin-top:1rem}
.cards.three{grid-template-columns:repeat(3,1fr)}
.cards.two{grid-template-columns:repeat(2,1fr)}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}
.card p:last-child{margin-bottom:0}
.card .illus{width:100%;height:150px;object-fit:contain;margin:0 auto 1rem}
.card .illus.small{height:110px;width:auto;margin:0 0 1rem}
.card-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.badge{display:inline-block;font-size:.75rem;font-weight:700;background:var(--accent-soft);color:var(--primary);padding:.2rem .5rem;border-radius:.25rem;margin-bottom:.5rem}

/* Tablo ve SSS */
.table{width:100%;border-collapse:collapse;margin-bottom:1rem}
.table th,.table td{text-align:left;padding:.5rem;border-top:1px solid var(--border);vertical-align:top}
.table th{width:35%;font-weight:600;color:var(--muted)}
details{border-top:1px solid var(--border);padding:.6rem 0}
details summary{cursor:pointer;font-weight:600}
details p{margin:.5rem 0 0;color:var(--muted)}

.footer{border-top:1px solid var(--border);margin-top:3rem;padding:1.5rem 0;color:var(--muted);font-size:.875rem}
.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}
.footer a{color:var(--muted)}

@media (max-width:768px){
  h1{font-size:1.75rem}
  .hero-grid,.cards.three,.cards.two{grid-template-columns:1fr}
  .hero-art img{max-height:240px;margin:0 auto}
  .nav-inner{flex-wrap:wrap;gap:.5rem 1rem;padding:.5rem 1rem}
  .brand{margin-right:auto}
  .nav-links{order:3;width:100%;gap:1.25rem}
}