/* Yaklaşım sayfası: bilişsel model akışı, inanç katmanları, altıgen diyagram.
   Yalnızca site.css değişkenlerini kullanır; açık/koyu temada çalışır. */

/* ---------- Alt başlık yardımcıları ---------- */
.prose .kicker{font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--warm);margin:0 0 .35rem}
.prose figure{margin:1.75rem 0}
.prose figcaption{font-size:.9rem;color:var(--ink-3);margin-top:.75rem}
.toc .toc-sub{margin:.15rem 0 .35rem;padding-left:1.1em;list-style:circle;font-size:.92rem}
.toc .toc-sub a{color:var(--ink-2)}

/* prose h3 üst boşluğunu kart içinde sıfırla */
.prose .steps h3,.prose .card h3{margin-top:0}

/* ---------- Bilişsel model akışı (durum → düşünce → tepki) ---------- */
.flow__row{list-style:none;margin:0;padding:0;display:grid;gap:1.9rem}
.flow__box{position:relative;margin:0;padding:1rem 1.15rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line-2);box-shadow:var(--shadow)}
.flow__box p,.flow__box ul{margin:0;color:var(--ink-2);font-size:.98rem}
.flow__box ul{list-style:none;padding:0;display:grid;gap:.3rem}
.flow__box strong{color:var(--ink)}
.flow__tag{display:block;font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.4rem}
.flow__box--thought{background:var(--accent-soft)}
.flow__box--thought p{color:var(--ink);font-family:var(--serif);font-style:italic;font-size:1.05rem}
.flow__box:not(:last-child)::after{
  content:"↓";content:"↓" / "";
  position:absolute;left:50%;bottom:-1.65rem;transform:translateX(-50%);
  font-size:1.3rem;line-height:1;color:var(--warm)}
.flow__loop{display:flex;gap:.6rem;align-items:flex-start;margin-top:1.1rem;font-size:.92rem;color:var(--ink-2)}
.flow__loop::before{content:"↺";content:"↺" / "";color:var(--warm);font-size:1.2rem;line-height:1.2}
@media (min-width:48rem){
  .flow__row{grid-template-columns:1fr 1fr 1.15fr;gap:2.2rem}
  .flow__box:not(:last-child)::after{content:"→";content:"→" / "";left:auto;right:-1.7rem;bottom:auto;top:50%;transform:translateY(-50%)}
}

/* ---------- Üç katman: otomatik düşünce, ara inanç, temel inanç ---------- */
.layers{list-style:none;margin:1.5rem 0;padding:0;display:grid;gap:.75rem}
.layer{margin:0;padding:1rem 1.15rem;border-radius:var(--radius);border:1px solid var(--line-2);border-left-width:.35rem;background:var(--surface)}
.layer h4{margin:0 0 .25rem;font-family:var(--sans);font-size:1rem;font-weight:600;color:var(--ink)}
.layer p{margin:0;color:var(--ink-2);font-size:.97rem}
.layer__ex{display:block;margin-top:.4rem;color:var(--ink);font-family:var(--serif);font-style:italic}
.layer--1{border-left-color:var(--accent-2);margin-right:0}
.layer--2{border-left-color:var(--accent);margin-left:0}
.layer--3{border-left-color:var(--warm)}
@media (min-width:40rem){
  .layer--2{margin-left:1.25rem}
  .layer--3{margin-left:2.5rem}
}

/* ---------- Sokratik sorular ---------- */
.qlist{list-style:none;padding:0;margin:1rem 0 1.4rem;display:grid;gap:.5rem}
.qlist li{margin:0;padding:.65rem .95rem;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink);font-family:var(--serif);font-style:italic}

/* ---------- ACT altıgen diyagramı ---------- */
.hexa{margin:1.75rem auto;max-width:26rem}
.hexa svg{display:block;width:100%;height:auto}
.hexa .hx-line{stroke:var(--line);stroke-width:1.5;fill:none}
.hexa .hx-spoke{stroke:var(--line-2);stroke-width:1.5}
.hexa .hx-core{fill:var(--surface);stroke:var(--ink-3);stroke-width:1.5}
.hexa .hx-node{stroke-width:1.75}
.hexa .hx-open{fill:var(--accent-soft);stroke:var(--accent)}
.hexa .hx-center{fill:var(--surface-2);stroke:var(--ink-3)}
.hexa .hx-act{fill:var(--warm-soft);stroke:var(--warm)}
.hexa text{font-family:var(--sans);font-size:14px;fill:var(--ink);text-anchor:middle;dominant-baseline:middle}
.hexa .hx-core-text{font-weight:600;font-size:14px}
.hexa .hx-strong{font-weight:600}

.hexa-legend{list-style:none;padding:0;margin:.75rem 0 0;display:flex;flex-wrap:wrap;gap:.4rem 1rem;justify-content:center;font-size:.88rem;color:var(--ink-2)}
.hexa-legend li{margin:0;display:flex;align-items:center;gap:.4rem}
.hexa-legend i{display:inline-block;width:.85rem;height:.85rem;border-radius:.25rem;border:1.75px solid}
.hexa-legend .lg-open i{background:var(--accent-soft);border-color:var(--accent)}
.hexa-legend .lg-center i{background:var(--surface-2);border-color:var(--ink-3)}
.hexa-legend .lg-act i{background:var(--warm-soft);border-color:var(--warm)}

.procs{margin:1.5rem 0;display:grid;gap:.75rem}
.procs dt{font-weight:600;color:var(--ink);margin:0}
.procs dd{margin:.1rem 0 0;color:var(--ink-2)}
.procs div{padding:.85rem 1.05rem;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line-2)}
@media (min-width:40rem){.procs{grid-template-columns:1fr 1fr}}

/* ---------- Karşılaştırma ---------- */
.pair{display:grid;gap:.9rem;margin:1.25rem 0 1.5rem}
.pair .card p{font-size:.97rem}
@media (min-width:40rem){.pair{grid-template-columns:1fr 1fr}}

/* ---------- Kaynak notu ---------- */
.evidence{margin:1.25rem 0;padding:1rem 1.15rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line-2)}
.evidence h3{margin:0 0 .35rem;font-size:1.1rem}
.evidence p{margin:0;color:var(--ink-2);font-size:.97rem}
.evidence p + p{margin-top:.6rem}