/* Rehber sayfaları. Yalnızca page-seo-sayfa.php ile yüklenir; kırmızı levha sayfanın tek güçlü öğesi. */

.kgs { background: var(--beyaz); }
.kgs p { margin: 0 0 1.05em; }
.kgs a:not(.kg-dugme) { color: var(--kirmizi-koyu); text-decoration: underline; text-underline-offset: 3px; }
.kgs :focus-visible { outline: 3px solid var(--altin); outline-offset: 2px; }

/* baş */
.kgs-bas { background: var(--zemin); border-bottom: 1px solid var(--pembe-cizgi); }
.kgs-bas__ic {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: clamp(32px, 5vw, 72px);
  align-items: center;
  padding-block: clamp(32px, 5vw, 64px) clamp(44px, 6vw, 84px);
}
.kgs-bas .kg-kirinti { margin-bottom: 22px; }
.kgs-bas h1 {
  font-size: clamp(33px, 4.6vw, 56px);
  line-height: 1.07;
  letter-spacing: -.028em;
  font-weight: 800;
  color: var(--siyah);
  margin: 0 0 20px;
  text-wrap: balance;
}
.kgs-bas__ozet { font-size: clamp(17px, 1.6vw, 20px); line-height: 1.55; color: var(--metin-orta); max-width: 56ch; }
.kgs-bas__yazar { font-size: 14px; color: var(--metin-sonuk); margin: 0; }
.kgs-bas__gorsel { position: relative; margin: 0 14px 14px 0; }
.kgs-bas__gorsel::before {
  content: "";
  position: absolute;
  inset: 14px -14px -14px 14px;
  background: var(--kirmizi);
}
.kgs-bas__gorsel img { position: relative; display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }

/* düzen */
.kgs-duzen {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: clamp(32px, 5vw, 64px);
  padding-block: clamp(36px, 5vw, 64px) clamp(48px, 6vw, 88px);
}
.kgs-icindekiler { position: sticky; top: 92px; align-self: start; font-size: 14px; line-height: 1.4; }
.kgs-icindekiler summary { font-weight: 800; color: var(--siyah); cursor: pointer; margin-bottom: 12px; }
.kgs-icindekiler ul { list-style: none; margin: 0; padding: 0 0 0 14px; border-left: 2px solid var(--pembe-cizgi); }
.kgs-icindekiler li + li { margin-top: 11px; }
.kgs .kgs-icindekiler a { color: var(--metin-orta); text-decoration: none; }
.kgs .kgs-icindekiler a:hover { color: var(--kirmizi); }

.kgs-govde { min-width: 0; font-size: 17px; line-height: 1.72; color: var(--metin); }
.kgs-govde > * { scroll-margin-top: 92px; }
.kgs-kisa {
  font-size: clamp(20px, 2.2vw, 25px);
  line-height: 1.42;
  font-weight: 600;
  color: var(--siyah);
  max-width: 40em;
  margin-bottom: 8px;
  letter-spacing: -.01em;
}

.kgs-blok { margin-top: clamp(40px, 5vw, 60px); }
.kgs-blok > p, .kgs-blok > .kgs-liste { max-width: 68ch; }
.kgs-govde h2 {
  font-size: clamp(24px, 2.8vw, 33px);
  line-height: 1.16;
  letter-spacing: -.02em;
  font-weight: 800;
  color: var(--siyah);
  margin: 0 0 16px;
  scroll-margin-top: 92px;
}
.kgs-govde h3 { font-size: 18px; line-height: 1.3; font-weight: 800; color: var(--siyah); margin: 0 0 6px; letter-spacing: -.01em; }
.kgs-liste { margin: 0; padding-left: 21px; }
.kgs-liste li { margin-bottom: 9px; }
.kgs-liste li::marker { color: var(--kirmizi); }

