/* ==========================================================
   PACE hukuk sayfalari. Ana sayfanin renk, yazi ve karanlik
   mod kurallarini paylasir; uzun metin okumaya gore sade.
   ========================================================== */
:root{
  --cream:#F8F5EE; --panel:#F0EDE4; --ink:#0D0D0B;
  --muted:#44443F; --faint:#5A5954; --dmuted:#B2B1AA;
  --line:#E2DDD1; --line-strong:#8A8478; --dline:#2A2926;
  --display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;
  --body:'Outfit',system-ui,-apple-system,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --ease:cubic-bezier(.22,.61,.36,1);
  --pad:clamp(16px,5vw,72px);
  --inv-bg:var(--ink); --inv-fg:#FFFFFF;
  --nav-bg:rgba(248,245,238,.9);
  --accent:#3D6609; --fill:#C6F135; --on-dark:#B7EA4A; --on-fill:#0D0D0B;
  /* taslak isaretleri: sicak sari, metin her iki modda okunur kalir */
  --todo-bg:#FFF1B8; --todo-ink:#4A3A00; --note-bg:#F3EBD3; --note-line:#C9A227;
}
:root[data-theme="dark"]{
  --cream:#121211; --panel:#1A1A17; --ink:#F2EFE8;
  --muted:#BEBDB6; --faint:#9E9D96;
  --line:#2A2925; --line-strong:#55534C; --dline:#2C2B27;
  --inv-bg:#070706; --inv-fg:#F2EFE8;
  --nav-bg:rgba(18,18,17,.9);
  --accent:var(--on-dark);
  --todo-bg:#3A3110; --todo-ink:#F5E3A0; --note-bg:#211E14; --note-line:#9C7E1E;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);
  font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
p{margin:0}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--ink);color:var(--cream);padding:12px 18px;font-weight:700}
.skip:focus{left:0}
.wrap{max-width:1120px;margin:0 auto;padding-inline:var(--pad)}

/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;
  padding:14px var(--pad);background:var(--nav-bg);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}
.brand{display:flex;align-items:center;gap:8px;text-decoration:none}
.brand img{width:22px;height:22px}
.brand b{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:.02em}
.navtools{display:flex;align-items:center;gap:10px;margin-left:auto}
.home{font-size:14px;font-weight:500;color:var(--muted);text-decoration:none}
.home:hover{color:var(--ink)}
.theme{width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid var(--line-strong);
  border-radius:999px;background:transparent;cursor:pointer;color:var(--muted)}
.theme:hover{color:var(--ink);border-color:var(--ink)}
.theme svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme .moon{display:none}
:root[data-theme="dark"] .theme .moon{display:block}
:root[data-theme="dark"] .theme .sun{display:none}

/* ---------- baslik ---------- */
.head{padding-top:clamp(40px,7vw,84px);padding-bottom:clamp(20px,3vw,32px)}
.kicker{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);
  display:flex;align-items:center;gap:12px}
.kicker::before{content:"";width:26px;height:2px;background:var(--accent);flex:0 0 auto}
h1{margin:16px 0 0;font-family:var(--display);font-weight:700;line-height:.99;letter-spacing:-.016em;
  font-size:clamp(40px,6.4vw,80px);overflow-wrap:anywhere}
.meta{margin-top:18px;color:var(--muted);font-size:14.5px}

/* taslak bandi: yayin onayi gelene kadar her sayfanin basinda */
.draft{margin-top:22px;border:1px solid var(--note-line);background:var(--note-bg);border-radius:14px;padding:14px 18px;font-size:14px;line-height:1.6}
.draft b{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:4px}
.draft mark{font-size:13px}

/* ---------- sayfalar arasi gecis ---------- */
.docs{display:flex;flex-wrap:wrap;gap:8px;padding-block:6px 4px;margin:0;list-style:none;padding-left:0}
.docs a{display:inline-block;text-decoration:none;font-size:13.5px;font-weight:500;padding:7px 14px;border-radius:999px;
  border:1px solid var(--line-strong);color:var(--muted)}
.docs a:hover{color:var(--ink);border-color:var(--ink)}
.docs a[aria-current="page"]{background:var(--ink);color:var(--cream);border-color:var(--ink)}

/* ---------- metin ---------- */
.doc{padding-top:clamp(18px,3vw,30px);padding-bottom:clamp(64px,9vw,110px)}
.doc section{max-width:70ch;padding-top:clamp(26px,3.4vw,38px)}
.doc h2{font-family:var(--display);font-weight:700;font-size:clamp(26px,3vw,34px);line-height:1.05;margin:0 0 14px;
  display:flex;gap:12px;align-items:baseline}
.doc h2 .n{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--accent);flex:0 0 auto}
.doc p{color:var(--ink);overflow-wrap:break-word}
.doc p+p{margin-top:14px}
.doc p strong{font-weight:600}
mark{background:var(--todo-bg);color:var(--todo-ink);border-radius:3px;padding:0 2px;
  -webkit-box-decoration-break:clone;box-decoration-break:clone}
.note{max-width:70ch;margin-top:30px;border-left:3px solid var(--note-line);background:var(--note-bg);
  border-radius:0 12px 12px 0;padding:14px 18px;font-size:14.5px;color:var(--muted)}
.note b{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);display:block;margin-bottom:4px}
.mail{color:var(--accent);font-weight:500}

/* ---------- alt bilgi ---------- */
.foot{background:var(--inv-bg);color:var(--inv-fg);padding:clamp(34px,5vw,52px) 0 40px}
.foot-links{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;margin:0;padding:0}
.foot-links a{color:var(--dmuted);text-decoration:none;font-size:14px}
.foot-links a:hover,.foot-links a[aria-current="page"]{color:var(--on-dark)}
.foot small{display:block;margin-top:22px;color:var(--dmuted);font-size:12px;line-height:1.6;max-width:70ch}
.foot .mail{color:var(--on-dark)}

@media (max-width:560px){
  body{font-size:15.5px}
  .home{display:none}
  .draft,.note{padding:12px 14px}
}
@media print{
  .nav,.docs,.foot,.skip{display:none}
  body{background:#fff;color:#000}
}