/* isiistasyonu.com.tr, site katmanı (assets/mit.css'ten sonra yüklenir).
   Grup B fontu IBM Plex Sans, model kodu IBM Plex Mono.
   Aksan: DIN 2403'te su grubu yeşili (#3f7a4a, beyazda 5,1:1). Buhar için kırmızı yalnız küçük ortam işaretinde. */

/* ---------- Grup B fontu: IBM Plex Sans (değişken; genişlik 75–100%, ağırlık 100–700), model kodu IBM Plex Mono. Fontsource 5.3.0 ---------- */
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-display:swap;font-weight:100 700;font-stretch:75% 100%;src:url(/fonts/ibm-plex-sans-latin-wdth-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-display:swap;font-weight:100 700;font-stretch:75% 100%;src:url(/fonts/ibm-plex-sans-latin-ext-wdth-normal.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/ibm-plex-mono-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  --baslik:"IBM Plex Sans",system-ui,"Segoe UI",Roboto,Arial,sans-serif;
  --govde:"IBM Plex Sans",system-ui,"Segoe UI",Roboto,Arial,sans-serif;
  --baslik-gen:85%;
}
h1,h2,h3{font-weight:600}
code,.kod{font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace;font-weight:400;font-size:.94em}

/* ---------- Site token'ları ---------- */
:root{--aksan:#3f7a4a; --zemin-2:#f5f8f6; --aksan-acik:#e3efe6; --buhar:#e21f26; --su:#3f7a4a; --soguk:#2563a8}

/* ---------- Giriş: başlık, kaynak-kullanım tablosu, katalog fotoğrafı ---------- */
.kaynak-giris{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:var(--s6);align-items:start;padding:var(--s7) 0 var(--s7)}
.kaynak-giris h1{max-width:18ch;margin-bottom:var(--s4)}
.kaynak-giris .ozet{font-size:19px;line-height:1.5;max-width:60ch}
.kaynak-giris figure{margin:0}
.kaynak-giris figure img{width:100%;height:auto;background:#fff}
.kaynak-giris figcaption{font-size:var(--f-kucuk);color:var(--metin-2);margin-top:var(--s3)}
@media (max-width:900px){.kaynak-giris{grid-template-columns:1fr}.kaynak-giris figure{max-width:420px}}
@media (max-width:760px){.kaynak-giris .ozet{font-size:17px}}
.akis-tablo{margin-top:var(--s5)}
.akis-tablo th[scope="row"]{white-space:nowrap}
.ortam{display:inline-flex;align-items:center;gap:8px}
.ortam::before{content:"";flex:none;width:12px;height:12px;border-radius:2px;background:var(--su)}
.ortam--buhar::before{background:var(--buhar)}
.ortam--soguk::before{background:var(--soguk)}
.akis-tablo td.ok{color:var(--metin-2);padding-right:6px}

/* ---------- HZL model seçimi ---------- */
.hzl-arac{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s6);align-items:start}
@media (max-width:900px){.hzl-arac{grid-template-columns:1fr}}
.tip-sec{border:0;margin:0 0 var(--s4);padding:0;display:grid;gap:var(--s2)}
.tip-sec legend{font-weight:500;color:var(--lacivert);margin-bottom:var(--s2);padding:0}
.tip{position:relative}
.tip input{position:absolute;opacity:0;width:1px;height:1px}
.tip label{display:grid;grid-template-columns:auto 1fr;gap:2px var(--s3);align-items:center;min-height:56px;padding:10px 14px;border:1.5px solid var(--kenar);border-radius:3px;background:#fff;cursor:pointer}
.tip label b{font:400 17px/1.2 "IBM Plex Mono",ui-monospace,monospace;color:var(--lacivert)}
.tip label span{color:var(--metin)}
.tip label small{grid-column:2;color:var(--metin-2);font-size:var(--f-kucuk)}
.tip input:checked + label{border:2px solid var(--aksan);padding:9.5px 13.5px;background:var(--aksan-acik)}
.tip input:focus-visible + label{outline:3px solid var(--kirmizi);outline-offset:2px}
.hzl-sonuc .model-adi{font:400 30px/1.1 "IBM Plex Mono",ui-monospace,monospace;color:var(--aksan)}
.secili-model td,.secili-model th{background:var(--aksan-acik)}
.hzl-tablo td,.hzl-tablo th{white-space:nowrap}
.hzl-tablo tbody tr.grup-bas th,.hzl-tablo tbody tr.grup-bas td{border-top:2px solid var(--cizgi)}

/* ---------- Kontrol, uygulamalar, fotoğraflar ---------- */
.foto-dik img{width:100%;height:auto;background:#fff}
.proje-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s5) var(--s4);margin-top:var(--s5)}
.proje{margin:0}
.proje img{width:100%;height:220px;object-fit:contain;background:#fff;border:1px solid var(--cizgi)}
.proje figcaption{font-size:15px;line-height:1.4;margin-top:var(--s2)}
.proje figcaption small{display:block;color:var(--metin-2);font-size:var(--f-kucuk);margin-top:2px}
.uyari{background:var(--zemin-2);padding:var(--s4) var(--s5);max-width:90ch}
.bolum--zemin .uyari{background:#fff}
.liste-iki{columns:2 280px;column-gap:var(--s6);padding-left:20px;margin:var(--s3) 0 0}
.liste-iki li{break-inside:avoid;padding:3px 0}
.paket-tablo th[scope="row"]{min-width:12em}
@media print{.tip-sec{display:none}}
.c6{grid-column:span 6}
@media (max-width:900px){.c6{grid-column:1/-1}}