/* adımlar */
.kgs-adimlar { list-style: none; counter-reset: adim; margin: 26px 0 0; padding: 0; }
.kgs-adimlar li {
  counter-increment: adim;
  position: relative;
  padding: 0 0 26px 74px;
  max-width: 76ch;
}
.kgs-adimlar li::before {
  content: counter(adim);
  position: absolute;
  left: 0;
  top: -8px;
  width: 52px;
  font-size: 42px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.04em;
  color: var(--kirmizi);
  text-align: right;
}
.kgs-adimlar li::after {
  content: "";
  position: absolute;
  left: 62px;
  top: 2px;
  bottom: 6px;
  width: 2px;
  background: var(--pembe-cizgi);
}
.kgs-adimlar li:last-child { padding-bottom: 0; }
.kgs-adimlar p { margin: 0; }

/* tablo */
.kgs-tablo { margin-top: 22px; overflow-x: auto; }
.kgs-tablo table { width: 100%; border-collapse: collapse; font-size: 15.5px; line-height: 1.5; }
.kgs-tablo thead th {
  text-align: left;
  font-size: 14px;
  font-weight: 800;
  color: var(--siyah);
  padding: 0 16px 12px 0;
  border-bottom: 3px solid var(--kirmizi);
  vertical-align: bottom;
}
.kgs-tablo tbody th { text-align: left; font-weight: 700; color: var(--siyah); }
.kgs-tablo tbody th, .kgs-tablo td { padding: 14px 16px 14px 0; border-bottom: 1px solid var(--cizgi-koyu); vertical-align: top; }
.kgs-not { font-size: 14px; color: var(--metin-sonuk); margin-top: 12px; }

/* kontrol listesi */
.kgs-kontrol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 44px; margin-top: 24px; }
.kgs-kontrol h3 { padding-bottom: 9px; border-bottom: 2px solid var(--siyah); margin-bottom: 12px; }
.kgs-kontrol ul { list-style: none; margin: 0; padding: 0; font-size: 15.5px; line-height: 1.5; }
.kgs-kontrol li { display: flex; gap: 10px; margin-bottom: 11px; }
.kgs-kontrol svg { flex-shrink: 0; margin-top: 3px; color: var(--kirmizi); }

/* hata ve doğrusu */
.kgs-hata { margin-top: 22px; }
.kgs-hata > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--cizgi-koyu); }
.kgs-hata > div:last-child { border-bottom: 1px solid var(--cizgi-koyu); }
.kgs-hata p { display: flex; gap: 10px; margin: 0; padding: 16px 18px 16px 0; font-size: 15.5px; line-height: 1.5; }
.kgs-hata svg { flex-shrink: 0; margin-top: 2px; }
.kgs-hata__yanlis { color: var(--metin-sonuk); }
.kgs-hata__dogru { padding-left: 18px !important; background: var(--zemin); color: var(--siyah); }
.kgs-hata__dogru svg { color: var(--kirmizi); }

/* karar */
.kgs-karar { margin: 22px 0 0; }
.kgs-karar > div { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 24px; padding: 16px 0; border-top: 1px solid var(--cizgi-koyu); }
.kgs-karar dt { font-weight: 700; color: var(--siyah); line-height: 1.45; }
.kgs-karar dd { margin: 0; font-size: 15.5px; line-height: 1.55; }

/* takvim */
.kgs-takvim { list-style: none; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); margin: 22px 0 0; padding: 0; border: 2px solid var(--siyah); }
.kgs-takvim li { padding: 12px 11px 15px; border-left: 1px solid var(--cizgi-koyu); font-size: 13.5px; line-height: 1.42; }
.kgs-takvim li:first-child { border-left: 0; }
.kgs-takvim strong { display: block; color: var(--kirmizi-koyu); font-size: 13px; margin-bottom: 7px; }

