.sc .site-footer { margin-top: 0; }
.sc .bolum { padding-block: clamp(var(--s-8), 7vw, var(--s-10)); }
.sc-bolum-ust { display: grid; gap: var(--s-4); margin-bottom: var(--s-6); max-width: 760px; }
.sc-bolum-ust .lead { max-width: 46ch; }

.sc-hero { overflow-x: clip; }
.sc-hero__in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(var(--s-6), 5vw, var(--s-9));
  align-items: center; min-height: calc(100svh - 72px); padding-block: var(--s-7) var(--s-8); }
.sc-hero__metin { display: grid; gap: var(--s-5); align-content: center; }
.sc-hero__baslik { font-weight: 300; font-size: clamp(2.4rem, 1rem + 2.8vw, 4rem); line-height: 1.02; letter-spacing: -0.035em; max-width: 14ch; }
.sc-hero__sub { font-size: var(--fs-18); color: var(--metin-2); max-width: 42ch; }
.sc-hero__cta { display: flex; flex-wrap: wrap; gap: var(--s-3); margin-top: var(--s-2); }
.sc-kirinti { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--s-2); font-family: var(--mono);
  font-size: var(--fs-12); letter-spacing: var(--ls-label); color: var(--metin-2); }
.sc-kirinti li + li::before { content: "/"; margin-right: var(--s-2); color: var(--metin-2); }
.sc-kirinti a { color: var(--metin-2); text-decoration: none; border-radius: var(--r-12); }
.sc-kirinti a:hover { color: var(--metin); text-decoration: underline; }
.sc-kirinti [aria-current] { color: var(--metin); }
@media (prefers-reduced-motion: no-preference) {
  .js .sc-hero .eyebrow, .js .sc-kirinti { animation: sc-belir 800ms var(--ease-out) 250ms both; }
  .js .sc-hero [data-belir] { animation: sc-belir 1000ms var(--ease-out) 650ms both; }
  .js .sc-hero [data-belir] + [data-belir] { animation-delay: 780ms; }
}
@keyframes sc-belir { from { opacity: 0.01; transform: translateY(14px); filter: blur(5px); } to { opacity: 1; transform: none; filter: none; } }
@keyframes sc-gel { from { opacity: 0; transform: translateY(28px) scale(0.98); } to { opacity: 1; transform: none; } }

.sc-hs { --kx: 13; --ky: 9.2; --kz: 8; --kry: 27; --krx: -15; margin: 0; display: grid; gap: var(--s-4); min-width: 0; }
.sc-hs__cerceve { position: relative; display: grid; gap: var(--s-2); }
.sc-hs__ust, .sc-hs__alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-3) var(--s-5); }
.sc-hs__ust { position: relative; z-index: 1; }
.sc-hs__durum { display: inline-flex; align-items: center; gap: var(--s-2); color: var(--metin); white-space: nowrap; font-size: var(--fs-12); }
.sc-hs__durum::before { content: ""; width: 8px; height: 8px; border-radius: 2px; background: var(--vurgu); transform: rotate(45deg);
  transition: background-color var(--d-base) var(--ease-out), transform var(--d-slow) var(--ease-out); }
.sc-hs__durum[data-asama="0"]::before { background: var(--metin-2); transform: none; }
.sc-hs__durum[data-asama="1"]::before { background: var(--kor); transform: none; }
.sc-hs .sc-hs__not { color: var(--metin); font-weight: 300; font-size: var(--fs-20); letter-spacing: -0.01em; }

.sc-hs__alan { container-type: inline-size; position: relative; aspect-ratio: 60 / 50; }
.sc-dunya { --u: calc(100cqw / 60); position: absolute; inset: calc(100cqw / 60 * -1.6) 0 calc(100cqw / 60 * 1.6); perspective: calc(var(--u) * 150); perspective-origin: 50% 40%; }
.sc-dunya__ic { position: absolute; inset: 0; transform-style: preserve-3d; transform: rotateX(15deg) rotateY(-27deg); }
.sc-dunya__ic > * { position: absolute; left: 50%; top: 50%; }

.sc-pano, .sc-pano-arka { width: calc(var(--u) * 21); height: calc(var(--u) * 26); margin: calc(var(--u) * -13) 0 0 calc(var(--u) * -10.5); }
.sc-pano--b { transform: translate3d(calc(var(--u) * -16.5), calc(var(--u) * -1), 0); }
.sc-pano--a { transform: translate3d(calc(var(--u) * 16.5), calc(var(--u) * -1), 0); }
.sc-pano-arka { border: 1px solid var(--cizgi); border-radius: calc(var(--u) * 1.3); background: var(--zemin-2); }
.sc-pano-arka--b { transform: translate3d(calc(var(--u) * -16.5), calc(var(--u) * -1), calc(var(--u) * -1.4)); }
.sc-pano-arka--a { transform: translate3d(calc(var(--u) * 16.5), calc(var(--u) * -1), calc(var(--u) * -1.4)); border-color: color-mix(in oklab, var(--metin-2) 55%, transparent); }
.sc-pano__ic { height: 100%; display: flex; flex-direction: column; gap: calc(var(--u) * 0.9); padding: calc(var(--u) * 1.6);
  background: var(--zemin); border: 1px solid var(--cizgi); border-radius: calc(var(--u) * 1.3); }
