/* Regnum Roxx hukuki sayfalar — PROJECT.md bölüm 11 token'ları (yeni renk yok). */
:root {
  --page: #EDEFF2;
  --surface: #FFFFFF;
  --line: #DDE1E7;
  --ink: #13161A;
  --soft: #454E5A;
  --mute: #5F6977;
  --carbon: #14171B;
  --gold-text: #8A6428;
  --gold-mid: #C9A876;
  --gold-tint: #F5EAD3;
  --warn-tint: #FFE9D3;
  --warn: #B55A0A;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--page);
  color: var(--ink);
  font-family: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.6;
}
header.top {
  background: var(--carbon);
  color: #fff;
  padding: 20px 16px;
}
header.top .wrap { max-width: 760px; margin: 0 auto; display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
header.top a { color: #fff; text-decoration: none; font-family: "Barlow Condensed", "Barlow", sans-serif; font-weight: 700; font-size: 22px; letter-spacing: 1px; }
header.top span { color: var(--gold-mid); font-size: 14px; }
main { max-width: 760px; margin: 0 auto; padding: 24px 16px 56px; }
article {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 24px 20px;
}
h1 {
  font-family: "Barlow Condensed", "Barlow", sans-serif;
  font-weight: 700;
  font-size: 34px;
  line-height: 1.1;
  margin: 0 0 4px;
}
h2 {
  font-family: "Barlow Condensed", "Barlow", sans-serif;
  font-weight: 700;
  font-size: 22px;
  margin: 28px 0 8px;
}
p, li { color: var(--soft); }
ul, ol { padding-left: 22px; }
li { margin: 4px 0; }
a { color: var(--gold-text); }
.meta { color: var(--mute); font-size: 14px; margin: 0 0 16px; }
table { width: 100%; border-collapse: collapse; margin: 8px 0 4px; font-size: 15px; }
th, td { text-align: left; vertical-align: top; padding: 8px 10px; border: 1px solid var(--line); }
th { background: var(--page); color: var(--ink); font-weight: 600; }
td { color: var(--soft); }
.tablewrap { overflow-x: auto; }
mark { background: #FFF3A8; color: var(--ink); padding: 0 3px; border-radius: 3px; }
.taslak {
  background: var(--warn-tint);
  color: var(--warn);
  border-radius: 10px;
  padding: 12px 14px;
  margin: 0 0 16px;
  font-size: 14px;
}
.taslak strong { color: var(--warn); }
ul.index { list-style: none; padding: 0; margin: 16px 0 0; display: grid; gap: 10px; }
ul.index a {
  display: block;
  padding: 14px 16px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 12px;
  text-decoration: none;
  color: var(--ink);
  font-weight: 600;
}
ul.index a small { display: block; color: var(--mute); font-weight: 400; font-size: 14px; }
footer { max-width: 760px; margin: 0 auto; padding: 0 16px 32px; color: var(--mute); font-size: 14px; }