/* bilelim: hazırlık araçları — popüler yön (krem zemin, mor, sarı, kalın kenar + sert gölge) */
.hz{padding-top:1.5rem;padding-bottom:2.5rem;max-width:56rem;overflow-x:clip}
.hz-bas{position:relative;padding:1rem 0 1.25rem}
.hz-bas::before{content:"";position:absolute;inset-inline-end:0;top:-1.25rem;width:8rem;height:8rem;border-radius:50%;background:var(--sari);opacity:.55;z-index:-1}
.hz-bas.hz-lila::before{background:var(--lila);opacity:1}
.hz-bas.hz-nane::before{background:var(--nane);opacity:1}
.hz-bas h1{font-family:var(--baslik);font-weight:800;font-size:clamp(2rem,7vw,3.25rem);line-height:1.02;letter-spacing:-.02em;margin:0 0 .5rem;max-width:20ch}
.hz-bas h1:focus{outline:none}
[dir="rtl"] .hz-bas h1,[dir="rtl"] .hz-kart h2,[dir="rtl"] .hz-belge h2,[dir="rtl"] .hz-kapilar h2{font-family:var(--arapca);letter-spacing:0;line-height:1.3}
.hz-alt{font-size:var(--t-17);color:var(--ink2);margin:0;max-width:44ch}

/* araç kartları */
.hz-kartlar{display:grid;gap:1rem;margin-top:.5rem}
@media (min-width:48rem){.hz-kartlar{grid-template-columns:repeat(3,1fr)}}
.hz-kart{border:.125rem solid var(--ink);border-radius:var(--kose);box-shadow:var(--golge);padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}
.hz-kart h2{font-family:var(--baslik);font-weight:800;font-size:var(--t-32);line-height:1;margin:0}
.hz-kart p{margin:0 0 .75rem;color:var(--ink2);font-size:var(--t-15);flex:1}
.hz-kart .dg{align-self:flex-start}
.hz-lila{background:var(--lila)}
.hz-nane{background:var(--nane)}
.hz-sari{background:var(--safran-zemin)}
.hz-bas.hz-lila,.hz-bas.hz-nane,.hz-bas.hz-sari{background:transparent}

/* konu seçimi */
.hz-konular{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.75rem}
.hz-konu{font:600 var(--t-15)/1.3 var(--ui);text-align:start;padding:1rem 1.125rem;border-radius:var(--kose);border:.125rem solid var(--ink);background:var(--kapak);color:var(--ink);cursor:pointer;box-shadow:var(--golge);transition:transform .12s ease}
.hz-konu:hover{transform:translate(-.0625rem,-.0625rem);background:var(--sari);color:#24183F}

/* sihirbaz */
.hz-acil{background:#FFE1D6;color:#7a2410;border:.125rem solid var(--ink);border-radius:.75rem;padding:.625rem .875rem;margin:0 0 1rem;font-weight:600;font-size:var(--t-15)}
.hz-ilerle{display:flex;align-items:center;gap:.75rem;margin:0 0 1rem}
.hz-ilerle-yazi{font:700 var(--t-13)/1 var(--ui);color:var(--mut);white-space:nowrap}
.hz-cubuk{flex:1;height:.625rem;border:.125rem solid var(--ink);border-radius:999px;background:var(--kapak);overflow:hidden}
.hz-cubuk span{display:block;height:100%;background:var(--civit);transition:width .2s ease}
.hz-adim{background:var(--kapak);border:.125rem solid var(--ink);border-radius:var(--kose);box-shadow:var(--golge);padding:1.25rem}
.hz-soru{display:block;font-family:var(--baslik);font-weight:800;font-size:clamp(1.375rem,4vw,1.875rem);line-height:1.15;margin:0 0 .875rem}
[dir="rtl"] .hz-soru{font-family:var(--arapca);line-height:1.4}
.hz textarea{width:100%;font:inherit;font-size:var(--t-17);line-height:1.5;color:var(--ink);background:var(--zemin);border:.125rem solid var(--ink);border-radius:.875rem;padding:.75rem .875rem;resize:vertical}
.hz textarea:focus{outline:.1875rem solid var(--civit);outline-offset:.125rem}
.hz-sayac{margin:.375rem 0 0;font-size:var(--t-13);color:var(--mut);text-align:end}
.hz-dgler{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem;align-items:center}
.hz-adim .hz-dgler .dg-sari{margin-inline-start:auto}

/* belgeler */
.hz-ust-dg{margin-top:0}
.hz-not{margin:.75rem 0 1.25rem;font-size:var(--t-15);padding:.625rem .875rem;border-radius:.75rem;background:var(--lila);color:var(--ink)}
.hz-belgeler{display:grid;gap:1.25rem}
.hz-belge{background:var(--kapak);border:.125rem solid var(--ink);border-radius:var(--kose);box-shadow:var(--golge);padding:1.125rem}
.hz-belge h2{font-family:var(--baslik);font-weight:800;font-size:var(--t-24);margin:0 0 .75rem}
.hz-belge textarea{font-size:var(--t-15);min-height:16rem}
.hz-ipucu{margin:.5rem 0 0;font-size:var(--t-13);color:var(--mut)}
.hz-baski{display:none}
.hz-kapilar{margin-top:1.75rem;background:var(--nane);border:.125rem solid var(--ink);border-radius:var(--kose);padding:1.125rem 1.25rem}
.hz-kapilar h2{font-family:var(--baslik);font-weight:800;font-size:var(--t-24);margin:0}
.hz-kapilar ul{margin:.75rem 0 0;padding:0;list-style:none;display:grid;gap:.5rem}
.hz-kapilar li{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-weight:600}
.hz-kapilar a{color:var(--ink)}
.hz-tel{display:inline-block;background:var(--kapak);border:.125rem solid var(--ink);border-radius:999px;padding:.125rem .625rem;text-decoration:none;font-weight:800}
.hz-alt-dg{margin-top:1.5rem}

/* yazdırma: yalnız seçili belgenin düz metni */
@media print{
  body.hz-baskida *{visibility:hidden}
  body.hz-baskida .hz-secili .hz-baski,body.hz-baskida .hz-secili .hz-baski *{visibility:visible}
  body.hz-baskida .hz-secili .hz-baski{display:block;position:absolute;inset:0 0 auto 0;white-space:pre-wrap;font:12pt/1.5 system-ui,"Segoe UI",Tahoma,sans-serif;color:#000;margin:0}
  body.hz-baskida .ust,body.hz-baskida .alt{display:none}
}

/* ana sayfadaki araç şeridi */
.araclar-serit{padding:1rem 0 2rem}
.araclar-serit .hz-kartlar{margin-top:1rem}
.araclar-serit .hz-kart h3{font-family:var(--baslik);font-weight:800;font-size:var(--t-32);line-height:1;margin:0}