.sc-pano--a .sc-pano__ic { border-color: var(--metin-2); }
.sc-pano__ust { display: flex; justify-content: space-between; align-items: center; gap: var(--u); }
.sc-pano__ad { white-space: nowrap; display: inline-flex; align-items: center; gap: calc(var(--u) * 0.6); font-weight: 600; font-size: max(10px, calc(var(--u) * 1.45)); letter-spacing: -0.01em; color: var(--metin); }
.sc-pano__isaret { width: 1em; height: 1em; flex: none; color: var(--metin-2); }
.sc-pano--a .sc-pano__isaret { color: var(--metin); }
.sc-pano__id, .sc-pano__rol { font-size: max(8px, calc(var(--u) * 1)); color: var(--metin-2); letter-spacing: 0.02em; }
.sc-pano__rol { margin-bottom: calc(var(--u) * 0.6); padding-bottom: calc(var(--u) * 1.1); border-bottom: 1px solid var(--cizgi); }
.sc-pano__satirlar { list-style: none; margin: 0; padding: 0; display: grid; gap: calc(var(--u) * 0.9); }
.sc-pano__satir { display: flex; justify-content: space-between; align-items: center; height: calc(var(--u) * 3.6); padding: 0 calc(var(--u) * 1.1);
  font-size: max(9px, calc(var(--u) * 1.15)); color: var(--metin); background: var(--zemin-2); border: 1px solid var(--cizgi); border-radius: calc(var(--u) * 0.7);
  transition: border-color 420ms var(--ease-out), box-shadow 420ms var(--ease-out), background-color 420ms var(--ease-out); }
.sc-pano__satir .mono { color: var(--metin-2); font-size: max(8px, calc(var(--u) * 1.05)); }
.sc-pano__satir.is-ihlal { border-color: var(--alarm); box-shadow: inset 0 0 0 1px var(--alarm); background: color-mix(in oklab, var(--alarm) 6%, var(--zemin-2)); }
.sc-pano__satir.is-ihlal .mono { color: var(--metin); }

.sc-kuyruk { width: calc(var(--u) * 0.55); height: calc(var(--u) * 0.55); margin: calc(var(--u) * -0.275) 0 0 calc(var(--u) * -0.275);
  border-radius: calc(var(--u) * 0.18); background: var(--metin); opacity: 0; }
.sc-kuyruk.is-ihlal { background: var(--alarm); }

.sc-sinir { width: calc(var(--u) * 22); height: calc(var(--u) * 29); margin: calc(var(--u) * -14.5) 0 0 calc(var(--u) * -11);
  transform: translate3d(0, calc(var(--u) * -0.9), 0) rotateY(90deg); border-radius: calc(var(--u) * 1.3); overflow: hidden;
  background: color-mix(in oklab, var(--metin) 7%, transparent); border: 1px solid color-mix(in oklab, var(--metin-2) 70%, transparent); }
.sc-sinir__desen { position: absolute; inset: 0; width: 100%; height: 100%; }
.sc-sinir__desen path { fill: none; stroke: var(--metin-2); stroke-width: 1px; vector-effect: non-scaling-stroke; opacity: 0.22; }
.sc-sinir__iz { position: absolute; left: 0; top: 0; width: calc(var(--u) * 1.4); height: calc(var(--u) * 1.4); margin: calc(var(--u) * -0.7) 0 0 calc(var(--u) * -0.7);
  border-radius: calc(var(--u) * 0.4); background: var(--metin-2); opacity: 0.5; }
.sc-sinir__iz--ihlal { width: calc(var(--u) * 3.2); height: calc(var(--u) * 4); margin: calc(var(--u) * -2) 0 0 calc(var(--u) * -1.6);
  background: color-mix(in oklab, var(--alarm) 10%, transparent); border: 2px solid var(--alarm); border-radius: calc(var(--u) * 0.8); opacity: 1; }

.sc-sinir__iz[data-iz] { left: calc(var(--u) * 8.6); top: calc(var(--u) * 16); }
.sc-sinir__iz[data-iz="1"] { top: calc(var(--u) * 20.5); }
.sc-sinir__iz[data-iz="2"] { top: calc(var(--u) * 11.5); }
.sc-sinir__dalga { position: absolute; left: 0; top: 0; width: calc(var(--u) * 3); height: calc(var(--u) * 3); margin: calc(var(--u) * -1.5) 0 0 calc(var(--u) * -1.5);
  border: 1px solid var(--metin-2); border-radius: calc(var(--u) * 0.9); opacity: 0; }
