/* Yasal sayfalar: ana sayfanın (secenek-c) renk ve yazı düzeninin sade hâli. */
:root{
  --paper:#FBF7EF; --paper-2:#F5EEE2; --card:#FFFFFF;
  --ink:#14212B; --ink-soft:#33434F; --muted:#5E6B73;
  --rule:#E7DFD0; --rule-2:#D8CDB8;
  --teal:#0A7284; --teal-h:#064B58; --teal-tint:#E2F0F1;
  --cyan:#2ED4F1;
  --hardal:#D29A1E; --hardal-ink:#8A5F06; --hardal-tint:#F8EDD3;
  --f-display:"Fraunces", "Iowan Old Style", Georgia, serif;
  --f-body:"Figtree", "Segoe UI", system-ui, -apple-system, sans-serif;
  --f-mono:"IBM Plex Mono", "Cascadia Mono", Consolas, monospace;
  --gutter:clamp(16px, 4vw, 40px);
  --shadow-1:0 1px 2px rgba(20,33,43,.05), 0 10px 28px -16px rgba(20,33,43,.22);
  --noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .36 0 0 0 0 .29 0 0 0 0 .18 0 0 0 .11 -.035'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; text-size-adjust:100%; scroll-padding-top:88px}
body{margin:0; background-color:var(--paper); background-image:var(--noise); color:var(--ink); font-family:var(--f-body); font-size:17px; line-height:1.65; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
img{display:block; max-width:100%}
a{color:var(--teal); text-decoration-thickness:1px; text-underline-offset:.2em; overflow-wrap:anywhere}
a:hover{color:var(--teal-h)}
:focus-visible{outline:3px solid var(--teal); outline-offset:3px; border-radius:6px}
.container{width:100%; max-width:calc(1120px + 2 * var(--gutter)); margin-inline:auto; padding-inline:var(--gutter)}
.skip{position:absolute; left:12px; top:-64px; z-index:100; background:var(--ink); color:#fff; padding:10px 16px; border-radius:10px; font-weight:600; text-decoration:none; transition:top .2s}
.skip:focus{top:12px; color:#fff}

/* Üst bar */
.y-head{position:sticky; top:0; z-index:10; background:rgba(251,247,239,.92); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border-bottom:1px solid var(--rule)}
.y-bar{display:flex; align-items:center; justify-content:space-between; gap:16px; height:64px}
.brand{display:inline-flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; font:600 1.45rem/1 var(--f-display); letter-spacing:-.02em; font-variation-settings:"SOFT" 50}
.brand img{width:34px; height:34px}
.brand:hover{color:var(--ink)}
.y-home{display:inline-flex; align-items:center; min-height:40px; padding:0 16px; border-radius:999px; border:1.5px solid rgba(20,33,43,.22); color:var(--ink); font-weight:600; font-size:15px; text-decoration:none; white-space:nowrap}
.y-home:hover{background:var(--card); border-color:var(--ink); color:var(--ink)}

/* Yerleşim */
.y-wrap{display:grid; grid-template-columns:230px minmax(0, 1fr); gap:56px; padding-block:48px 88px}
.y-nav{position:sticky; top:96px; align-self:start}
.y-nav__t{margin:0 0 10px 12px; font:500 12.5px/1 var(--f-mono); letter-spacing:.06em; color:var(--muted)}
.y-nav ul{list-style:none; margin:0; padding:0; display:grid; gap:2px}
.y-nav a{display:block; padding:9px 12px; border-radius:10px; color:var(--ink-soft); font-weight:500; font-size:15.5px; line-height:1.3; text-decoration:none}
.y-nav a:hover{background:rgba(20,33,43,.06); color:var(--ink)}
.y-nav a[aria-current="page"]{background:var(--card); color:var(--ink); box-shadow:inset 3px 0 0 var(--teal), var(--shadow-1)}

/* Metin */
.y-doc{max-width:46em; min-width:0}
.y-doc h1{margin:0; font:600 clamp(2rem, 1.4rem + 2vw, 2.8rem)/1.08 var(--f-display); letter-spacing:-.025em; font-variation-settings:"SOFT" 50; text-wrap:balance}
.y-date{margin:12px 0 0; color:var(--muted); font-size:14.5px}
.y-lead{margin:22px 0 0; font-size:18px; color:var(--ink-soft)}
.y-doc h2{margin:40px 0 0; font:600 1.32rem/1.25 var(--f-display); letter-spacing:-.01em; font-variation-settings:"SOFT" 50}
.y-doc h3{margin:0; font:600 1.02rem/1.3 var(--f-body)}
.y-doc p{margin:10px 0 0}
.y-doc ul, .y-doc ol{margin:10px 0 0; padding-left:1.3em}
.y-doc li{margin-top:6px; padding-left:2px}
.y-doc li::marker{color:var(--teal)}

/* Satıcı kutusu ve veri kartları */
.firma, .kart{margin:14px 0 0; padding:4px 20px; background:var(--card); border:1px solid var(--rule); border-radius:14px; box-shadow:var(--shadow-1)}
.firma > div, .kart dl > div{display:grid; grid-template-columns:150px minmax(0, 1fr); gap:4px 16px; padding:10px 0; border-top:1px dashed var(--rule-2)}
.firma > div:first-child, .kart dl > div:first-child{border-top:0}
.firma dt, .kart dt{color:var(--muted); font-size:14.5px}
.firma dd, .kart dd{margin:0}
.firma dd{font-weight:500}
.kart{padding:16px 20px 6px}
.kart dl{margin:8px 0 0}
.y-cards{display:grid; gap:14px; margin-top:14px}
.y-cards .kart{margin:0}
.y-note{margin:16px 0 0; padding:14px 18px; border-radius:12px; background:var(--teal-tint); color:var(--teal-h)}
.eksik{display:inline-block; padding:0 9px; border-radius:999px; border:1px dashed var(--hardal); background:var(--hardal-tint); color:var(--hardal-ink); font:600 13px/1.7 var(--f-body)}

/* İndirme listesi (masaüstü ve 404 sayfaları) */
.y-btns{display:flex; flex-wrap:wrap; gap:10px; margin-top:18px}
.y-btn{display:inline-flex; align-items:center; min-height:46px; padding:0 22px; border-radius:999px; border:1.5px solid rgba(20,33,43,.26); color:var(--ink); font-weight:600; text-decoration:none}
.y-btn:hover{background:var(--card); border-color:var(--ink); color:var(--ink)}
.y-btn--ana{background:var(--teal); border-color:var(--teal); color:#fff}
.y-btn--ana:hover{background:var(--teal-h); border-color:var(--teal-h); color:#fff}
.y-doc .dosya{list-style:none; margin:14px 0 0; padding:4px 20px; background:var(--card); border:1px solid var(--rule); border-radius:14px; box-shadow:var(--shadow-1)}
.y-doc .dosya li{display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:2px 16px; margin:0; padding:11px 0; border-top:1px dashed var(--rule-2)}
.y-doc .dosya li:first-child{border-top:0}
.dosya a{font-weight:600}
.dosya span{color:var(--muted); font-size:14px; white-space:nowrap}

/* Alt bilgi */
.y-foot{background:var(--ink); color:#A7B2B8; font-size:14px}
.y-foot__in{display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px 28px; padding-block:26px}
.y-foot p{margin:0; max-width:60em}
.y-foot ul{display:flex; flex-wrap:wrap; gap:8px 22px; list-style:none; margin:0; padding:0}
.y-foot a{color:#E9E2D4; text-decoration:none}
.y-foot a:hover{color:#fff; text-decoration:underline}
.y-foot :focus-visible{outline-color:var(--cyan)}

@media (max-width:860px){
  .y-wrap{grid-template-columns:1fr; gap:28px; padding-top:24px}
  .y-nav{position:static}
  .y-nav__t{margin-left:0}
  .y-nav ul{display:flex; flex-wrap:wrap; gap:6px}
  .y-nav a{padding:7px 12px; border:1px solid var(--rule); background:var(--card); font-size:14.5px}
  .y-nav a[aria-current="page"]{box-shadow:none; border-color:var(--teal); color:var(--teal-h)}
}
@media (max-width:560px){
  .firma > div, .kart dl > div{grid-template-columns:1fr; gap:2px}
  .firma, .kart{padding-inline:16px}
}
@media print{
  body{background:#fff; font-size:11pt}
  .y-head, .y-nav, .y-foot, .skip{display:none}
  .y-wrap{display:block; padding:0}
  .firma, .kart{box-shadow:none}
}