/* Lemon V2 · 0.1.31 — dil okulu OKUL / ŞEHİR / REHBER sayfaları v3 (Mek onaylı prototip: claude.ai artifact EwvLKHnf…).
   Yalnız body.l-okul. Aydınlık tema, mobil önce. METİN DEĞİŞMEZ — yalnız sunum.
   Geri alma: add_filter('lemon_okul_enabled','__return_false') ya da rollback-current. */

.l-okul { --ok-paper: #fffdf5; --ok-card: #fff; --ok-line: #141414; --ok-soft: #e4e1d4; --ok-lemon: #ffe14d; --ok-lemon-soft: #fff6c2; --ok-muted: #5b5a52;
	--ok-shadow: 4px 4px 0 var(--ok-line); --ok-shadow-s: 2px 2px 0 var(--ok-line); --ok-r: 16px; background: var(--ok-paper); }
.l-okul main { background: var(--ok-paper); }

/* ── Hero: kısa, sıkı, küçük görsel ─────────────────────── */
.l-okul .hero { padding-block: 12px 8px; background: transparent; }
.l-okul .hero__grid { gap: 18px; }
.l-okul .hero__text { gap: 12px; }
.l-okul .breadcrumb ol { font-size: .66rem; line-height: 1.4; gap: 0 4px; color: #8a877c; }
.l-okul .breadcrumb a { color: #8a877c; }
.l-okul .breadcrumb li:not(:last-child)::after { content: "›"; margin-left: 4px; }
.l-okul .hero__text > .label--y { justify-self: start; width: fit-content; padding: 5px 11px; font: 700 .78rem/1 var(--font); letter-spacing: 0; text-transform: none;
	background: var(--ok-lemon); color: #141414; border: 1.5px solid var(--ok-line); border-radius: 999px; box-shadow: var(--ok-shadow-s); transform: rotate(-2deg); }
.l-okul .hero__kicker { font-size: .82rem; font-weight: 600; color: var(--ok-muted); }
.l-okul .hero h1 { font-size: clamp(2rem, 8vw, 3.2rem); font-weight: 800; letter-spacing: -.02em; line-height: 1.08; }
.l-okul .hero .lead { font-size: 1.03rem; max-width: 60ch; }
.l-okul .hero .btn-row { flex-direction: row; flex-wrap: wrap; gap: 10px; }
.l-okul .hero .btn-row .btn { width: auto; flex: 1 1 auto; }
.l-okul .hero__media { margin: 0; border: 1.5px solid var(--ok-line); border-radius: 12px; overflow: hidden; box-shadow: var(--ok-shadow-s); background: var(--ok-card); aspect-ratio: 16 / 7; max-height: 220px; }
.l-okul .hero__media img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: auto; }
@media (min-width: 900px) {
	.l-okul .hero__grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: center; gap: 36px; }
	.l-okul .hero__media { aspect-ratio: 4 / 3; max-height: 320px; }
}

/* ── Giriş: özet kutusu + bilgi kartları ───────────────────── */
.l-okul .v2-intro { padding-block: 14px 0; background: transparent; }
.l-okul .v2-intro .flow-content { display: grid; gap: 12px; max-width: none; }
.l-okul .okul-tldr { background: var(--ok-card); border: 2px solid var(--ok-line); border-radius: var(--ok-r); box-shadow: var(--ok-shadow); padding: 16px 18px; display: grid; gap: 8px; }
.l-okul .okul-tldr .k { justify-self: start; font: 800 .74rem/1 var(--font); letter-spacing: .08em; text-transform: uppercase; background: var(--ok-lemon); padding: 5px 8px; border-radius: 6px; }
.l-okul .okul-tldr p { margin: 0; }
.l-okul .okul-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
@media (min-width: 640px) { .l-okul .okul-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.l-okul .okul-fact { background: var(--ok-card); border: 1.5px solid var(--ok-line); border-radius: 14px; padding: 12px 13px; display: grid; gap: 4px; min-width: 0; }
.l-okul .okul-fact span { font-size: .74rem; color: var(--ok-muted); font-weight: 600; line-height: 1.3; }
.l-okul .okul-fact b { font-size: .95rem; line-height: 1.3; }

/* ── Bölüm şeridi: hap butonlar ───────────────────────────── */
.l-okul .subnav { background: var(--ok-paper); border-bottom: 1.5px solid var(--ok-line); margin-top: 18px; }
.l-okul .subnav ul { gap: 8px; padding-block: 10px; }
.l-okul .subnav a { height: auto; padding: 8px 13px; font-size: .85rem; color: var(--ink); border: 1.5px solid var(--ok-line); border-radius: 999px; background: var(--ok-card); line-height: 1; }
.l-okul .subnav a.is-active { background: var(--ok-lemon); color: #141414; border-bottom-color: var(--ok-line); box-shadow: var(--ok-shadow-s); }

/* ── Bölümler: tek sütun, sıkı ritim ─────────────────────── */
.l-okul .v2-section { padding-block: 22px; background: transparent; }
.l-okul .v2-section:first-of-type { padding-top: 30px; }
.l-okul .v2-section .split { grid-template-columns: minmax(0, 1fr); gap: 14px; max-width: 1080px; }
.l-okul .v2-section .split > .sec-head { position: static; margin-bottom: 0; gap: 10px; max-width: none; }
.l-okul .sec-head > .label { justify-self: start; width: fit-content; display: inline-flex; font: 700 .8rem/1 var(--font); letter-spacing: 0; color: #141414;
	background: var(--ok-lemon); border: 1.5px solid var(--ok-line); border-radius: 999px; padding: 5px 11px; transform: rotate(-2deg); box-shadow: var(--ok-shadow-s); }
.l-okul .sec-head > .label::before { display: none; }
.l-okul .sec-head h2 { max-width: 24ch; font-size: clamp(1.4rem, 4.6vw, 1.9rem); font-weight: 800; line-height: 1.15;
	text-decoration: underline; text-decoration-color: var(--ok-lemon); text-decoration-thickness: .42em; text-underline-offset: -.2em; text-decoration-skip-ink: none; }
.l-okul .v2-section .flow-content { display: grid; gap: 12px; padding-top: 0; min-width: 0; }
.l-okul .v2-section .flow-content > * { margin: 0; min-width: 0; }
.l-okul .flow-content > p { max-width: 72ch; }
.l-okul .flow-content > ul, .l-okul .flow-content > ol:not(.lsteps) { list-style: none; padding: 0; display: grid; gap: 10px; }
@media (min-width: 640px) { .l-okul .flow-content > ul { grid-template-columns: 1fr 1fr; } }
.l-okul .flow-content > ul > li, .l-okul .flow-content > ol:not(.lsteps) > li { background: var(--ok-card); border: 1.5px solid var(--ok-line); border-radius: 14px; padding: 12px 14px; margin: 0; }
.l-okul .flow-content > ul > li::before, .l-okul .flow-content > ol:not(.lsteps) > li::before { display: none; }
.l-okul .flow-content h3 { font-size: 1.05rem; font-weight: 700; margin: 6px 0 0; }
.l-okul .flow-content h4 { font-size: .95rem; margin: 10px 0 0; }

/* ── Tablolar + şehir sekmeleri ───────────────────────────── */
.l-okul .table-wrap { overflow-x: auto; border: 2px solid var(--ok-line); border-radius: 14px; background: var(--ok-card); box-shadow: var(--ok-shadow); margin: 0; }
.l-okul .table-wrap table { border-collapse: collapse; width: 100%; min-width: 520px; font-size: .9rem; font-variant-numeric: tabular-nums; border: 0; margin: 0; }
.l-okul .table-wrap caption { text-align: left; font-weight: 700; padding: 10px 12px 0; caption-side: top; }
.l-okul .table-wrap th, .l-okul .table-wrap td { padding: 11px 12px; text-align: left; border: 0; border-bottom: 1px solid var(--ok-soft); }
.l-okul .table-wrap thead th { background: var(--ok-lemon-soft); color: var(--ink); font-weight: 700; font-size: .8rem; }
.l-okul .table-wrap tbody tr:last-child td { border-bottom: 0; }
.l-okul .table-wrap td:first-child { font-weight: 600; }
.l-okul .okul-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.l-okul .okul-tabs button { display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 3px; min-height: 44px; padding: 6px 14px;
	font: 600 .88rem/1.1 var(--font); color: var(--ink); background: var(--ok-card); border: 1.5px solid var(--ok-line); border-radius: 999px; cursor: pointer; text-align: left; }
.l-okul .okul-tabs button small { font: 600 .72rem/1 var(--font); color: var(--ok-muted); }
.l-okul .okul-tabs button[aria-selected="true"] { background: var(--ok-lemon); color: #141414; box-shadow: var(--ok-shadow-s); }
.l-okul .okul-tabs button[aria-selected="true"] small { color: #141414; opacity: .75; }
.l-okul .okul-panel { display: grid; gap: 10px; }
.l-okul .okul-panel[hidden] { display: none; }
.l-okul .okul-tabs ~ .okul-panel caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.l-okul .okul-panel > h3 { font-size: 1rem; margin: 2px 0 0; }

/* ── Akordeon / SSS ─────────────────────────────────────── */
.l-okul .flow-content details { background: var(--ok-card); border: 1.5px solid var(--ok-line); border-radius: 14px; margin: 0; }
.l-okul .flow-content details + details { margin-top: 8px; }
.l-okul .flow-content summary { list-style: none; display: block; position: relative; cursor: pointer; padding: 14px 44px 14px 16px; font-weight: 700; line-height: 1.35; }
.l-okul .flow-content summary::-webkit-details-marker { display: none; }
.l-okul .flow-content summary::after { content: "+"; position: absolute; right: 16px; top: 13px; font: 800 1.3rem/1 var(--font); }
.l-okul .flow-content details[open] > summary::after { content: "–"; }
.l-okul .flow-content summary small { display: block; font-weight: 500; color: var(--ok-muted); font-size: .8rem; margin-top: 2px; }
.l-okul .flow-content summary em { font-style: normal; display: inline-block; margin: 6px 6px 0 0; padding: 2px 8px; border-radius: 999px; background: var(--ok-lemon-soft); font-size: .78rem; }
.l-okul .flow-content details > *:not(summary) { padding: 0 16px 14px; margin: 0; }
.l-okul .flow-content ul.ticks { list-style: none; display: grid; gap: 6px; }
.l-okul .flow-content ul.ticks li { position: relative; padding-left: 22px; background: none; border: 0; }
.l-okul .flow-content ul.ticks li::before { content: "✓"; position: absolute; left: 0; font-weight: 800; color: #2f9e44; }

/* ── Adımlar, kartlar, medya, galeri, harita ───────────────── */
.l-okul .lsteps { list-style: none; padding: 0; display: grid; gap: 10px; }
.l-okul .lsteps__item { background: var(--ok-card); border: 1.5px solid var(--ok-line); border-radius: 14px; padding: 14px 16px; margin: 0; }
.l-okul .lsteps__item h3 { font-size: 1rem; margin: 0 0 6px; display: flex; gap: 10px; align-items: center; }
.l-okul .lsteps__num { flex: none; display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--ok-lemon); font: 800 .85rem/1 var(--font); color: #141414; }
.l-okul .lcards { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.l-okul .lcard { background: var(--ok-card); border: 1.5px solid var(--ok-line); border-radius: 16px; padding: 16px; box-shadow: none; }
.l-okul .lcard__badge { width: fit-content; padding: 3px 10px; border-radius: 999px; background: var(--ok-lemon); font: 800 .7rem/1.2 var(--font); }
.l-okul .lmedia-grid { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.l-okul .lmedia { background: var(--ok-card); border: 1.5px solid var(--ok-line); border-radius: 16px; padding: 12px; }
.l-okul .gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.l-okul .gallery-grid figure { margin: 0; }
.l-okul .gallery-grid img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 10px; display: block; }
.l-okul .flow-content iframe { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; max-height: 240px; border: 0; border-radius: 14px; background: var(--ok-lemon-soft); }
.l-okul .lemon-video { border: 2px solid var(--ok-line); border-radius: var(--ok-r); overflow: hidden; box-shadow: var(--ok-shadow); max-width: 640px; }

/* ── Kampüs turu videoları ─────────────────────────────── */
.l-okul .okul-vrow { display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.l-okul .okul-vmini { display: grid; border: 1.5px solid var(--ok-line); border-radius: 14px; overflow: hidden; background: var(--ok-card); text-decoration: none; color: var(--ink); }
.l-okul .okul-vmini img { width: 100%; height: auto; aspect-ratio: 16 / 7; object-fit: cover; border-bottom: 1.5px solid var(--ok-line); display: block; }
.l-okul .okul-vmini span { display: grid; grid-template-columns: 30px 1fr; gap: 4px 10px; align-items: center; padding: 10px 12px; font: 600 .82rem/1.3 var(--font); }
.l-okul .okul-vmini i { grid-row: span 2; width: 30px; height: 30px; border-radius: 50%; background: var(--ok-lemon); border: 2px solid #141414; display: grid; place-items: center; }
.l-okul .okul-vmini i::before { content: ""; border-left: 9px solid #141414; border-top: 6px solid transparent; border-bottom: 6px solid transparent; margin-left: 2px; }
.l-okul .okul-vmini small { color: var(--ok-muted); font-weight: 500; }

/* ── Bölüm sonu CTA ─────────────────────────────────────── */
.l-okul .okul-cta { margin: 4px 0 0; display: flex; }
.l-okul .okul-cta .btn { width: auto; min-height: 46px; }
.l-okul .okul-cta .btn--primary { background: var(--ok-lemon) !important; color: #141414 !important; border: 2px solid var(--ok-line); box-shadow: var(--ok-shadow); }
.l-okul .okul-cta .btn--outline { background: var(--ok-card); color: var(--ink); border: 2px solid var(--ok-line); }

/* yatay taşma koruması */
.l-okul .hero__grid > *, .l-okul .v2-section .split > *, .l-okul .flow-content > * { min-width: 0; }

/* seçilmiş okul görselleri (lemon_okul_media) */
.l-okul .okul-collage { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; min-width: 0; }
.l-okul .okul-collage--one { grid-template-columns: 1fr; }
.l-okul .okul-collage figure { margin: 0; border: 1.5px solid var(--ok-line); border-radius: 12px; overflow: hidden; box-shadow: var(--ok-shadow-s); background: var(--ok-card); }
.l-okul .okul-collage img { display: block; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 4 / 3; max-height: 150px; }
.l-okul .okul-collage--one img { aspect-ratio: 16 / 7; max-height: 220px; }
.l-okul .okul-photo { margin: 0; border: 2px solid var(--ok-line); border-radius: var(--ok-r); overflow: hidden; box-shadow: var(--ok-shadow); }
.l-okul .okul-photo img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 7; object-fit: cover; }

/* staging ölçümü düzeltmeleri: bilgi kartı taşması, dar ilk tablo sütunu */
.l-okul .okul-fact span, .l-okul .okul-fact b { overflow-wrap: anywhere; hyphens: auto; white-space: normal; }
.l-okul .okul-fact b { font-size: .88rem; }
.l-okul .table-wrap td:first-child { min-width: 150px; }
.l-okul .v2-intro .flow-content > p:has(> a + a) { display: flex; flex-wrap: wrap; gap: 8px; }
.l-okul .v2-intro .flow-content > p:has(> a + a) > a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border: 1.5px solid var(--ok-line); border-radius: 999px; background: var(--ok-card); font-weight: 700; font-size: .88rem; text-decoration: none; color: var(--ink); }
.l-okul .v2-intro .flow-content > p:has(> a + a) > a:first-child { background: var(--ok-lemon); color: #141414; box-shadow: var(--ok-shadow-s); }

/* 0.1.36 okul link kartları (dilokulu.css kalıbı): mobil 2, masaüstü 4 sütun, ince CTA hapı */
.l-okul .lcards:has(.lcard__cta--link) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.l-okul .lcards:has(.lcard__cta--link) .lcard { padding: 14px; gap: 6px; box-shadow: var(--ok-shadow-s); }
.l-okul .lcards:has(.lcard__cta--link) .lcard h3 { font-size: 1.0625rem; margin: 0; }
.l-okul .lcards:has(.lcard__cta--link) .lcard p:not(.lcard__cta) { font-size: .875rem; line-height: 1.45; margin: 0; }
.l-okul .lcard__cta--link > a { min-height: 36px; padding: 6px 12px; font-size: .8125rem; line-height: 1.25; white-space: normal; text-wrap: balance; }
@media (min-width: 900px) { .l-okul .lcards:has(.lcard__cta--link) { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } }

/* 0.1.36 (Mek): bölüm şeridi hapları tam çerçeveli (lemon.css border-bottom:0 !important'ı ez) */
.l-okul .subnav a { border: 1.5px solid var(--ok-line) !important; }
.l-okul .subnav a.is-active { border-color: var(--ok-line) !important; }

/* ── 0.1.37 (Mek 10-21): kısa "Kısa cevap", bilgi kartı hiyerarşisi, panel başlığı, başlık ritmi, öğrenci notları ── */
.l-okul .okul-tldr[data-okul-clamp] p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.l-okul .okul-tldr.is-open p { display: block; -webkit-line-clamp: unset; overflow: visible; }
.l-okul .okul-tldr .okul-more { justify-self: start; background: none; border: 0; padding: 0; font: 700 .85rem/1.4 var(--font); color: var(--ink); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
/* bilgi kartları: etiket küçük-büyük harf gri, değer büyük kalın; sol sarı şerit; kutu kalabalığı yok */
.l-okul .okul-facts { gap: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 2px solid var(--ok-line); border-radius: var(--ok-r); background: var(--ok-card); box-shadow: var(--ok-shadow); overflow: hidden; }
.l-okul .okul-fact { border: 0; border-radius: 0; padding: 14px 16px 16px; gap: 6px; position: relative; border-bottom: 1px solid var(--ok-soft); }
.l-okul .okul-fact:nth-child(odd) { border-right: 1px solid var(--ok-soft); }
.l-okul .okul-fact::before { content: ""; position: absolute; left: 0; top: 14px; width: 4px; height: 18px; border-radius: 0 3px 3px 0; background: var(--ok-lemon); }
.l-okul .okul-fact span { font: 700 .68rem/1.3 var(--font); letter-spacing: .07em; text-transform: uppercase; color: var(--ok-muted); }
.l-okul .okul-fact b { font: 800 1.02rem/1.25 var(--font); color: var(--ink); letter-spacing: -.01em; }
@media (min-width: 640px) {
	.l-okul .okul-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.l-okul .okul-fact:nth-child(odd) { border-right: 0; }
	.l-okul .okul-fact:not(:nth-child(3n)) { border-right: 1px solid var(--ok-soft); }
}
/* şehir sekmesi paneli: şehir adı gerçek H3 */
.l-okul .okul-panel > .okul-panel-h, .l-okul .okul-panel > h3 { font: 800 1.2rem/1.2 var(--font); margin: 6px 0 2px; letter-spacing: -.01em; text-decoration: none; }
/* başlık hiyerarşisi (tüm okul sayfaları): H2 > H3 > H4 > metin net ayrışsın */
.l-okul .v2-section .flow-content h3 { font-size: clamp(1.15rem, 1.05rem + .5vw, 1.35rem); font-weight: 800; line-height: 1.2; margin-top: 14px; letter-spacing: -.01em; }
.l-okul .v2-section .flow-content h4 { font-size: 1.02rem; font-weight: 700; line-height: 1.3; margin-top: 8px; }
.l-okul .v2-section .flow-content > p, .l-okul .v2-section .flow-content li { font-size: 1rem; line-height: 1.65; }
/* öğrenci notları (videosuz okullar) */
.l-okul .okul-notes { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.l-okul .okul-note { position: relative; margin: 0; padding: 16px 16px 16px 46px; background: var(--ok-lemon-soft); border: 1.5px solid var(--ok-line); border-radius: 16px; font-size: .97rem; line-height: 1.55; }
.l-okul .okul-note::before { content: "“"; position: absolute; left: 14px; top: 6px; font: 800 2.2rem/1 var(--font); color: #141414; }
.l-okul .okul-note:nth-child(even) { background: var(--ok-card); transform: rotate(.4deg); }
.l-okul .okul-note:nth-child(odd) { transform: rotate(-.4deg); }