.sc-sinir__dalga--ihlal { border: 1.5px solid var(--alarm); }
.sc-sinir__ad { transform: translate3d(calc(var(--u) * -0.2), calc(var(--u) * -17.6), calc(var(--u) * 11)); translate: -50% -50%;
  font-size: max(8px, calc(var(--u) * 1)); letter-spacing: var(--ls-label); text-transform: uppercase; color: var(--metin-2); white-space: nowrap; }
.sc-sinir__ad::after { content: ""; position: absolute; left: 50%; top: calc(100% + var(--u) * 0.4); width: 1px; height: calc(var(--u) * 1.1); background: var(--metin-2); opacity: 0.7; }

.sc-istek, .sc-yanit { translate: -50% -50%; white-space: nowrap; border-radius: calc(var(--u) * 0.7); }
.sc-istek { padding: calc(var(--u) * 0.55) calc(var(--u) * 0.9); font-size: max(8px, calc(var(--u) * 1.05)); color: var(--metin);
  background: var(--zemin); border: 1px solid var(--metin); opacity: 0; transition: border-color 240ms var(--ease-out), box-shadow 240ms var(--ease-out); }
.sc-istek.is-ihlal { border-color: var(--alarm); box-shadow: inset 0 0 0 1px var(--alarm); }
.sc-yanit { padding: calc(var(--u) * 0.35) calc(var(--u) * 0.7); font-size: max(8px, calc(var(--u) * 1.05)); font-weight: 500;
  color: var(--zemin); background: var(--metin-2); opacity: 0; }
.sc-yanit--ihlal { background: var(--alarm); color: #fff; opacity: 1;
  transform: translate3d(calc(var(--u) * 22.4), calc(var(--u) * -6.2), calc(var(--u) * 1.5)); }

.sc-bulgu { width: calc(var(--u) * 25); margin: calc(var(--u) * -8) 0 0 calc(var(--u) * -12.5); display: grid; gap: calc(var(--u) * 0.9);
  padding: calc(var(--u) * 1.5) calc(var(--u) * 1.6) calc(var(--u) * 1.6); background: var(--zemin); border: 1px solid var(--metin);
  border-radius: calc(var(--u) * 1.3); transform: translate3d(calc(var(--u) * var(--kx)), calc(var(--u) * var(--ky)), calc(var(--u) * var(--kz))) rotateY(calc(var(--kry) * 1deg)) rotateX(calc(var(--krx) * 1deg)); }
.sc-bulgu__ust { display: flex; justify-content: space-between; align-items: center; line-height: 1; padding-bottom: calc(var(--u) * 0.9);
  border-bottom: 1px solid var(--cizgi); font-size: max(9px, calc(var(--u) * 1.1)); }
.sc-bulgu__ust .mono { color: var(--metin-2); letter-spacing: 0.04em; }
.sc-bulgu__ust .sev-etiket { gap: calc(var(--u) * 0.55); line-height: 1; }
.sc-bulgu__ust .sev { width: 1.15em; height: 1.15em; }
.sc-bulgu__baslik { font-weight: 600; font-size: max(11px, calc(var(--u) * 1.4)); line-height: 1.2; letter-spacing: -0.015em; text-wrap: balance; }
.sc-bulgu__kunye { margin: 0; display: grid; }
.sc-bulgu__kunye div { display: grid; grid-template-columns: calc(var(--u) * 5.6) minmax(0, 1fr); align-items: baseline; gap: var(--u);
  padding: calc(var(--u) * 0.45) 0; border-top: 1px solid var(--cizgi); font-size: max(8px, calc(var(--u) * 0.95)); line-height: 1.3; }
.sc-bulgu__kunye div:last-child { border-bottom: 1px solid var(--cizgi); }
.sc-bulgu__kunye dt { color: var(--metin-2); }
.sc-bulgu__kunye dd { margin: 0; color: var(--metin); white-space: nowrap; }
.sc-bulgu__kunye dd.is-ihlal { color: var(--alarm); font-weight: 500; }
.sc-bulgu__damga { margin-top: calc(var(--u) * 0.2); justify-self: start; transform-origin: left center; }
.sc-bulgu__damga .dogrulama-bandi { --h: calc(var(--u) * 3.9); }
.sc-bulgu__damga .dogrulama-bandi__metin { flex: none; padding: 0 calc(var(--u) * 0.3) 0 calc(var(--u) * 1.1); }
.sc-bulgu__damga .dogrulama-bandi__metin strong { font-size: max(10px, calc(var(--u) * 1.25)); }
.sc-bulgu__damga .dogrulama-bandi__metin .mono { font-size: max(7px, calc(var(--u) * 0.8)); white-space: nowrap; }

