/* DDF-Handbuch – Styles im Look der DeviceLib-Landingpage, auf .hb-* begrenzt.
   --brand-color wird von header.php gesetzt. */
.hb-body{
  --hb-bg:#f6f7fb; --hb-panel:#fff; --hb-panel2:#f9fafb; --hb-text:#111827; --hb-muted:#4b5563;
  --hb-stroke:rgba(17,24,39,.12); --hb-code:#0f172a;
  margin:0; font-family:system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,Helvetica,Arial,sans-serif;
  background:var(--hb-bg); color:var(--hb-text);
}
/* Header/Footer wie Landingpage (falls dbstyle.css sie nicht definiert) */
.hb-body .site-header{background:var(--brand-color,rgb(101,133,45));position:sticky;top:0;z-index:10}
.hb-body .site-header .header-inner{width:100%;max-width:1280px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:12px;box-sizing:border-box}
.hb-body .site-header .brand{color:#fff;font-weight:700;font-size:20px;text-decoration:none;white-space:nowrap}
.hb-body .site-header .nav{display:flex;align-items:center;gap:12px;margin-left:auto;flex-wrap:wrap}
.hb-body .site-header .nav a{color:#fff;text-decoration:none;font-weight:600}
.hb-body .site-header .nav a:hover{text-decoration:underline}
.hb-body .footer-bar{margin-top:32px;position:static}
.hb-body .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;border:1px solid var(--hb-stroke);background:#fff;color:var(--hb-text);font-weight:600;text-decoration:none}
.hb-body .btnPrimary{background:var(--brand-color);color:#fff;border-color:transparent}

.hb-layout{max-width:1280px;margin:0 auto;padding:24px 20px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;box-sizing:border-box}
@media (max-width:900px){.hb-layout{grid-template-columns:1fr}.hb-sidebar{position:static!important;max-height:none!important}}
.hb-sidebar{position:sticky;top:64px;align-self:start;max-height:calc(100vh - 80px);overflow:auto;background:var(--hb-panel);border:1px solid var(--hb-stroke);border-radius:18px;padding:14px}
.hb-toc-section{margin:14px 0 6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--brand-color)}
.hb-toc-link{display:block;padding:6px 10px;border-radius:10px;color:var(--hb-text);text-decoration:none;font-size:14px}
.hb-toc-link:hover{background:var(--hb-panel2)}
.hb-toc-link.is-active{background:var(--brand-color);color:#fff;font-weight:600}
.hb-search input{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:12px;border:1px solid var(--hb-stroke)}
.hb-formula-link{display:block;margin:12px 0 4px;padding:8px 10px;border-radius:10px;background:var(--brand-color);color:#fff;text-decoration:none;font-weight:600;text-align:center}
.hb-formula-link:hover{filter:brightness(1.05)}
.hb-search-results{list-style:none;margin:8px 0 0;padding:0;max-height:300px;overflow:auto}
.hb-search-results li a{display:block;padding:6px 8px;border-radius:8px;text-decoration:none;color:var(--hb-text);font-size:13px}
.hb-search-results li a:hover{background:var(--hb-panel2)}
.hb-search-results small{display:block;color:var(--hb-muted)}

.hb-content{background:var(--hb-panel);border:1px solid var(--hb-stroke);border-radius:18px;padding:28px 32px;min-width:0;line-height:1.6}
.hb-breadcrumb{font-size:13px;color:var(--hb-muted);margin-bottom:8px}
.hb-content h1{color:var(--brand-color);font-size:34px;line-height:1.15;margin:0 0 16px}
.hb-content h2{font-size:24px;margin:32px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--hb-stroke)}
.hb-content h3{font-size:18px;margin:24px 0 8px}
.hb-content a{color:var(--brand-color);text-decoration:underline}
.hb-content table{border-collapse:collapse;width:100%;margin:12px 0;font-size:14px;display:block;overflow-x:auto}
.hb-content th,.hb-content td{border:1px solid var(--hb-stroke);padding:6px 10px;text-align:left;vertical-align:top}
.hb-content th{background:var(--hb-panel2)}
.hb-content code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em;background:#f1f5f9;padding:1px 5px;border-radius:6px}
.hb-content pre{position:relative;background:var(--hb-code);color:#e2e8f0;border-radius:12px;padding:14px 16px;overflow:auto;font-size:13px;line-height:1.5}
.hb-content pre code{background:none;padding:0;color:inherit}
.hb-content pre.mermaid{background:#fff;color:inherit;border:1px solid var(--hb-stroke);text-align:center}
.hb-copy{position:absolute;top:8px;right:8px;font-size:12px;padding:4px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;cursor:pointer}
.hb-content .admonition,.hb-content details{border-left:4px solid var(--brand-color);background:var(--hb-panel2);border-radius:10px;padding:10px 14px;margin:14px 0}
.hb-content .admonition-title,.hb-content details summary{font-weight:700;margin:0 0 6px;cursor:default}
.hb-content details summary{cursor:pointer}
.hb-content .admonition.warning{border-color:#f59e0b;background:#fffbeb}
.hb-content .admonition.danger{border-color:#dc2626;background:#fef2f2}
.hb-content .admonition.tip{border-color:#10b981;background:#ecfdf5}
.hb-content .admonition.info{border-color:#3b82f6;background:#eff6ff}
.hb-content .tabbed-set{display:flex;flex-wrap:wrap;margin:12px 0}
.hb-content .tabbed-set>input{display:none}
.hb-content .tabbed-set>label{padding:6px 12px;cursor:pointer;border-bottom:2px solid transparent;font-weight:600}
.hb-content .tabbed-set>input:checked+label{border-color:var(--brand-color);color:var(--brand-color)}
.hb-content .tabbed-content{width:100%;order:99}
.hb-content .tabbed-set>.tabbed-content>.tabbed-block{display:none}
.hb-content dt{font-weight:700;margin-top:10px}
.hb-pager{display:flex;justify-content:space-between;gap:12px;margin-top:32px;flex-wrap:wrap}