/* 0078 · İçerik ağı bloğu. Tema: 0071b --t71-* değişkenleri (cihaz data-fzd, tarz data-fzt, özel tema data-fzx-tema / data-fz-ot, meslek data-fzm).
   Simetrik: eşit genişlikte çip ızgarası + 3 eşit sütun; 390px'de tek sütun. Ana sayfa düzenine dokunmaz (ana sayfada varsayılan kapalı). */
.m78-dis{box-sizing:border-box;width:100%;max-width:1240px;margin:24px auto 18px;padding:0 16px}
.m78{--m78-ac:var(--t71-ac,#1d4ed8);--m78-on:var(--t71-ac-on,#fff);--m78-yuz:var(--t71-yuz,#fff);--m78-yuz2:var(--t71-yuz2,#f1f5f9);--m78-yazi:var(--t71-yazi,#0f172a);--m78-soluk:var(--t71-soluk,#475569);--m78-cizgi:var(--t71-cizgi,#cbd5e1);--m78-rad:var(--t71-rad,12px);--m78-gol:var(--t71-gol,0 2px 10px rgba(15,23,42,.08));--m78-agir:var(--t71-agir,600);
  box-sizing:border-box;background:var(--m78-yuz);color:var(--m78-yazi);border:1px solid var(--m78-cizgi);border-radius:var(--m78-rad);box-shadow:var(--m78-gol);padding:16px 18px;font-size:calc(15px * var(--t71-olcek,1));line-height:1.45;text-align:left}
.m78 *,.m78 *::before,.m78 *::after{box-sizing:border-box}
.m78 a{color:inherit;text-decoration:none}
.m78-bas{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px 14px;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--m78-cizgi)}
.m78-bas h2{margin:0;font-size:1.05em;font-weight:var(--m78-agir);color:var(--m78-yazi);display:flex;align-items:center;gap:8px;white-space:nowrap}
.m78-bas h2 i{color:var(--m78-ac)}
.m78-baglam{color:var(--m78-soluk);font-size:.86em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.m78-baglam[data-tercih]::after{content:" · " attr(data-tercih);color:var(--m78-ac);font-weight:var(--m78-agir)}
.m78-katla,.m78-sifirla{appearance:none;border:1px solid var(--m78-cizgi);background:var(--m78-yuz2);color:var(--m78-yazi);border-radius:999px;padding:6px 14px;font:inherit;font-size:.82em;cursor:pointer;min-height:36px}
.m78-katla:hover,.m78-sifirla:hover{border-color:var(--m78-ac)}
.m78-katla:focus-visible,.m78 a:focus-visible,.m78-sifirla:focus-visible{outline:3px solid var(--m78-ac);outline-offset:2px}
.m78-adim{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:10px}
.m78-adim li{margin:0;padding:0;display:flex;min-width:0}
.m78-cip{flex:1;min-width:0;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-height:58px;padding:9px 12px;border-radius:var(--m78-rad);background:var(--m78-yuz2);border:1px solid var(--m78-cizgi);transition:border-color .15s,transform .15s}
.m78-cip:hover{border-color:var(--m78-ac);transform:translateY(-1px)}
.m78-cip i{grid-row:1 / span 2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--m78-ac);color:var(--m78-on);font-size:15px}
.m78-cip span{font-weight:var(--m78-agir);color:var(--m78-yazi);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m78-cip small{color:var(--m78-soluk);font-size:.78em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m78-cip--sabit{border-color:var(--m78-ac);border-width:2px}
.m78-cip--tercih{box-shadow:inset 3px 0 0 var(--m78-ac)}
.m78-kol3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.m78-kol{background:var(--m78-yuz2);border:1px solid var(--m78-cizgi);border-radius:var(--m78-rad);padding:12px 14px;min-width:0}
.m78-kol h3{margin:0 0 8px;font-size:.92em;font-weight:var(--m78-agir);color:var(--m78-yazi);text-transform:none}
.m78-liste{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.m78-liste li{margin:0;padding:0}
.m78-liste a{display:block;padding:6px 8px;border-radius:calc(var(--m78-rad) * .6);border-left:3px solid transparent}
.m78-liste a:hover{background:var(--m78-yuz);border-left-color:var(--m78-ac)}
.m78-liste span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--m78-yazi);font-size:.92em}
.m78-liste small{display:block;color:var(--m78-soluk);font-size:.76em;margin-top:2px}
.m78-etiket{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.m78-etiket li{margin:0;padding:0}
.m78-etiket a{display:inline-flex;align-items:center;min-height:34px;padding:5px 12px;border-radius:999px;border:1px solid var(--m78-cizgi);background:var(--m78-yuz);color:var(--m78-yazi);font-size:.86em}
.m78-etiket a:hover{border-color:var(--m78-ac);color:var(--m78-ac)}
.m78-bos{margin:0;color:var(--m78-soluk);font-size:.88em}
.m78-bos a{color:var(--m78-ac);text-decoration:underline}
.m78-not{margin:12px 0 0;color:var(--m78-soluk);font-size:.78em;text-align:center}
.m78-sifirla{min-height:28px;padding:3px 10px;font-size:.95em}
/* daraltılmış ve asistan açıkken tek satır şerit */
.m78--katli .m78-govde{display:none}
.m78--katli .m78-bas{margin:0;padding:0;border:0}
.m78--serit .m78-govde{display:none}
.m78--serit .m78-bas{margin:0;padding:0;border:0}
.m78--serit .m78-baglam::after{content:" · Sıradaki adımlar asistanda";color:var(--m78-ac)}
.m78--serit .m78-katla{display:none}
/* tarz */
html[data-fzt=guclu] .m78-cip{border-width:2px}
html[data-fzt=zarif] .m78-cip i{background:transparent;color:var(--m78-ac);border:1px solid var(--m78-ac)}
/* yüksek kontrast */
html[data-fz-ot=kor] .m78-cip,html[data-fz-ot=kor] .m78-kol,html[data-fz-ot=kor] .m78-etiket a{border-color:#fff}
html[data-fz-ot=kor] .m78 a{text-decoration:underline}
/* tablet / mobil */
@media (max-width:980px){.m78-kol3{grid-template-columns:repeat(2,minmax(0,1fr))}.m78-kol3 .m78-kol:last-child{grid-column:1 / -1}}
@media (max-width:640px){
  .m78-dis{padding:0 10px;margin:16px auto 12px}
  .m78{padding:12px}
  .m78-bas{grid-template-columns:1fr auto}
  .m78-baglam{grid-column:1 / -1;grid-row:2;white-space:normal}
  .m78-adim{grid-template-columns:1fr 1fr;gap:8px}
  .m78-adim li:last-child:nth-child(odd){grid-column:1 / -1}
  .m78-cip{grid-template-columns:1fr;grid-template-rows:auto auto auto;row-gap:4px;min-height:84px;text-align:center;justify-items:center}
  .m78-cip i{grid-row:auto}
  .m78-cip span,.m78-cip small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .m78-kol3{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.m78-cip{transition:none}.m78-cip:hover{transform:none}}
@media print{.m78-dis{display:none}}