.sc-kontrol { display: flex; align-items: center; gap: var(--s-2); }
.sc-kontrol[hidden] { display: none; }
.sc-kontrol__ilerleme { width: 72px; height: 3px; margin-right: var(--s-2); border-radius: 2px; background: var(--cizgi); overflow: hidden; }
.sc-kontrol__ilerleme span { display: block; height: 100%; background: var(--metin); transform-origin: left center; transform: scaleX(0); }
.sc-kontrol__dugme { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 var(--s-3); border: 1px solid var(--cizgi);
  border-radius: 12px; background: var(--zemin); color: var(--metin); cursor: pointer; font-family: var(--mono); font-size: var(--fs-12);
  transition: border-color var(--d-base) var(--ease-out), transform var(--d-fast) var(--ease-out); }
.sc-kontrol__dugme:active { transform: scale(0.96); }
.sc-kontrol__dugme:disabled { opacity: 0.5; cursor: default; }
.sc-kontrol__dugme svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
@media (hover: hover) { .sc-kontrol__dugme:not(:disabled):hover { border-color: var(--metin); } }

@media (prefers-reduced-motion: no-preference) {
  .js .sc-hs:not(.is-hazir) .sc-dunya { opacity: 0; }
}

.sc-govde { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(var(--s-6), 5vw, var(--s-9)); align-items: start;
  border-top: 1px solid var(--cizgi); }
.sc-sol { min-width: 0; padding-bottom: var(--s-8); }
.sc-bolum { padding-top: clamp(var(--s-8), 7vw, var(--s-10)); }
.sc-bolum:first-child { padding-top: var(--s-8); }

.sc-adim { position: relative; padding: var(--s-5) 0 var(--s-5) var(--s-6); }
.sc-adim::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 1.5px; background: var(--cizgi);
  transition: background-color var(--d-slow) var(--ease-out); }
.sc-adim::after { content: ""; position: absolute; left: -4.5px; top: var(--s-6); width: 10.5px; height: 10.5px; border-radius: 3px; background: var(--vurgu);
  transform: scale(0) rotate(-45deg); transition: transform 520ms var(--ease-out); }
.sc-adim.is-aktif::before { background: var(--metin); }
.sc-adim.is-aktif::after { transform: scale(1) rotate(0deg); }

.sc-senaryolar { display: grid; }
.sc-sk { padding-block: var(--s-3); }
.sc-sk::after { top: calc(var(--s-3) + var(--s-6)); }
.sc-sk__kart { display: grid; gap: var(--s-5); padding: var(--s-6); border: 1px solid var(--cizgi); border-radius: var(--r-32); background: var(--zemin); min-width: 0; }
.sc-sk--1 .sc-sk__kart { background: var(--zemin-2); }
.sc-sk--1 .sc-sk__kod { background: var(--zemin); }
.sc-sk--3 .sc-sk__kod { order: -1; }
.sc-sk__metin { display: grid; gap: var(--s-4); align-content: start; min-width: 0; }
.sc-sk__ust { display: flex; align-items: center; gap: var(--s-3); }
.sc-sk__ust .mono { color: var(--metin-2); }
.sc-sk__baslik { font-size: var(--fs-24); font-weight: 600; }
.sc-sk__soru { font-weight: 300; font-size: clamp(1.35rem, 1rem + 1vw, 1.9rem); line-height: 1.2; letter-spacing: -0.02em; max-width: 28ch; }
.sc-sk__dl { margin: var(--s-2) 0 0; display: grid; gap: var(--s-3); }
.sc-sk__dl div { display: grid; grid-template-columns: 10ch minmax(0, 1fr); gap: var(--s-4); padding-top: var(--s-3); border-top: 1px solid var(--cizgi); }
.sc-sk__dl dd { margin: 0; color: var(--metin-2); font-size: var(--fs-14); }
.sc-sk__kod { font-size: var(--fs-12); }

.sc-kapsam__liste { list-style: none; margin: 0 0 var(--s-5); padding: 0; display: grid; }
.sc-kapsam__liste li { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--s-2) var(--s-5); padding-block: var(--s-4); border-top: 1px solid var(--cizgi); }
.sc-kapsam__liste li:last-child { border-bottom: 1px solid var(--cizgi); }
.sc-kapsam__ad { grid-column: 1 / -1; font-size: var(--fs-18); font-weight: 600; letter-spacing: -0.01em; }
.sc-kapsam__liste p { font-size: var(--fs-14); color: var(--metin-2); }
.sc-kapsam__liste p:first-of-type { color: var(--metin); }
.sc-kapsam__liste .label { display: block; margin-bottom: 2px; color: var(--metin-2); }
.sc-not { display: flex; align-items: flex-start; gap: var(--s-3); color: var(--metin-2); font-size: var(--fs-14); max-width: 60ch; }
.sc-not svg { width: 18px; height: 18px; flex: none; margin-top: 1px; fill: var(--metin-2); color: var(--metin-2); }

