:root{--bg:#faf9f7;--surface:#ffffff;--text:#1f2430;--muted:#5c6470;--line:#e6e1d9;--accent:#5b36d6;--accent-soft:#f3efff;--max:900px}
html[data-theme="dark"]{--bg:#0B0D11;--surface:#12151B;--text:#FAFAF8;--muted:#A0AAB5;--line:rgba(255,255,255,0.1);--accent:#AC8FFF;--accent-soft:rgba(124,58,237,0.15)}
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]){--bg:#0B0D11;--surface:#12151B;--text:#FAFAF8;--muted:#A0AAB5;--line:rgba(255,255,255,0.1);--accent:#AC8FFF;--accent-soft:rgba(124,58,237,0.15)} }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;transition:background-color 0.2s,color 0.2s}
*:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
a{color:var(--accent);text-decoration:none} a:hover{text-decoration:underline}
.site-header{position:sticky;top:0;z-index:20;background:rgba(250,249,247,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav-wrap{max-width:1100px;margin:0 auto;padding:12px 20px;display:flex;gap:18px;align-items:center;justify-content:space-between}
.brand{font-weight:800;letter-spacing:.02em;color:var(--text)}
.nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.nav a{padding:8px 10px;border-radius:999px;color:var(--muted);font-size:14px}.nav a.active,.nav a:hover{background:var(--accent-soft);color:var(--accent);text-decoration:none}
.main{max-width:var(--max);margin:40px auto;padding:0 20px 60px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:34px 38px;box-shadow:0 6px 18px rgba(25,31,44,.04)}
.meta{color:var(--muted);font-size:14px;margin-top:6px}
h1{font-size:clamp(34px,4.2vw,48px);line-height:1.12;margin:6px 0 10px;letter-spacing:-.03em} h2{font-size:26px;line-height:1.25;margin:34px 0 12px;color:var(--text)}
p{margin:0 0 14px} ul{margin:8px 0 18px 22px;padding:0} li{margin:0 0 8px}
.lead{font-size:18px;color:#36404d}.contact,.related,.status-box{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:18px 18px 6px;margin:26px 0 10px}.status-box{background:var(--accent-soft);border-color:#ddd2ff}
.smallcaps{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:800}.footer{max-width:var(--max);margin:10px auto 60px;padding:0 20px;color:var(--muted);font-size:13px}

.doc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px}
.doc-card{display:flex;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-decoration:none;transition:border-color .2s,box-shadow .2s;color:var(--text)}
.doc-card:hover,.doc-card:focus-visible{border-color:var(--accent);box-shadow:0 4px 12px rgba(0,0,0,.04);text-decoration:none;background:var(--bg)}
.doc-card h3{margin:0 0 6px;font-size:16px;font-weight:600;color:var(--accent);line-height:1.3;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.doc-card .desc{margin:0;font-size:14px;color:var(--muted);line-height:1.5}
.badge{min-width:max-content;font-size:10px;padding:3px 6px;border-radius:4px;background:var(--accent-soft);color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.05em}

@media (max-width:760px){.card{padding:24px 20px;border-radius:18px}.nav-wrap{flex-wrap:wrap;align-items:flex-start;flex-direction:column;gap:12px}.nav{justify-content:flex-start;flex-wrap:wrap;gap:4px;margin-top:0}.nav a{padding:6px 8px;font-size:13px}.doc-card{padding:18px}}

/* Cookie Banner */
.cookie-banner { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); width: 90%; max-width: 720px; background: var(--bg); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1); padding: 20px 24px; z-index: 9999; display: flex; flex-direction: column; gap: 16px; font-size: 14px; }
[data-theme="dark"] .cookie-banner { box-shadow: 0 4px 20px rgba(0,0,0,0.4); }
.cookie-banner[aria-hidden="true"] { display: none !important; }
.cookie-banner p { margin: 0; font-size: 13px; line-height: 1.5; color: var(--muted); }
.cookie-banner h4 { margin: 0 0 6px 0; font-size: 16px; color: var(--text); }
.cookie-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 8px; }
.cookie-actions button { padding: 8px 16px; font-size: 13px; font-weight: 600; border-radius: 8px; transition: opacity 0.2s; white-space: nowrap; border:none; cursor:pointer; }
.cb-btn-primary { background: var(--accent); color: #fff; }
.cb-btn-primary:hover { opacity:0.9; }
.cb-btn-outline { background: transparent; border: 1px solid var(--line) !important; color: var(--text); }
.cb-btn-outline:hover { border-color: var(--accent) !important; color: var(--accent); }
.cb-btn-ghost { background: transparent; color: var(--muted); border: none !important; }
.cb-btn-ghost:hover { color: var(--accent); }
.cookie-preferences { display: none; flex-direction: column; gap: 12px; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line); }
.cookie-preferences.open { display: flex; }
.pref-row { display: flex; justify-content: space-between; align-items: center; }
.pref-info strong { display: block; color: var(--text); margin-bottom: 2px; }
.pref-info span { color: var(--muted); font-size: 12px; }