/* Harmonik Formasyonlar Eğitimi · style.css'in token'larını kullanır (önce o yüklenir). */
/* style.css'teki genel `nav` kuralı (üst menü) yalnız menü içindir; rehberdeki nav'ları ondan ayır. */
main nav{height:auto;justify-content:flex-start;align-items:initial}
.icindekiler{display:block}
.ders-ust{max-width:760px;margin:0 auto;padding:36px 0 0}
.yol{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--soluk)}
.yol a{text-decoration:none}
.yol a:hover{color:var(--murekkep)}
.yol span[aria-hidden]{opacity:.5}
.ders-etiket{display:inline-flex;align-items:center;gap:10px;margin-top:28px;font-size:14px;font-weight:600;color:var(--soluk)}
.ders-etiket::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--d)}
.ders-etiket .mono{font-family:var(--mono);font-weight:500}
.ders-ust h1{font-size:clamp(34px,4.6vw,58px);line-height:1.02;margin-top:16px}
.ders-ust .ozet{margin-top:18px;font-size:clamp(17px,1.5vw,20px);color:var(--soluk);max-width:640px}
.ders-meta{margin-top:18px;display:flex;gap:18px;flex-wrap:wrap;font-size:13.5px;color:var(--soluk);font-family:var(--mono)}

.kapak{max-width:1040px;margin:36px auto 0}
.kapak img{display:block;width:100%;height:auto;border-radius:28px;box-shadow:0 1px 0 var(--cizgi)}

.ders-govde{max-width:760px;margin:0 auto;padding:44px 0 0}
.icindekiler{background:var(--beyaz);border-radius:22px;padding:22px 26px;box-shadow:0 1px 0 var(--cizgi);margin-bottom:40px}
.icindekiler b{font-family:var(--baslik);font-size:17px;letter-spacing:-.01em}
.icindekiler ol{margin:12px 0 0 20px;display:grid;gap:6px;font-size:15.5px;color:var(--soluk)}
.icindekiler a{text-decoration:none}
.icindekiler a:hover{color:var(--murekkep);text-decoration:underline}

.yazi{font-size:18px;line-height:1.72;color:#24313d}
.yazi>*+*{margin-top:1.05em}
.yazi h2{font-family:var(--baslik);font-weight:800;font-size:clamp(26px,3vw,34px);line-height:1.12;letter-spacing:-.025em;color:var(--murekkep);margin-top:2.1em;scroll-margin-top:96px}
.yazi h3{font-family:var(--baslik);font-weight:700;font-size:21px;letter-spacing:-.015em;color:var(--murekkep);margin-top:1.6em;scroll-margin-top:96px}
.yazi strong{color:var(--murekkep);font-weight:600}
.yazi a{color:var(--murekkep);text-decoration-color:rgba(30,158,110,.55);text-decoration-thickness:2px;text-underline-offset:3px}
.yazi a:hover{text-decoration-color:var(--teal)}
.yazi ul,.yazi ol{padding-left:1.25em;display:grid;gap:.45em}
.yazi li::marker{color:var(--soluk)}
.yazi code{background:var(--beyaz);padding:1px 6px;border-radius:6px;font-size:.88em}
.yazi hr{border:0;border-top:1px solid var(--cizgi);margin:2.4em 0}

.tablo{overflow-x:auto;background:var(--beyaz);border-radius:20px;box-shadow:0 1px 0 var(--cizgi);margin-top:1.4em}
.tablo table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.45}
.tablo th{font-family:var(--govde);font-weight:600;text-align:left;padding:14px 16px;color:var(--soluk);font-size:13.5px;border-bottom:1px solid var(--cizgi);white-space:nowrap}
.tablo td{padding:12px 16px;border-bottom:1px solid var(--cizgi);vertical-align:top}
.tablo tr:last-child td{border-bottom:0}
.tablo td:first-child{font-weight:600;color:var(--murekkep);white-space:nowrap}
.tablo .sayi{font-family:var(--mono);font-size:14.5px;white-space:nowrap}

figure.cizim,figure.ornek{margin:1.8em 0 0}
figure.cizim svg{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 1px 0 var(--cizgi)}
figure.ornek img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 1px 0 var(--cizgi);background:#fff}
figure figcaption{margin-top:10px;font-size:14px;color:var(--soluk);line-height:1.5}