.sc-akis { list-style: none; margin: 0; padding: 0; display: grid; }
.sc-akis__oge { padding-block: 0; }
.sc-akis__oge:first-child { padding-top: var(--s-3); }
.sc-akis__adim { position: relative; display: grid; gap: var(--s-3); justify-items: start; padding: var(--s-6); border: 1px solid var(--cizgi);
  border-radius: var(--r-32); background: var(--zemin); max-width: 88%; }
.sc-akis__ust { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.sc-akis__ust .mono { color: var(--metin-2); }
.sc-akis__baslik { font-size: var(--fs-24); font-weight: 600; }
.sc-akis__adim p { color: var(--metin-2); }
.sc-akis__adim--kapi { max-width: none; padding: var(--s-7) var(--s-6); background: var(--metin); color: var(--zemin); border-color: var(--metin); }
.sc-akis__adim--kapi .sc-akis__ust .mono, .sc-akis__adim--kapi p { color: var(--cizgi); }
.sc-akis__adim--kapi .sc-akis__ust svg { width: 32px; height: 32px; fill: var(--vurgu); color: var(--vurgu); }
.sc-akis__adim--kapi .sc-akis__baslik { font-size: var(--fs-32); }
.sc-akis__adim--kapi .chip { border-color: var(--cizgi); color: var(--zemin); }

.sc-akis__ok { position: relative; display: block; height: var(--s-7); margin-left: var(--s-7); }
.sc-akis__ok::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 1.5px; background: var(--metin); }
.sc-akis__ok::after { content: ""; position: absolute; left: -3.75px; top: calc(50% - 4.5px); width: 9px; height: 9px; border-radius: 3px; background: var(--metin); transform: rotate(45deg); }
.sc-not--acik { align-items: center; flex-wrap: wrap; margin-top: var(--s-6); margin-left: var(--s-6); font-size: var(--fs-16); }
.sc-mobil-kart { display: none; width: 100%; max-width: 520px; margin-top: var(--s-4); }

.sc-okurlar { list-style: none; margin: 0 0 var(--s-5); padding: 0; }
.sc-okurlar li { display: grid; gap: 2px; padding-block: var(--s-4); border-top: 1px solid var(--cizgi); }
.sc-okurlar li:last-child { border-bottom: 1px solid var(--cizgi); }
.sc-okurlar strong { font-size: var(--fs-18); }
.sc-okurlar span { color: var(--metin-2); font-size: var(--fs-14); }
.sc-parcalar { list-style: none; margin: 0; padding: 0; display: grid; }
.sc-parca { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: var(--s-1) var(--s-3); }
.sc-parca::after { top: var(--s-6); }
.sc-parca__no { grid-row: span 2; font-size: var(--fs-24); line-height: 1.2; color: var(--metin-2); transition: color var(--d-slow) var(--ease-out); }
.sc-parca.is-aktif .sc-parca__no { color: var(--metin); }
.sc-parca p { color: var(--metin-2); }

.sc-sag { position: sticky; top: calc(72px + var(--s-5)); margin-block: var(--s-8) var(--s-6); align-self: start; }

@media (min-width: 1000px) { .sc-sol { padding-bottom: max(var(--s-8), 42vh); } }
.sc-kagit { position: relative; height: min(calc(100svh - 72px - var(--s-5) * 2), 860px); max-height: calc((100vw - 2 * var(--gutter)) * 0.6); padding-right: 40px; }
.sc-kagit__yigin { position: relative; height: 100%; perspective: 2000px; perspective-origin: 0% 50%; }
.sc-sayfa { position: relative; height: 100%; display: flex; flex-direction: column; gap: var(--s-4); padding: var(--s-5) var(--s-6) var(--s-6);
  border: 1px solid var(--cizgi); border-radius: var(--r-32); background: var(--zemin-2); overflow: hidden; transform-origin: 0% 50%; }
.sc-sayfa--kopya { position: absolute; inset: 0; z-index: 2; pointer-events: none; backface-visibility: hidden; will-change: transform, opacity; }
.sc-sayfa--alt { z-index: 0; }
.sc-sayfa__ust { display: flex; align-items: center; justify-content: space-between; gap: var(--s-3); padding-bottom: var(--s-3); border-bottom: 2px solid var(--bordo); }
.sc-sayfa__ust .logo { height: 22px; }
.sc-sayfa__ust .mono { color: var(--metin-2); }
.sc-sayfa__baslik { font-size: clamp(1.4rem, 0.8rem + 1vw, 1.9rem); font-weight: 300; letter-spacing: var(--ls-large); line-height: 1.1; }
.sc-sahne { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: var(--s-4); }
.sc-sahne[hidden] { display: none; }
.sc-sayfa__alt { display: flex; justify-content: space-between; gap: var(--s-3); padding-top: var(--s-3); border-top: 1px solid var(--cizgi); color: var(--metin-2); }
.sc-sayfa__alt .mono { font-size: 11px; }

.sc-bas { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--s-3); align-items: start; padding: var(--s-3) var(--s-4);
  border: 1.5px solid var(--vurgu); border-radius: var(--r-24); background: var(--zemin); }
