/* ===================================================================
   TARİH VE TEKNOLOJİ KOLEJİ — "Sıcak / Okul" tema katmanı
   voecore brutalist iskeletini koruyup; krem+yeşil palet, yuvarlak köşeler,
   pill butonlar, yumuşak gölgeler ve sıcak tipografiyle okul dostu hale getirir.
   (voecore.css ve school.css'ten SONRA yüklenir)
=================================================================== */

/* ---------- PALET: krem zemin + sıcak yeşil mürekkep ---------- */
:root{
  --paper:#FBFAF5; --ink:#16291D; --gray:#5C6D62; --faint:#9CAAA0;
  --hair:#E7ECE3; --mist:#F1F6EF;
  --soft:0 14px 30px -20px rgba(22,41,29,.12);
  --soft-sm:0 10px 22px -14px rgba(22,41,29,.12);
}
.dark{ --paper:#0E1A13; --ink:#FFFFFF; --gray:#C6D2C9; --faint:#86988C; --hair:#27362D; --mist:#16241B; background:#0E1A13; }
body{ background:var(--paper); }
.hero{ background:#0E1A13; }
.ticker{ background:#0E1A13; }
::selection{ background:var(--accent); color:#fff; }

/* ---------- TİPOGRAFİ: uppercase'i yumuşat (okul sıcaklığı) ---------- */
.hero h1,.sec-head h2,.srow .body h3,.kcell h3,.reason h3,.cap h3,.uc h3,
.cta-inner h2,.why-left h2,.founder .msg h3,.bp-header h2,.post h3,
.faq-aside h2,.ab-cell h3,.stat .l{ text-transform:none; letter-spacing:-.02em; }
.hero h1{ letter-spacing:-.025em; line-height:1.04; }
.sec-head h2,.cta-inner h2{ letter-spacing:-.025em; }

/* ---------- EYEBROW: köşeli [ ] yerine sıcak yeşil çip ---------- */
.eyebrow{ display:inline-flex; align-items:center; gap:9px; background:rgba(47,168,79,.12);
  color:var(--accent); padding:7px 15px; border-radius:999px; font-size:11px; letter-spacing:.16em; font-weight:600; }
.dark .eyebrow{ background:rgba(70,196,106,.16); }
.eyebrow::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--accent); }
.eyebrow::after{ content:""; }

/* ---------- BUTONLAR: pill + yumuşak gölge ---------- */
.btn{ border-radius:999px; border-width:1.5px; font-weight:600; }
.btn-primary:hover{ transform:translateY(-2px); box-shadow:0 14px 28px -12px rgba(22,41,29,.55); }
.btn-ghost:hover{ transform:translateY(-2px); box-shadow:var(--soft-sm); }
.btn-accent:hover{ transform:translateY(-2px); box-shadow:0 16px 32px -12px rgba(47,168,79,.6); }

/* küçük etiket çipleri yuvarlak */
.tags i,.kbadge,.pcat,.bp-cat,.scene-label,.crumb,.faq .qn,.hero-meta,
.proj-tags i,.cap .tags i,.srow .body .tags i,.dur,.pstep .acts i{ border-radius:999px; }
.scene-label,.kbadge{ border-radius:999px; }

/* ---------- YAPISAL ÇERÇEVELERİ YUMUŞAT (siyah → ince yeşil hairline) ---------- */
.ribbon,header.nav,.ticker,section.block,.hero,.cta-band,
.grid-full,.cell,.svc-rows,.srow,.srow .media,.why,.why-left,.why-right,
.stats,.stat,.ev-grid,.ev,.blog-grid,.post,.post .thumb,.founder,.founder .photo,
.bp-header,.faq,.faq details,.faq-layout,.form-grid,.contact-aside,
.checklist,.checklist li{ border-color:var(--hair); }

/* ---------- KART IZGARALARI: boşluklu, yuvarlak, yumuşak gölgeli kartlar ---------- */
/* Neden (feat4) + Vizyon-Misyon (dual) */
.grid-full.feat4,.grid-full.dual{ border-top:none; margin:clamp(30px,4.5vh,52px) var(--pad);
  gap:clamp(16px,1.6vw,22px); }
.grid-full.feat4 .cell,.grid-full.dual .cell{ border:1px solid var(--hair); border-radius:22px;
  padding:28px; box-shadow:var(--soft); background:var(--paper); }
.dark .grid-full.feat4 .cell,.dark .grid-full.dual .cell{ background:rgba(255,255,255,.025);
  border-color:rgba(255,255,255,.09); box-shadow:none; }
.kcell:hover,.cell.reason:hover{ background:var(--mist); transform:translateY(-4px); transition:transform .2s var(--ease),background .15s; }
.dark .kcell:hover,.dark .cell.reason:hover{ background:rgba(255,255,255,.05); }

/* Etkinlikler (ev-grid) — yuvarlak fotoğraf kartları (koyu zemin: gölgesiz) */
.ev-grid{ border-top:none; border-left:none; margin:clamp(30px,4.5vh,52px) var(--pad);
  gap:clamp(14px,1.4vw,18px); }
.ev{ border:1px solid rgba(255,255,255,.08); border-radius:20px; overflow:hidden; box-shadow:none; }

/* Haberler (blog-grid) — yuvarlak kartlar */
.blog-grid{ border-top:none; border-left:none; margin:clamp(30px,4vh,46px) var(--pad) clamp(44px,7vh,80px);
  padding-bottom:0; gap:clamp(16px,1.6vw,24px); }
.post{ border:1px solid var(--hair); border-radius:20px; overflow:hidden; box-shadow:var(--soft); }
.post .thumb{ border-bottom:none; }

/* Kademeler (srow) — medya panelini yuvarlak kart yap */
.srow{ border-bottom:1px solid var(--hair); }
.srow .media{ margin:clamp(18px,2.2vw,30px); border:1px solid var(--hair); border-radius:24px; overflow:hidden; box-shadow:var(--soft); }
.srow:nth-child(even) .media{ border-left:1px solid var(--hair); }

/* Eğitim modeli — kampüs çerçevesi yumuşak */
.media-frame{ border:1px solid var(--hair); border-radius:24px; box-shadow:var(--soft); }
.media-frame .cap{ border-top:1px solid var(--hair); }
.why-right{ background:transparent; background-image:none; }

/* Kurucu — fotoğraf paneli yuvarlak ve insetli */
.founder{ border-top:1px solid var(--hair); }
.founder .photo{ margin:clamp(18px,2.2vw,28px); border:1px solid var(--hair); border-radius:20px; overflow:hidden; }

/* Stats bandı — yuvarlak rakam kartı hissi */
.stat .v{ letter-spacing:-.03em; }

/* ---------- FORM alanları yuvarlak + yumuşak focus ---------- */
.field input,.field textarea,.field select{ border:1.5px solid var(--hair); border-radius:14px; }
.field input:focus,.field textarea:focus,.field select:focus{ border-color:var(--accent); box-shadow:0 0 0 4px rgba(47,168,79,.14); }

/* FAQ artı kutusu yuvarlak */
.faq summary .plus{ border-radius:7px; }
.faq .qn{ color:var(--accent); }

/* nav linkleri biraz daha okunaklı/sıcak */
.nav-links a{ text-transform:none; font-size:14px; letter-spacing:0; }
.mobile-menu a:not(.btn){ text-transform:none; }

/* footer hızlı linkler */
footer.site{ border-top:1px solid var(--hair); }

@media(max-width:760px){
  .grid-full.feat4,.grid-full.dual,.ev-grid,.blog-grid{ margin-left:var(--pad); margin-right:var(--pad); }
  .srow .media{ margin:var(--pad); }
}