.not{border-radius:20px;padding:20px 24px 20px 52px;position:relative;font-size:17px;line-height:1.65;margin-top:1.6em}
.not::before{content:"";position:absolute;left:24px;top:28px;width:10px;height:10px;border-radius:50%}
.not p+p{margin-top:.6em}
.not.durust{background:var(--kagit-2)}
.not.durust::before{background:var(--d)}
.not.ipucu{background:rgba(30,158,110,.09)}
.not.ipucu::before{background:var(--teal)}
.not.saha{background:var(--beyaz);box-shadow:inset 3px 0 0 var(--murekkep),0 1px 0 var(--cizgi)}
.not.saha::before{background:var(--murekkep)}
.not.radar-not{background:transparent;box-shadow:inset 0 0 0 1px var(--cizgi);font-size:16px;color:var(--soluk)}
.not.radar-not::before{background:var(--teal)}
.yazar-kutu{margin-top:48px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:22px 24px;
  border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.yazar-bas{width:52px;height:52px;border-radius:50%;background:var(--murekkep);color:#fff;display:grid;place-items:center;
  font:700 18px var(--baslik);letter-spacing:.02em}
.yazar-kutu b{font-family:var(--baslik);font-size:18px;letter-spacing:-.01em}
.yazar-kutu p{margin-top:4px;font-size:15px;color:var(--soluk);line-height:1.55}
.yazar-kutu a,.rehber-yazar a,.ders-meta a{color:var(--murekkep)}
.rehber-bas .rehber-yazar{margin-top:14px;font-size:15px}
.not strong:first-child{font-family:var(--baslik);font-weight:700;letter-spacing:-.01em}

.ders-sss{margin-top:64px}
.ders-sss h2{font-size:clamp(26px,3vw,34px);margin-bottom:12px}
.ders-sss .sorular summary{font-size:18.5px}
.ders-sss .sorular details p{font-size:16.5px}

.radar-kutu{margin-top:64px;background:var(--beyaz);border-radius:28px;padding:30px 32px;box-shadow:0 1px 0 var(--cizgi);
  display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start}
.radar-kutu img{width:56px;height:56px;border-radius:50%}
.radar-kutu .kucuk{font-size:13.5px;font-weight:600;color:var(--soluk);display:flex;align-items:center;gap:8px}
.radar-kutu .kucuk::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--d)}
.radar-kutu p{margin-top:8px;font-size:17px;line-height:1.6;color:#24313d}
.radar-kutu .eylem{margin-top:18px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.radar-kutu .uyari{font-size:13px;color:var(--soluk)}

.ders-gezinti{max-width:760px;margin:44px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ders-gezinti a{background:var(--beyaz);border-radius:20px;padding:18px 22px;text-decoration:none;box-shadow:0 1px 0 var(--cizgi);transition:transform .15s}
.ders-gezinti a:hover{transform:translateY(-2px)}
.ders-gezinti small{display:block;font-size:13px;color:var(--soluk);font-family:var(--mono)}
.ders-gezinti b{display:block;margin-top:4px;font-family:var(--baslik);font-size:18px;letter-spacing:-.01em;line-height:1.2}
.ders-gezinti .sonraki{text-align:right;grid-column:2}

/* merkez sayfa */
.rehber-bas{max-width:820px;padding:56px 0 0}
.rehber-bas h1{font-size:clamp(40px,5.6vw,76px)}
.rehber-bas p{margin-top:22px;font-size:clamp(17px,1.5vw,20px);color:var(--soluk);max-width:660px}
.mufredat{margin-top:56px;display:grid;gap:56px}
.mufredat h2{font-size:clamp(26px,3vw,34px);margin-bottom:22px;display:flex;align-items:baseline;gap:14px}
.mufredat h2 small{font:500 14px var(--mono);color:var(--soluk);letter-spacing:0}
.ders-kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ders-kart{background:var(--beyaz);border-radius:24px;overflow:hidden;text-decoration:none;box-shadow:0 1px 0 var(--cizgi);display:flex;flex-direction:column;transition:transform .15s}
.ders-kart:hover{transform:translateY(-3px)}
.ders-kart img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--kagit-2)}
.ders-kart div{padding:18px 20px 22px}
.ders-kart small{font:500 13px var(--mono);color:var(--soluk)}
.ders-kart h3{font-family:var(--baslik);font-weight:700;font-size:20px;letter-spacing:-.015em;line-height:1.15;margin-top:6px}
.ders-kart p{margin-top:8px;font-size:15px;color:var(--soluk);line-height:1.5}
.karsilastir{margin-top:72px}
.karsilastir h2{font-size:clamp(26px,3vw,34px)}
.karsilastir>p{margin-top:12px;color:var(--soluk);font-size:17px;max-width:640px}

@media (max-width:960px){.ders-kartlar{grid-template-columns:1fr 1fr}}
@media (max-width:720px){
  .ders-ust{padding-top:20px}
  .kapak img,figure.cizim svg,figure.ornek img{border-radius:16px}
  .yazi{font-size:17px}
  .not{padding:18px 18px 18px 42px}
  .not::before{left:18px;top:26px}
  .radar-kutu{grid-template-columns:1fr;padding:24px}
  .ders-gezinti{grid-template-columns:1fr}
  .ders-gezinti .sonraki{grid-column:1}
  .ders-kartlar{grid-template-columns:1fr}
  .tablo table{font-size:14.5px}
}