.sc-bas__no { font-size: var(--fs-14); padding-top: 2px; }
.sc-bas__ad { font-weight: 600; font-size: var(--fs-16); line-height: 1.25; }
.sc-bas__not { color: var(--metin-2); font-size: var(--fs-12); line-height: 1.4; margin-top: 2px; }

.sc-kapak { display: grid; gap: var(--s-3); }
.sc-kapak[hidden] { display: none; }
.sc-kapak__meta { margin: 0; display: flex; flex-wrap: wrap; gap: var(--s-3) var(--s-6); }
.sc-kapak__meta dt { font-family: var(--mono); font-size: 11px; color: var(--metin-2); }
.sc-kapak__meta dd { margin: 2px 0 0; font-size: var(--fs-14); font-weight: 600; }
.sc-kapak__soru { font-size: var(--fs-20); font-weight: 300; letter-spacing: -0.015em; line-height: 1.3; max-width: 30ch; }
.sc-kod-mini { font-size: 11px; border-radius: var(--r-24); background: var(--zemin); padding-block: var(--s-3); }
.sc-kapak__icindekiler { list-style: none; margin: auto 0 0; padding: 0; border-top: 1px solid var(--cizgi); font-size: var(--fs-14); color: var(--metin-2); }
.sc-kapak__icindekiler li { display: flex; gap: var(--s-3); padding-block: var(--s-2); border-bottom: 1px solid var(--cizgi); }

.sc-sahne__kapsam { padding: var(--s-4) var(--s-5); }
.sc-sahne__kapsam .kapsam__kose { width: 22px; }
.sc-alanlar { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s-3); }
.sc-alanlar li { display: grid; gap: 2px; font-size: var(--fs-14); }
.sc-alanlar span { color: var(--metin-2); font-size: var(--fs-12); }

.sc-mini-kart { zoom: 0.8; }
.sc-mini-kart .bulgu-karti { background: var(--zemin); }

.sc-etki { display: grid; gap: var(--s-2); padding-block: var(--s-3); border-block: 1px solid var(--cizgi); }
.sc-etki__sayi { font-size: var(--fs-48); line-height: 1; letter-spacing: -0.04em; color: var(--vurgu); }
.sc-etki span:last-child { color: var(--metin-2); font-size: var(--fs-14); max-width: 34ch; }
.sc-damga { --zemin: var(--zemin-2); align-self: flex-start; }
.sc-damga .dogrulama-bandi { --h: 64px; }
.sc-sahne__not { color: var(--metin-2); font-size: var(--fs-12); margin-top: auto; }

.sc-teslim { margin: 0; display: grid; gap: 0; }
.sc-teslim div { padding-block: var(--s-3); border-top: 1px solid var(--cizgi); }
.sc-teslim dt { font-family: var(--mono); font-size: 11px; color: var(--metin-2); }
.sc-teslim dd { margin: 2px 0 0; font-size: var(--fs-16); }
.sc-durum { display: flex; align-items: center; gap: var(--s-4); padding: var(--s-4); border: 1.5px solid var(--metin); border-radius: var(--r-24); background: var(--zemin); }
.sc-durum__muhur { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--metin); flex: none; }
.sc-durum__muhur svg { width: 22px; height: 22px; fill: var(--alarm); color: var(--alarm); }
.sc-durum .label { display: block; }
.sc-durum strong { font-size: var(--fs-24); font-weight: 600; letter-spacing: -0.01em; }
.sc-durum__id { margin-left: auto; color: var(--metin-2); }

.sc-sekmeler { position: absolute; top: var(--s-9); right: 0; bottom: var(--s-6); width: 40px; display: flex; flex-direction: column; gap: 6px; }
.sc-sekme { position: relative; flex: 1 1 0; min-height: 44px; display: flex; flex-direction: column; align-items: center; gap: var(--s-2); padding: var(--s-3) 0 0; margin: 0 0 0 -1px;
  border: 1px solid var(--cizgi); border-left: 0; border-radius: 0 10px 10px 0; background: var(--zemin); color: var(--metin-2); cursor: pointer; overflow: hidden;
  transition: flex-grow 680ms var(--ease-in-out), border-color 420ms var(--ease-out), color 420ms var(--ease-out), background-color 420ms var(--ease-out); }
.sc-sekme .mono { font-size: 11px; }
.sc-sekme__ad { writing-mode: vertical-rl; font-weight: 600; font-size: var(--fs-14); white-space: nowrap; max-height: 0; overflow: hidden;
  transform: translateY(6px); opacity: 0; transition: max-height 520ms var(--ease-in-out), opacity 260ms var(--ease-out), transform 520ms var(--ease-out); }
