/* Uzun rehber yazısı: yalnız .s-rehber sayfalarında. Ortak bileşenlere dokunmaz. */

/* İçindekiler: masaüstünde yapışık liste, mobilde açılır kapanır */
.s-rehber .icindekiler{max-height:calc(100svh - 140px);overflow:auto;scrollbar-width:none}
.s-rehber .icindekiler::-webkit-scrollbar{display:none}
.s-rehber .ic-ac>summary{list-style:none;display:block;font-size:12px;font-weight:600;color:var(--pirinc-k);margin-bottom:14px;cursor:default}
.s-rehber .ic-ac>summary::-webkit-details-marker{display:none}
.s-rehber .ic-ac>summary small{display:none}
.s-rehber .icindekiler li a{display:block}
.s-rehber .icindekiler li a:focus-visible{outline:1px solid var(--pirinc-k);outline-offset:3px}
@media (max-width:860px){
  .s-rehber .icindekiler{max-height:none;overflow:visible;border-top:1px solid var(--cizgi-a);border-bottom:1px solid var(--cizgi-a)}
  .s-rehber .ic-ac>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:18px 0;font-size:15px;color:var(--murekkep);cursor:pointer}
  .s-rehber .ic-ac>summary small{display:inline;font-size:13px;font-weight:400;color:var(--soluk-a);margin-left:auto}
  .s-rehber .ic-ac>summary i{position:relative;flex:none;width:14px;height:14px}
  .s-rehber .ic-ac>summary i::before,.s-rehber .ic-ac>summary i::after{content:"";position:absolute;left:0;top:50%;width:14px;height:1px;background:var(--pirinc-k);transition:transform .3s var(--e-cikis)}
  .s-rehber .ic-ac>summary i::after{transform:rotate(90deg)}
  .s-rehber .ic-ac[open]>summary i::after{transform:rotate(0)}
  .s-rehber .ic-ac ol{padding-bottom:18px}
  .s-rehber .icindekiler li{padding:9px 0}
}
@media (min-width:861px){.s-rehber .ic-ac>summary i{display:none}}

/* Metin içi bağlantı ve ara başlık */
.s-rehber .makale p a,.s-rehber .makale li a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(114,84,42,.5);transition:text-decoration-color .3s}
.s-rehber .makale p a:hover,.s-rehber .makale li a:hover{text-decoration-color:var(--pirinc-k)}
.s-rehber .makale .r-ara{margin-top:30px}
.s-rehber .makale .r-ara+ul,.s-rehber .makale .r-ara+p{margin-top:12px}
.s-rehber .makale ul+.r-ara,.s-rehber .makale p+.r-ara{margin-top:30px}
.s-rehber .makale section{scroll-margin-top:100px}

