/* Gizlilik ve destek sayfalari. Renkler index.html ile ayni, uygulamanin
   paletinden (bkz. frontend/src/theme.ts). */
:root{
  --cream:#F6EFE2; --ink:#3B3129; --ink-soft:#6E6154;
  --accent:#C4796F; --accent-deep:#B2665C;
  --line:rgba(110,97,84,.16);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; min-height:100vh;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:17px; line-height:1.6; color:var(--ink);
  background:linear-gradient(180deg,#F6EFE2 0%, #EFE4D3 100%);
  padding:clamp(24px,6vw,64px) 16px;
}
main{max-width:680px; margin:0 auto}
.back{margin:0 0 20px; font-weight:600}
.back a{color:var(--accent-deep); text-decoration:none}
h1{font-size:clamp(32px,7vw,44px); line-height:1.1; margin:0 0 6px; letter-spacing:-.01em}
.meta{color:var(--ink-soft); margin:0 0 28px; font-size:15px}
.lead{font-size:18px}
h2{font-size:22px; margin:36px 0 8px; padding-top:20px; border-top:1px solid var(--line)}
h3{font-size:17px; margin:22px 0 4px}
p,ul{margin:0 0 12px}
ul{padding-left:22px}
li{margin-bottom:6px}
a{color:var(--accent-deep)}