.sc-sekme.is-aktif { flex-grow: 2.8; border: 1.5px solid var(--vurgu); border-left: 0; background: var(--zemin-2); color: var(--metin); }
.sc-sekme.is-aktif .sc-sekme__ad { max-height: 8em; opacity: 1; transform: none; transition-delay: 0ms, 200ms, 200ms; }
@media (hover: hover) { .sc-sekme:not(.is-aktif):hover { color: var(--metin); border-color: var(--metin-2); } }
.sc-sekme:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 2px; }

html:not(.js) .sc-sekme__ad { max-height: 8em; opacity: 1; transform: none; }

#sc-kanit { scroll-margin-top: 38vh; }

.sc-cubuk { display: none; }

@media (max-width: 999px) {
  .sc-govde { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .sc-sag { display: none; }
  .sc-mobil-kart { display: block; }
  .sc-mobil-kart--bant { overflow-x: clip; } 
  .sc-cubuk { position: sticky; top: 72px; z-index: 10; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--s-1) var(--s-3);
    margin-inline: calc(-1 * var(--gutter)); padding: var(--s-3) var(--gutter) 0; background: var(--zemin); border-bottom: 1px solid var(--cizgi); }
  .sc-cubuk__etiket, .sc-cubuk__sayi { color: var(--metin-2); }
  .sc-cubuk__ad { font-weight: 600; font-size: var(--fs-14); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .sc-cubuk__ray { grid-column: 1 / -1; height: 2px; margin-top: var(--s-2); background: var(--cizgi); overflow: hidden; }
  .sc-cubuk__ray span { display: block; height: 100%; background: var(--vurgu); transform-origin: left; transform: scaleX(var(--p, 0.08)); transition: transform 520ms var(--ease-out); }
  .sc-bolum:first-child { padding-top: var(--s-6); }
  .sc-adim, .sc-bolum h2 { scroll-margin-top: 140px; }
  #sc-kanit { scroll-margin-top: 140px; }
  .sc-akis__adim { max-width: none; }
}

html:not(.js) .sc-cubuk { display: none; }

.sc-altyapi { display: grid; gap: var(--s-7); border-top: 1px solid var(--cizgi); }
.sc-altyapi__ust { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--s-8); align-items: end; }
.sc-altyapi__liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-4); }
.sc-kaynak { display: grid; gap: var(--s-3); align-content: start; min-height: 260px; padding: var(--s-6); border: 1px solid var(--cizgi);
  border-radius: var(--r-32); background: var(--zemin-2); }
.sc-kaynak:nth-child(2) { background: var(--zemin); }
.sc-kaynak__ust { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--s-6); color: var(--metin-2); }
.sc-kaynak p { color: var(--metin-2); }
.sc-glif { width: 40px; height: 40px; flex: none; overflow: visible; color: var(--metin); }
.sc-glif .g-dolu { fill: currentColor; }
.sc-glif .g-kontur { fill: none; stroke: currentColor; stroke-width: 1.2; }
.sc-glif .g-vurgu { fill: var(--vurgu); }

.sc-sss { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--s-7); align-items: start; }

@media (max-width: 859px) {
  .sc-hero__in { grid-template-columns: minmax(0, 1fr); min-height: 0; padding-block: var(--s-6) var(--s-8); gap: var(--s-7); }
  .sc-altyapi__ust { grid-template-columns: minmax(0, 1fr); gap: var(--s-5); }
  .sc-altyapi__liste, .sc-sss { grid-template-columns: minmax(0, 1fr); }
  .sc-kaynak { min-height: 0; }
  .sc-kaynak__ust { margin-bottom: var(--s-3); }
  .sc-sss { gap: var(--s-6); }
}

