/* akumulasyontanklari.com, site katmanı (assets/mit.css'ten sonra yüklenir).
   Grup A fontu Archivo (başlıkta genişlik %75). Aksan: termal turuncu #a8460f (beyazda 5,9:1); zemin nötr #f6f6f7.
   Siteye özgü bileşenler: iki tank karşılaştırması, tampon hacmi hesabı. */

/* ---------- Grup A fontu: Archivo (değişken; genişlik 62–125%, ağırlık 100–900). Fontsource 5.3.0 ---------- */
@font-face{font-family:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/fonts/archivo-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:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/fonts/archivo-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}
:root{
  --baslik:"Archivo",system-ui,"Segoe UI",Roboto,Arial,sans-serif;
  --govde:"Archivo",system-ui,"Segoe UI",Roboto,Arial,sans-serif;
  --baslik-gen:75%;
}
h1{font-weight:700}h2,h3{font-weight:650}

/* ---------- Site token'ları ---------- */
:root{--aksan:#a8460f; --zemin-2:#f6f6f7; --aksan-acik:#f7e6dc}

/* ---------- Giriş: bölünmüş başlık, fotoğraf ve iki tank karşılaştırması ---------- */
.tank-giris{padding:var(--s7) 0 var(--s7)}
.tank-giris__ust{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--s5) var(--s7);align-items:end;padding-bottom:var(--s6);border-bottom:3px solid var(--lacivert)}
.ana-h1{margin:0}
.ana-h1 br{display:none}
.ana-h1 em{font-style:normal}
.ana-h1 .hero__brand-logo-inline{display:inline-block;height:.72em;width:auto;vertical-align:-.03em;margin:0 .06em 0 0}
.tank-giris .ozet{font-size:19px;line-height:1.5;max-width:56ch}
.tank-giris__alt{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:var(--s6);margin-top:var(--s6);align-items:start}
.tank-foto{margin:0;background:var(--zemin-2);padding:var(--s5) var(--s4) var(--s4)}
.tank-foto img{width:100%;max-width:190px;margin:0 auto}
.tank-foto figcaption{margin-top:var(--s3)}
.karsilastir th[scope="row"]{width:22%}
.karsilastir thead th:not(:first-child){font:600 19px/1.2 var(--baslik);font-stretch:var(--baslik-gen);color:var(--lacivert)}
.karsilastir thead th small{display:block;font:400 var(--f-kucuk)/1.3 var(--govde);color:var(--metin-2);margin-top:2px}
@media (max-width:900px){
  .tank-giris__ust{grid-template-columns:1fr;align-items:start}
  .tank-giris__alt{grid-template-columns:1fr}
  .tank-foto{display:grid;grid-template-columns:110px 1fr;gap:var(--s4);align-items:center;padding:var(--s4)}
  .tank-foto figcaption{margin-top:0}
}
@media (max-width:760px){.tank-giris{padding-top:var(--s5)}.tank-giris .ozet{font-size:17px}}

/* ---------- Bölüm parçaları ---------- */
.atla-liste{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);list-style:none;margin:var(--s4) 0 0;padding:0;font-size:16px}
.atla-liste a{font-weight:500}
.sekil img{width:100%;height:auto}
.sema img{border:1px solid var(--cizgi);background:#fff}
.kesit-foto img{max-width:520px}
.ara{margin-top:var(--s6)}
.c6{grid-column:span 6}
@media (max-width:900px){.c6{grid-column:1/-1}}
.olcu-tablo td,.olcu-tablo th,.teknik th.sayi{white-space:nowrap}
.izgara + .tablo-kap{margin-top:var(--s6)}
.bilesen{padding-left:20px;margin:var(--s3) 0 0}
.bilesen li{margin-bottom:6px}
.kaynak-satir th[scope="row"]{white-space:normal}
@media (max-width:760px){
  .bolum--zemin .teknik--yapiskan th:first-child,.bolum--zemin .teknik--yapiskan td:first-child{background:var(--zemin-2)}
}

/* ---------- Tampon hacmi hesabı ---------- */
.hacim-tablo tr.secili td,.hacim-tablo tr.secili th{background:var(--aksan-acik)}
.hacim-tablo td.secili-sutun{font-weight:600;color:var(--lacivert)}
.secenek-satir{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);margin-top:var(--s2)}
.secenek-satir label{display:flex;gap:var(--s2);align-items:center;font-weight:400;color:var(--metin);min-height:44px}
.secenek-satir input{width:20px;height:20px;min-height:0;margin:0;flex:none}
.ornek{border-top:1px solid var(--cizgi);padding-top:var(--s4);margin-top:var(--s4)}