/* ipucu */
.kgs-ipucu { display: flex; gap: 14px; padding: 18px 20px; background: var(--altin-yumusak); color: #3F2D00; }
.kgs-ipucu svg { flex-shrink: 0; margin-top: 3px; }
.kgs-ipucu p { margin: 0; font-size: 16px; line-height: 1.55; }

/* ara görsel */
.kgs-gorsel { margin: 0; }
.kgs-gorsel img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.kgs-gorsel figcaption { font-size: 13.5px; color: var(--metin-sonuk); margin-top: 8px; }

/* kırmızı levha */
.kgs-levha {
  background: var(--kirmizi);
  color: #FFF4F4;
  padding: clamp(26px, 4vw, 46px);
}
.kgs-levha h2 { color: var(--beyaz) !important; }
.kgs-levha > p { max-width: 62ch; }
.kgs-levha a { color: var(--beyaz) !important; }
.kgs-levha strong { color: var(--beyaz); }
.kgs-levha__not { font-size: 14px; margin: 20px 0 0 !important; color: #FFDDE0; }

.kgs-huni { list-style: none; margin: 24px 0 0; padding: 0; }
.kgs-huni li {
  width: max(var(--g), 340px);
  max-width: 100%;
  padding: 14px 18px;
  margin-bottom: 4px;
  background: var(--beyaz);
  color: var(--metin);
}
.kgs-huni strong { display: block; color: var(--kirmizi-koyu); font-size: 17px; font-weight: 800; margin-bottom: 2px; }
.kgs-huni span { display: block; font-size: 15px; line-height: 1.45; }

.kgs-dort { display: grid; grid-template-columns: 30px minmax(0, 1fr); margin-top: 24px; }
.kgs-dort__y { writing-mode: vertical-rl; transform: rotate(180deg); text-align: center; font-size: 13.5px; font-weight: 700; margin: 0 !important; grid-row: 1; }
.kgs-dort__x { grid-column: 2; grid-row: 2; text-align: center; font-size: 13.5px; font-weight: 700; margin: 10px 0 0 !important; }
.kgs-dort__izgara { grid-column: 2; grid-row: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3px; }
.kgs-dort__izgara > div { background: var(--beyaz); color: var(--metin); padding: 16px 18px 18px; }
.kgs-dort__izgara strong { display: block; color: var(--kirmizi-koyu); font-weight: 800; margin-bottom: 4px; }
.kgs-dort__izgara span { display: block; font-size: 15px; line-height: 1.45; }

.kgs-denge { display: flex; margin-top: 24px; height: 62px; background: var(--beyaz); gap: 3px; padding: 3px; }
.kgs-denge span { display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 17px; }
.kgs-denge span:nth-child(1) { background: var(--kirmizi-koyu); color: var(--beyaz); }
.kgs-denge span:nth-child(2) { background: var(--altin); color: #2A1E00; }
.kgs-denge span:nth-child(3) { background: var(--altin-yumusak); color: #2A1E00; }
.kgs-denge span:nth-child(4) { background: var(--cizgi-koyu); color: #1E1E1E; }
.kgs-denge__liste { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 18px 26px; margin: 20px 0 0; padding: 0; font-size: 15px; line-height: 1.5; }
.kgs-denge__liste strong { display: block; margin-bottom: 3px; }

.kgs-dongu { list-style: none; counter-reset: dongu; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 22px; margin: 26px 0 0; padding: 0; }
.kgs-dongu li { counter-increment: dongu; border-top: 3px solid var(--beyaz); padding-top: 12px; font-size: 15px; line-height: 1.48; }
.kgs-dongu li::before { content: counter(dongu); display: block; font-size: 34px; font-weight: 800; line-height: 1; letter-spacing: -.04em; margin-bottom: 9px; color: var(--altin-yumusak); }
.kgs-dongu strong { display: block; font-size: 16.5px; margin-bottom: 4px; }

.kgs-sutun { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 3px; margin: 24px 0 0; padding: 0; }
.kgs-sutun li { background: var(--beyaz); color: var(--metin); padding: 18px; font-size: 15px; line-height: 1.48; }
.kgs-sutun strong { display: block; color: var(--kirmizi-koyu); font-size: 16.5px; font-weight: 800; margin-bottom: 5px; }

/* kapanış */
.kgs-govde .kg-sss { margin-top: clamp(40px, 5vw, 60px); }
.kgs-kaynak { margin-top: 44px; }
.kgs-kaynak h2 { font-size: 20px !important; margin-bottom: 10px; }
.kgs-kaynak ul { margin: 0; padding-left: 20px; font-size: 15px; }
.kgs-kaynak li { margin-bottom: 6px; }

.kgs-cagri { margin-top: clamp(40px, 5vw, 60px); padding-top: 26px; border-top: 4px solid var(--kirmizi); }
.kgs-cagri p { max-width: 62ch; }
.kgs-cagri > div { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; margin-top: 16px; }
.kgs-cagri__ikinci { font-weight: 700; }
.kgs .kgs-cagri .kg-dugme { color: var(--beyaz); }

.kgs-iliskili { margin-top: 48px; }
.kgs-iliskili ul { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 36px; margin: 16px 0 0; padding: 0; }
.kgs-iliskili a { font-weight: 800; line-height: 1.32; display: block; margin-bottom: 4px; }
.kgs-iliskili span { display: block; font-size: 14.5px; line-height: 1.5; color: var(--metin-sonuk); }

.kgs-yazar { display: flex; gap: 16px; align-items: center; margin-top: 44px; padding-top: 22px; border-top: 1px solid var(--cizgi-koyu); }
.kgs-yazar img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.kgs-yazar p { margin: 0; font-size: 14.5px; line-height: 1.55; }

@media (max-width: 1040px) {
  .kgs-duzen { grid-template-columns: minmax(0, 1fr); }
  .kgs-icindekiler { position: static; padding: 14px 16px; background: var(--zemin); }
  .kgs-icindekiler details:not([open]) summary { margin-bottom: 0; }
}

@media (max-width: 860px) {
  .kgs-bas__ic { grid-template-columns: minmax(0, 1fr); }
  .kgs-kontrol, .kgs-iliskili ul { grid-template-columns: minmax(0, 1fr); }
  .kgs-takvim { grid-template-columns: minmax(0, 1fr); }
  .kgs-takvim li { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 10px; border-left: 0; border-top: 1px solid var(--cizgi-koyu); }
  .kgs-takvim li:first-child { border-top: 0; }
  .kgs-takvim strong { margin: 0; }
  .kgs-hata > div { grid-template-columns: minmax(0, 1fr); }
  .kgs-hata p { padding-right: 0; }
  .kgs-hata__dogru { padding-right: 14px !important; }
  .kgs-karar > div { grid-template-columns: minmax(0, 1fr); gap: 6px; }

  /* Mobilde tablo satırları karta dönmesin diye etiketli listeye çevrilir */
  .kgs-tablo { overflow: visible; }
  .kgs-tablo thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .kgs-tablo tr, .kgs-tablo tbody th, .kgs-tablo td { display: block; }
  .kgs-tablo tr { padding: 14px 0; border-bottom: 1px solid var(--cizgi-koyu); }
  .kgs-tablo tbody th, .kgs-tablo td { border: 0; padding: 0 0 8px; }
  .kgs-tablo tbody th { font-size: 16.5px; }
  .kgs-tablo td::before { content: attr(data-etiket); display: block; font-size: 13px; font-weight: 700; color: var(--metin-sonuk); }
}

@media (max-width: 560px) {
  .kgs-dort { grid-template-columns: minmax(0, 1fr); }
  .kgs-dort__y { writing-mode: horizontal-tb; transform: none; grid-column: 1; margin-bottom: 8px !important; }
  .kgs-dort__izgara { grid-column: 1; grid-row: 2; grid-template-columns: minmax(0, 1fr); }
  .kgs-dort__x { grid-column: 1; grid-row: 3; }
  .kgs-huni li { width: 100%; }
  .kgs-denge span { font-size: 14px; }
  .kgs-adimlar li { padding-left: 58px; }
  .kgs-adimlar li::before { width: 38px; font-size: 34px; top: -5px; }
  .kgs-adimlar li::after { left: 47px; }
}

@media print {
  .kgs-icindekiler, .kgs-cagri, .kgs-iliskili { display: none; }
}