/* NFM+ Rechtstexte – bewusst ohne externe Ressourcen (keine CDN, keine Web-Fonts Dritter). */
:root{
  /* Uygulama temasiyla ayni (design-system.css / login.html): mavi NFM+ paleti */
  --nfm:#166EAD; --nfm-2:#11588A; --ink:#17212F; --soft:#4A5568; --line:#DCE6F1;
  --bg:#F2F6FB; --card:#fff; --todo-bg:#fff4c2; --todo-ink:#6b4e00;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);
  font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
a{color:var(--nfm-2)}
a:focus-visible,button:focus-visible{outline:3px solid #f0b400;outline-offset:2px}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:8px 12px}
.skip:focus{left:8px;top:8px;z-index:10}

.top{background:var(--nfm);color:#fff;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px}
.top-in{max-width:880px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;letter-spacing:.2px}
.brand img{height:28px;width:auto}
.lang{display:flex;gap:4px}
.lang button{border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;border-radius:6px;
  padding:4px 10px;font:600 13px/1.4 inherit;cursor:pointer}
.lang button[aria-pressed="true"]{background:#fff;color:var(--nfm)}

nav.docs{background:#fff;border-bottom:1px solid var(--line);overflow-x:auto}
nav.docs ul{list-style:none;margin:0 auto;padding:0 16px;max-width:880px;display:flex;gap:4px;white-space:nowrap}
nav.docs a{display:block;padding:10px 10px;text-decoration:none;color:var(--soft);font-size:14px;border-bottom:3px solid transparent}
nav.docs a[aria-current="page"]{color:var(--nfm);border-bottom-color:var(--nfm);font-weight:600}

main{max-width:880px;margin:24px auto;padding:0 16px}
article{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:28px 32px}
@media (max-width:600px){article{padding:20px 18px}}
article{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
h1,h2,h3,td,th,dd{overflow-wrap:anywhere}
h1{font-size:1.75rem;line-height:1.25;margin:0 0 6px;color:var(--nfm)}
h2{font-size:1.2rem;margin:2em 0 .5em;padding-top:.5em;border-top:1px solid var(--line)}
h3{font-size:1.02rem;margin:1.5em 0 .4em}
.meta{color:var(--soft);font-size:14px;margin:0 0 20px}
.note{background:#EBF3FC;border-left:4px solid #2387C8;padding:10px 14px;border-radius:4px;font-size:15px}
.draft{background:#fdecea;border-left:4px solid #b3261e;padding:10px 14px;border-radius:4px;font-size:14px;color:#5c1410}
mark.todo{background:var(--todo-bg);color:var(--todo-ink);padding:0 3px;border-radius:3px;font-weight:600}
table{width:100%;border-collapse:collapse;margin:12px 0;font-size:14.5px}
th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
th{background:#EBF3FC}
.tbl{overflow-x:auto}
ol.sub{list-style:none;padding-left:0;counter-reset:s}
ol.sub>li{counter-increment:s;padding-left:2.2em;position:relative;margin:.4em 0}
ol.sub>li::before{content:"(" counter(s) ")";position:absolute;left:0;color:var(--soft)}
dl.kv{display:grid;grid-template-columns:minmax(140px,220px) 1fr;gap:4px 16px;margin:8px 0}
dl.kv dt{color:var(--soft)}
dl.kv dd{margin:0}
@media (max-width:520px){dl.kv{grid-template-columns:1fr}dl.kv dd{margin-bottom:8px}}
.toc{columns:2;font-size:14.5px;margin:10px 0 0;padding-left:1.2em}
@media (max-width:600px){.toc{columns:1}}
footer{max-width:880px;margin:0 auto 40px;padding:0 16px;color:var(--soft);font-size:13px}
footer a{color:var(--soft)}
.sig{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}
.sig div{border-top:1px solid var(--ink);padding-top:6px;font-size:14px;min-height:60px}
@media (max-width:600px){.sig{grid-template-columns:1fr}}

[data-lang-block]{display:none}
html[data-lang="de"] [data-lang-block="de"],
html[data-lang="tr"] [data-lang-block="tr"]{display:block}

@media print{
  .top,.lang,nav.docs,.skip,footer .noprint{display:none}
  body{background:#fff;font-size:11pt}
  article{border:0;padding:0}
  main{margin:0;max-width:none}
  [data-lang-block]{display:block!important}
  [data-lang-block="tr"]{page-break-before:always}
  a{color:inherit;text-decoration:none}
}
.draft{margin-bottom:18px}
@media (max-width:600px){h1{font-size:1.4rem}}