/* Kaldırım Mühendisi — hukuki/alt sayfa stili.
   Ana sayfanın tasarım belirteçleriyle aynı; okunabilirlik için sola yaslı. */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
:root { --gold:#FACC15; --gold-dim:#b8960f; --black:#000; --gray:#111; --text:#e5e5e5; --muted:#9a9a9a; }
html { scroll-behavior:smooth; }
body {
  background:var(--black); color:var(--text);
  font-family:'Barlow',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-weight:300; line-height:1.75; -webkit-text-size-adjust:100%;
}
body::before {
  content:''; position:fixed; inset:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(250,204,21,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(250,204,21,.035) 1px, transparent 1px);
  background-size:60px 60px; z-index:0;
}
.topbar { position:fixed; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent); z-index:10; }
.wrap { position:relative; z-index:1; max-width:820px; margin:0 auto; padding:40px 22px 80px; }
.nav { display:flex; align-items:center; gap:14px; margin-bottom:36px; flex-wrap:wrap; }
.nav a.home { display:inline-flex; align-items:center; gap:9px; text-decoration:none; color:var(--text); }
.nav img { width:40px; height:auto; border-radius:8px; }
.nav .brand { font-family:'Bebas Neue',sans-serif; font-size:20px; letter-spacing:1.5px; color:var(--gold); }
.nav .back { margin-left:auto; font-size:13px; color:var(--muted); text-decoration:none;
  border:1px solid rgba(250,204,21,.28); border-radius:100px; padding:6px 15px; transition:.2s; }
.nav .back:hover { color:var(--gold); border-color:var(--gold); }
h1 { font-family:'Bebas Neue',sans-serif; font-size:clamp(30px,6vw,46px); letter-spacing:1.5px;
  color:#fff; line-height:1.1; margin-bottom:10px; }
h1 span { color:var(--gold); }
.updated { font-size:12.5px; color:var(--muted); letter-spacing:.4px; margin-bottom:8px; }
.lead { color:#c8c8c8; font-size:15.5px; margin:18px 0 30px; padding:16px 18px;
  border-left:3px solid var(--gold); background:rgba(250,204,21,.05); border-radius:0 10px 10px 0; }
.toc { margin:0 0 38px; padding:18px 20px; border:1px solid rgba(250,204,21,.18);
  border-radius:12px; background:rgba(255,255,255,.02); }
.toc strong { display:block; font-size:12px; letter-spacing:1.6px; text-transform:uppercase;
  color:var(--gold); margin-bottom:10px; font-weight:600; }
.toc ol { margin:0; padding-left:20px; columns:2; column-gap:26px; }
.toc li { margin-bottom:5px; font-size:12.5px; break-inside:avoid; letter-spacing:.3px; }
.toc a { color:#bdbdbd; text-decoration:none; }
.toc a:hover { color:var(--gold); }
section { margin-bottom:30px; scroll-margin-top:24px; }
h2 { font-size:15px; font-weight:600; letter-spacing:.6px; color:var(--gold);
  margin-bottom:9px; padding-bottom:7px; border-bottom:1px solid rgba(250,204,21,.16); }
section p { font-size:15px; color:#d6d6d6; white-space:pre-line; }
.card { border:1px solid rgba(250,204,21,.2); border-radius:14px; padding:22px;
  background:rgba(255,255,255,.02); margin-bottom:18px; }
.card h3 { font-size:15px; color:#fff; font-weight:600; margin-bottom:8px; }
.card p { font-size:14.5px; color:#cfcfcf; }
.steps { counter-reset:s; list-style:none; margin:6px 0 0; }
.steps li { counter-increment:s; position:relative; padding-left:38px; margin-bottom:14px; font-size:15px; color:#d6d6d6; }
.steps li::before { content:counter(s); position:absolute; left:0; top:1px;
  width:25px; height:25px; border-radius:50%; background:var(--gold); color:#000;
  font-weight:600; font-size:13px; display:flex; align-items:center; justify-content:center; }
.btn { display:inline-flex; align-items:center; gap:9px; background:var(--gold); color:#000;
  font-weight:600; font-size:14.5px; text-decoration:none; border-radius:12px;
  padding:12px 22px; margin-top:6px; transition:.2s; }
.btn:hover { background:#fff; }
.btn.ghost { background:transparent; color:var(--gold); border:1px solid rgba(250,204,21,.45); }
.btn.ghost:hover { background:rgba(250,204,21,.1); color:var(--gold); }
table { width:100%; border-collapse:collapse; margin-top:12px; font-size:14px; }
th, td { text-align:left; padding:10px 12px; border-bottom:1px solid rgba(255,255,255,.08); }
th { color:var(--gold); font-weight:600; font-size:12.5px; letter-spacing:.7px; text-transform:uppercase; }
td { color:#cfcfcf; }
.note { font-size:13px; color:var(--muted); font-style:italic; margin-top:10px; }
.foot { margin-top:52px; padding-top:22px; border-top:1px solid rgba(255,255,255,.09);
  text-align:center; font-size:12.5px; color:#7a7a7a; }
.foot a { color:var(--muted); text-decoration:none; margin:0 9px; }
.foot a:hover { color:var(--gold); }
.foot .co { margin-top:12px; letter-spacing:1.1px; font-size:11px; }
@media (max-width:600px){ .toc ol { columns:1; } .wrap { padding:28px 18px 60px; } }
.tablewrap { overflow-x:auto; -webkit-overflow-scrolling:touch; margin-top:12px; }
.tablewrap table { min-width:460px; margin-top:0; }