.docs-layout { display:grid; grid-template-columns:240px 1fr; gap:48px; align-items:start; margin-top:48px; }
.docs-sidebar { position:sticky; top:88px; }
.docs-sidebar nav { background:var(--bg-2); border:1px solid var(--line); border-radius:12px; padding:20px; }
.docs-sidebar nav h4 { font-size:11px; font-weight:700; color:var(--muted-2); text-transform:uppercase; letter-spacing:.08em; margin-bottom:12px; }
.docs-sidebar nav a { display:block; font-size:13px; color:var(--muted); padding:6px 8px; border-radius:6px; text-decoration:none; transition:color .15s,background .15s; margin-bottom:2px; }
.docs-sidebar nav a:hover { color:var(--ink); background:var(--bg-3); }
.docs-sidebar nav a.active { color:var(--red); background:var(--red-soft); font-weight:600; }
.docs-sidebar nav .sep { height:1px; background:var(--line); margin:10px 0; }
.docs-sidebar .other-docs { margin-top:16px; background:var(--bg-2); border:1px solid var(--line); border-radius:12px; padding:16px; }
.docs-sidebar .other-docs h4 { font-size:11px; font-weight:700; color:var(--muted-2); text-transform:uppercase; letter-spacing:.08em; margin-bottom:10px; }
.docs-sidebar .other-docs a { display:block; font-size:12px; color:var(--muted); padding:5px 6px; border-radius:5px; text-decoration:none; }
.docs-sidebar .other-docs a:hover { color:var(--red); }
.docs-article > section { scroll-margin-top:88px; }
.docs-article h2 { font-family:var(--font-head); font-size:1.65rem; font-weight:600; letter-spacing:-0.01em; color:var(--ink); margin:40px 0 16px; padding-top:32px; border-top:1px solid var(--line); }
.docs-article > section:first-of-type .doc-lang > h2:first-child { border-top:none; padding-top:0; margin-top:0; }
.docs-article h3 { font-family:var(--font-head); font-size:1.15rem; font-weight:600; color:var(--ink); margin:28px 0 10px; }
.docs-article p { font-size:15px; color:var(--muted); line-height:1.75; margin-bottom:16px; }
.docs-article ul, .docs-article ol { padding-left:20px; margin-bottom:16px; }
.docs-article li { font-size:15px; color:var(--muted); line-height:1.7; margin-bottom:6px; }
.docs-article code { background:var(--bg-3); border:1px solid var(--line); border-radius:4px; padding:1px 6px; font-size:13px; font-family:'SF Mono','Fira Mono',monospace; color:var(--ink); }
.docs-article pre { background:var(--bg-2); border:1px solid var(--line); border-radius:10px; padding:18px 20px; margin:16px 0; overflow-x:auto; }
.docs-article pre code { background:none; border:none; padding:0; font-size:13px; line-height:1.7; }
.callout { border-radius:10px; padding:14px 18px; margin:20px 0; font-size:14px; line-height:1.6; }
.callout.info { background:rgba(59,130,246,.08); border:1px solid rgba(59,130,246,.2); color:#1e40af; }
.callout.warn { background:rgba(249,115,22,.08); border:1px solid rgba(249,115,22,.2); color:#9a3412; }
.callout.tip { background:rgba(34,197,94,.08); border:1px solid rgba(34,197,94,.2); color:#14532d; }
.table-wrap { overflow-x:auto; margin:16px 0; }
.docs-table { width:100%; border-collapse:collapse; font-size:14px; }
.docs-table th { text-align:left; padding:10px 14px; background:var(--bg-2); color:var(--muted-2); font-weight:600; font-size:12px; border-bottom:1px solid var(--line); }
.docs-table td { padding:10px 14px; color:var(--muted); border-bottom:1px solid var(--line); vertical-align:top; }
.docs-table td:first-child { font-weight:600; color:var(--ink); white-space:nowrap; }
.doc-actions { display:flex; gap:12px; flex-wrap:wrap; }
.step-list { counter-reset:step; list-style:none; padding-left:0; }
.step-list li { position:relative; padding-left:38px; margin-bottom:14px; }
.step-list li::before { counter-increment:step; content:counter(step); position:absolute; left:0; top:0; width:24px; height:24px; border-radius:50%; background:var(--red-soft); color:var(--red); font-size:12px; font-weight:700; display:flex; align-items:center; justify-content:center; }
.mail-gallery { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:22px 0 26px; align-items:start; }
.mail-gallery figure { margin:0; border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--bg-2); }
.mail-gallery a { display:block; }
.mail-gallery img { display:block; width:100%; height:auto; }
.mail-gallery figcaption { font-size:12.5px; color:var(--muted-2); padding:9px 12px; border-top:1px solid var(--line); background:var(--bg); }
.mail-note { font-size:13px; color:var(--muted-2); margin-top:-10px; }
@media(max-width:760px){ .mail-gallery{ grid-template-columns:1fr; } }
/* Sprach-Umschaltung: an den globalen Sprachschalter (html[lang]) gekoppelt */
.doc-lang--en { display:none; }
html[lang="en"] .doc-lang--de, html[lang="tr"] .doc-lang--de { display:none; }
html[lang="en"] .doc-lang--en, html[lang="tr"] .doc-lang--en { display:block; }
.docs-layout > * { min-width:0; }
@media(max-width:980px){ .docs-layout{grid-template-columns:minmax(0,1fr);} .docs-sidebar{position:static;} }