@media (min-width: 860px) and (max-width: 1023px) {
  .sc-hero__in { grid-template-columns: minmax(0, 1fr); min-height: 0; padding-block: var(--s-7) var(--s-8); gap: var(--s-7); }
  .sc-hs { width: min(100%, 760px); }
}
@media (max-width: 600px) {
  
  .sc-hs { --kx: 0; --ky: 16.5; --kz: 2; --kry: 10; --krx: -22; }
  .sc-hs__alan { aspect-ratio: 60 / 95; }
  .sc-dunya { inset: 0 0 auto; height: calc(100cqw * 56 / 60); perspective-origin: 50% 46%; }
  .sc-dunya__ic { transform: rotateX(22deg) rotateY(-10deg); }
  .sc-pano, .sc-pano-arka { width: calc(var(--u) * 50); height: calc(var(--u) * 19.2); margin: calc(var(--u) * -9.6) 0 0 calc(var(--u) * -25); }
  .sc-pano--b { transform: translate3d(0, calc(var(--u) * -15), 0); }
  .sc-pano--a { transform: translate3d(0, calc(var(--u) * 15), 0); }
  .sc-pano-arka--b { transform: translate3d(0, calc(var(--u) * -15), calc(var(--u) * -1.4)); }
  .sc-pano-arka--a { transform: translate3d(0, calc(var(--u) * 15), calc(var(--u) * -1.4)); }
  .sc-pano__ic { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: calc(var(--u) * 2.8) auto; align-items: center; align-content: start;
    gap: calc(var(--u) * 0.8) var(--u); padding: calc(var(--u) * 1.4) calc(var(--u) * 1.6); }
  .sc-pano__ust { min-width: 0; }
  .sc-pano__ad { font-size: 13px; gap: 6px; }
  .sc-pano__id { display: none; }
  .sc-pano__rol { margin: 0; padding: 0; border: 0; font-size: 10px; }
  .sc-pano__satirlar { grid-column: 1 / -1; gap: calc(var(--u) * 0.8); }
  .sc-pano__satir { height: calc(var(--u) * 3.7); padding: 0 calc(var(--u) * 1.4); font-size: 12px; }
  .sc-pano__satir .mono { font-size: 11px; }
  .sc-sinir { width: calc(var(--u) * 50); height: calc(var(--u) * 16); margin: calc(var(--u) * -8) 0 0 calc(var(--u) * -25); transform: rotateX(90deg); }
  .sc-sinir__desen { inset: auto; left: 50%; top: 50%; width: calc(var(--u) * 16); height: calc(var(--u) * 50); translate: -50% -50%; rotate: 90deg; }
  .sc-sinir__iz { width: calc(var(--u) * 2); height: calc(var(--u) * 2); margin: calc(var(--u) * -1) 0 0 calc(var(--u) * -1); }
  .sc-sinir__iz--ihlal { width: calc(var(--u) * 6); height: calc(var(--u) * 5); margin: calc(var(--u) * -2.5) 0 0 calc(var(--u) * -3); }
  .sc-sinir__iz[data-iz] { left: calc(var(--u) * 14); top: calc(var(--u) * 10.6); }
  .sc-sinir__iz[data-iz="1"] { left: calc(var(--u) * 36); }
  .sc-sinir__iz[data-iz="2"] { left: calc(var(--u) * 31); }
  .sc-sinir__dalga { width: calc(var(--u) * 4); height: calc(var(--u) * 4); margin: calc(var(--u) * -2) 0 0 calc(var(--u) * -2); }
  .sc-sinir__ad { transform: translate3d(calc(var(--u) * -17), calc(var(--u) * 3.9), 0); font-size: 10px; }
  .sc-sinir__ad::after { display: none; }
  .sc-istek, .sc-yanit { font-size: 11px; }
  .sc-istek { padding: 4px 7px; }
  .sc-yanit { padding: 2px 6px; }
  .sc-yanit--ihlal { transform: translate3d(calc(var(--u) * 6), calc(var(--u) * 12.25), calc(var(--u) * 1.5)); }
  .sc-bulgu { width: calc(var(--u) * 50); margin: 0 0 0 calc(var(--u) * -25); gap: 10px; padding: 16px 18px 18px; border-radius: 12px; }
  .sc-bulgu__ust { font-size: 12px; }
  .sc-bulgu__baslik { font-size: 17px; }
  .sc-bulgu__ust { padding-bottom: 10px; }
  .sc-bulgu__kunye div { grid-template-columns: 78px minmax(0, 1fr); gap: 8px; padding: 6px 0; font-size: 12px; }
  .sc-bulgu__damga .dogrulama-bandi { --h: 52px; }
  .sc-bulgu__damga .dogrulama-bandi__metin { padding-left: 12px; }
  .sc-bulgu__damga .dogrulama-bandi__metin strong { font-size: 15px; }
  .sc-bulgu__damga .dogrulama-bandi__metin .mono { font-size: 10px; }
  .sc-adim { padding-left: var(--s-5); }
  .sc-sk__kart { padding: var(--s-5); }
  .sc-sk__dl div, .sc-kapsam__liste li { grid-template-columns: minmax(0, 1fr); gap: var(--s-1); }
  .sc-akis__adim, .sc-akis__adim--kapi { padding: var(--s-5); }
  .sc-akis__ok { margin-left: var(--s-6); }
  .sc-not--acik { margin-left: var(--s-5); }
}

@media (max-width: 900px) { .sc .cta-etiket__aski { overflow-y: clip; } }
@media (max-width: 859px) {
  .sc-hero__baslik, .sc-bolum-ust .h2, .sc .cta-etiket__baslik { text-wrap: balance; }
  .sc-hero__cta { gap: var(--s-2); }
  .sc-hero__cta .btn { padding-inline: var(--s-4); }
}
@media (max-width: 767px) {
  .sc-hero__in { padding-block: var(--s-6) var(--s-7); gap: var(--s-6); }
  
  .sc-hs { gap: var(--s-3); }
  .sc-hs .sc-hs__not { font-size: var(--fs-18); }
}
@media (max-width: 767px) {
  .sc-hero__baslik { font-size: clamp(2rem, 1.2rem + 3.6vw, 2.4rem); }
  .sc .cta-etiket__in { padding-block: var(--s-8); gap: var(--s-6); }
  .sc .cta-etiket__aski { min-height: 470px; }
}