/* === CSS extrahiert aus hfx360-api.html (extrahiert 2026-04-26) === */
  @import url('/shared/fonts/inter.css');
  * { margin:0; padding:0; box-sizing:border-box; }
  body {
    font-family:'Inter',-apple-system,sans-serif;
    background:#0d1117; color:#e6edf3; min-height:100vh;
    -webkit-font-smoothing:antialiased;
  }
  nav {
    position:sticky; top:0; z-index:10;
    background:rgba(22,27,34,0.9); backdrop-filter:blur(20px);
    border-bottom:1px solid rgba(48,54,61,0.6);
    padding:14px 28px; display:flex; align-items:center; gap:16px;
  }
  nav .logo { font-size:19px; font-weight:700; color:#04b3d6; text-decoration:none; }
  nav .title { font-size:14px; color:#8b949e; }
  nav .back { margin-left:auto; color:#8b949e; text-decoration:none; font-size:13px; padding:6px 12px; border-radius:8px; border:1px solid rgba(48,54,61,0.6); }
  nav .back:hover { color:#e6edf3; background:rgba(255,255,255,0.05); }
  main { max-width:960px; margin:0 auto; padding:40px 32px; }
  h1 { font-size:28px; font-weight:700; margin-bottom:8px; color:#fff; }
  .sub { color:#8b949e; font-size:14px; margin-bottom:32px; }
  h2 { font-size:20px; font-weight:600; margin:36px 0 12px; color:#fff; border-bottom:1px solid rgba(48,54,61,0.6); padding-bottom:8px; }
  h3 { font-size:15px; font-weight:600; margin:20px 0 8px; color:#58a6ff; }
  p, li { font-size:14px; line-height:1.7; color:#c9d1d9; }
  ul, ol { margin-left:24px; margin-bottom:12px; }
  ol.steps { list-style:none; margin-left:0; counter-reset:step; }
  ol.steps > li { counter-increment:step; position:relative; padding:12px 14px 12px 56px; margin:10px 0; background:rgba(22,27,34,0.6); border:1px solid rgba(48,54,61,0.6); border-radius:10px; }
  ol.steps > li::before { content:counter(step); position:absolute; left:14px; top:12px; width:28px; height:28px; background:#04b3d6; color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px; }
  code {
    background:rgba(110,118,129,0.2); padding:2px 6px; border-radius:4px;
    font-family:'SF Mono','Menlo',monospace; font-size:12px; color:#f0883e;
  }
  pre {
    background:#161b22; border:1px solid rgba(48,54,61,0.6); border-radius:10px;
    padding:14px 18px; margin:12px 0; overflow-x:auto;
  }
  pre code {
    background:none; padding:0; color:#e6edf3; font-size:12.5px; line-height:1.6;
  }
  .box {
    background:rgba(4,179,214,0.08); border:1px solid rgba(4,179,214,0.35);
    border-radius:12px; padding:16px 20px; margin:16px 0;
  }
  .box.danger { background:rgba(248,81,73,0.08); border-color:rgba(248,81,73,0.4); }
  .box.warn { background:rgba(210,153,34,0.1); border-color:rgba(210,153,34,0.35); }
  .box.ok { background:rgba(63,185,80,0.08); border-color:rgba(63,185,80,0.35); }
  .box strong { color:#fff; }
  table { width:100%; border-collapse:collapse; margin:12px 0; font-size:13px; }
  th { text-align:left; padding:10px 12px; background:rgba(48,54,61,0.5); color:#8b949e; font-weight:600; font-size:11px; text-transform:uppercase; letter-spacing:0.5px; }
  td { padding:10px 12px; border-bottom:1px solid rgba(48,54,61,0.5); color:#c9d1d9; vertical-align:top; }
  .tag { display:inline-block; padding:2px 8px; border-radius:4px; font-size:11px; font-weight:600; }
  .tag.ok { background:rgba(63,185,80,0.15); color:#3fb950; }
  .tag.warn { background:rgba(210,153,34,0.15); color:#d29922; }
  .tag.err { background:rgba(248,81,73,0.15); color:#f85149; }
  .toc { background:rgba(22,27,34,0.6); border:1px solid rgba(48,54,61,0.6); border-radius:10px; padding:16px 20px; margin-bottom:24px; }
  .toc a { color:#58a6ff; text-decoration:none; font-size:13px; }
  .toc a:hover { text-decoration:underline; }
  .folder { display:inline-block; background:rgba(48,54,61,0.6); border:1px solid rgba(48,54,61,0.8); border-radius:6px; padding:3px 10px; font-family:'SF Mono',monospace; font-size:12px; color:#f0883e; }


/* === Auto-generierte Klassen aus inline style="..." (hfx360-api.html, 4 unique) === */
.s-7257b9 { color:#fff;display:block;margin-bottom:8px; }
.s-e85108 { display:flex;flex-wrap:wrap;gap:14px; }
.s-b82567 { color:#f85149; }
.s-d79ce2 { margin-top:8px; }