/* İş sırası: numaralı adımlar ve sıra çizgisi */
.s-rehber .adimlar{list-style:none;padding:0;margin:26px 0 0;max-width:66ch;position:relative;counter-reset:none}
.s-rehber .adimlar::before{content:"";position:absolute;left:21px;top:22px;bottom:22px;width:1px;background:var(--cizgi-a)}
.s-rehber .adimlar li{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:20px;align-items:start}
.s-rehber .adimlar li+li{margin-top:22px}
.s-rehber .adimlar .no{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--pirinc-k);border-radius:50%;background:var(--kirec);font-family:var(--serif);font-size:19px;line-height:1;color:var(--pirinc-k)}
.s-rehber .adimlar li>div{padding-top:9px;color:#33302B}
.s-rehber .adimlar li.anahtar .no{background:var(--pirinc-k);color:var(--kirec)}
.s-rehber .adimlar+p{margin-top:26px}

/* Görseller */
.s-rehber .r-gorsel{margin:34px 0 0;max-width:66ch}
.s-rehber .r-gorsel img{display:block;width:100%;height:auto;background:#d9d4ca}
.s-rehber .r-gorsel.cift{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.4vw,18px)}
@media (max-width:560px){.s-rehber .r-gorsel.cift{grid-template-columns:1fr}}

/* Elektrik: kesit çizimi ve bölge tablosu */
.s-rehber .kesit{margin:30px 0 0;max-width:620px}
.s-rehber .kesit svg{display:block;width:100%;height:auto;overflow:visible}
.s-rehber .kesit .c{fill:none;stroke:var(--murekkep);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.s-rehber .kesit .ince{fill:none;stroke:var(--murekkep);stroke-width:.8}
.s-rehber .kesit .tarama{stroke:var(--soluk-a);stroke-width:.7}
.s-rehber .kesit .b0{fill:rgba(190,154,102,.55)}
.s-rehber .kesit .b1{fill:rgba(190,154,102,.26);stroke:var(--pirinc-k);stroke-width:1;stroke-dasharray:5 4}
.s-rehber .kesit .b2{fill:rgba(190,154,102,.1);stroke:var(--pirinc-k);stroke-width:1;stroke-dasharray:5 4}
.s-rehber .kesit .olcu{fill:none;stroke:var(--pirinc-k);stroke-width:1}
.s-rehber .kesit text{font-family:var(--sans);font-size:15px;fill:var(--murekkep)}
.s-rehber .kesit text.bas{font-weight:600}
.s-rehber .kesit text.alt{font-size:12.5px;fill:var(--soluk-a)}
.s-rehber .kesit text.o{font-size:14px;font-weight:600;fill:var(--pirinc-k)}
@media (max-width:560px){
  .s-rehber .kesit text{font-size:22px}
  .s-rehber .kesit text.alt{font-size:18px}
  .s-rehber .kesit text.o{font-size:21px}
}

.s-rehber .bolge-tablo{width:100%;max-width:66ch;margin-top:26px;border-collapse:collapse;font-size:15.5px;line-height:1.5;color:#33302B}
.s-rehber .bolge-tablo th{text-align:left;font-size:12px;font-weight:600;color:var(--pirinc-k);padding:0 18px 10px 0;border-bottom:1px solid var(--murekkep)}
.s-rehber .bolge-tablo td{vertical-align:top;padding:14px 18px 14px 0;border-bottom:1px solid var(--cizgi-a)}
.s-rehber .bolge-tablo td:first-child{font-family:var(--serif);font-size:24px;line-height:1.1;color:var(--murekkep);width:64px}
.s-rehber .bolge-tablo td:last-child{padding-right:0}
.s-rehber .bolge-tablo+ul{margin-top:26px}
@media (max-width:640px){
  .s-rehber .bolge-tablo,.s-rehber .bolge-tablo tbody,.s-rehber .bolge-tablo tr,.s-rehber .bolge-tablo td{display:block;width:auto}
  .s-rehber .bolge-tablo thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .s-rehber .bolge-tablo tr{border:1px solid var(--cizgi-a);padding:16px 18px;background:rgba(255,255,255,.28)}
  .s-rehber .bolge-tablo tr+tr{margin-top:12px}
  .s-rehber .bolge-tablo td{border:0;padding:0}
  .s-rehber .bolge-tablo td+td{margin-top:10px}
  .s-rehber .bolge-tablo td::before{content:attr(data-etiket);display:block;font-family:var(--sans);font-size:12px;font-weight:600;color:var(--pirinc-k);margin-bottom:2px}
  .s-rehber .bolge-tablo td:first-child{font-size:22px;width:auto}
  .s-rehber .bolge-tablo td:first-child::before{font-size:12px;line-height:1.5}
}

/* Kaymazlık: A, B, C eğim göstergesi */
.s-rehber .egim{list-style:none;padding:0;margin:26px 0 0;max-width:66ch;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,2vw,22px)}
.s-rehber .egim li{margin:0;padding:16px 16px 14px;border:1px solid var(--cizgi-a);background:rgba(255,255,255,.28)}
.s-rehber .egim li+li{margin-top:0}
.s-rehber .egim svg{display:block;width:100%;height:auto;overflow:visible}
.s-rehber .egim .zemin{stroke:var(--murekkep);stroke-width:1.4;fill:none}
.s-rehber .egim .rampa{fill:rgba(190,154,102,.22);stroke:var(--murekkep);stroke-width:1.4;stroke-linejoin:round}
.s-rehber .egim .yay{fill:none;stroke:var(--pirinc-k);stroke-width:1.2}
.s-rehber .egim .ayak{fill:var(--pirinc-k)}
.s-rehber .egim b{display:block;margin-top:10px;font-family:var(--serif);font-size:30px;font-weight:400;line-height:1;color:var(--murekkep)}
.s-rehber .egim span{display:block;margin-top:6px;font-size:14px;line-height:1.35;color:#33302B}
.s-rehber .egim small{display:block;margin-top:4px;font-size:12.5px;line-height:1.35;color:var(--soluk-a)}
@media (max-width:420px){.s-rehber .egim li{padding:12px 10px}.s-rehber .egim b{font-size:24px}}

/* İlgili sayfalar: dört kart */
@media (min-width:1101px){.s-rehber .baglar{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:861px) and (max-width:1100px){.s-rehber .baglar{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Su yalıtımı: katman kesiti (2026-11-09, fotoğrafın yerine) */
.s-rehber .kesit-y{max-width:66ch}
.s-rehber .kesit .sap{fill:rgba(150,135,110,.14)}
.s-rehber .kesit .y{fill:none;stroke:var(--pirinc-k);stroke-width:3.5;stroke-linejoin:round}
.s-rehber .kesit .bant{fill:none;stroke:var(--pirinc-k);stroke-width:9;opacity:.35;stroke-linecap:round;stroke-linejoin:round}
.s-rehber .kesit .manset{fill:none;stroke:var(--pirinc-k);stroke-width:8;opacity:.45;stroke-linecap:round}
.s-rehber .kesit .karo{fill:none;stroke:rgba(150,135,110,.38);stroke-width:8;stroke-dasharray:52 3}
.s-rehber .kesit .no circle{fill:var(--kirec);stroke:var(--pirinc-k);stroke-width:1.2}
.s-rehber .kesit .no text{font-size:14px;font-weight:600;fill:var(--pirinc-k);text-anchor:middle;dominant-baseline:central}
.s-rehber .kesit-anahtar{list-style:none;counter-reset:ka;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;font-size:15px;line-height:1.45;color:#33302B}
.s-rehber .kesit-anahtar li{counter-increment:ka;display:flex;gap:10px}
.s-rehber .kesit-anahtar li::before{content:counter(ka);flex:none;width:22px;height:22px;border:1px solid var(--pirinc-k);border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--pirinc-k)}
@media (max-width:560px){
  .s-rehber .kesit-y .no text{font-size:22px}
  .s-rehber .kesit-y .no circle{r:19px}
  .s-rehber .kesit-anahtar{grid-template-columns:1fr}
}

/* Banyo süresi: takvim şeridi ve metin tablosu (2026-11-11) */
.s-rehber .kesit .is{fill:var(--pirinc-k)}
.s-rehber .kesit .bek{fill:rgba(190,154,102,.2);stroke:var(--pirinc-k);stroke-width:1;stroke-dasharray:3 2}
/* Banyo nemi: hava akışı ve ok ucu (2026-11-11) */
.s-rehber .kesit .akis{fill:none;stroke:var(--pirinc-k);stroke-width:1.8;stroke-dasharray:7 5;stroke-linecap:round}
.s-rehber .kesit .ucu{fill:var(--pirinc-k)}
.s-rehber .kesit figcaption,.s-rehber .r-not{margin-top:12px;font-size:14px;line-height:1.5;color:var(--soluk-a)}
.s-rehber .bolge-tablo.metin td:first-child{font-family:var(--sans);font-size:inherit;font-weight:600;line-height:1.5;width:28%}
@media (max-width:560px){
  .s-rehber .bolge-tablo.metin td:first-child{font-size:17px;width:auto}
}