:root{--navy:#061321;--navy2:#0b2138;--blue:#1f7cff;--cyan:#46dcff;--paper:#fff;--bg:#eaf0f7;--line:#d6e0eb;--muted:#65758b;--shadow:0 18px 55px rgba(14,39,67,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#13243a;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}.manual-top{position:sticky;top:0;z-index:50;background:rgba(6,19,33,.95);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.1)}.manual-top-inner{max-width:1500px;margin:auto;height:68px;padding:0 20px;display:flex;align-items:center;gap:18px}.manual-brand{color:#fff;text-decoration:none;font-weight:850;letter-spacing:-.02em}.manual-top nav{display:flex;gap:18px;margin-left:auto}.manual-top nav a{color:#b8c8da;text-decoration:none;font-size:13px;font-weight:650}.manual-download{display:inline-flex;padding:9px 13px;border-radius:10px;background:#1677ff;color:#fff!important}.manual-intro{background:radial-gradient(circle at 80% 20%,rgba(47,169,255,.24),transparent 32%),linear-gradient(145deg,var(--navy),var(--navy2));color:#fff}.manual-intro-inner{max-width:1500px;margin:auto;padding:38px 24px;display:grid;grid-template-columns:1fr 260px;gap:35px;align-items:center}.manual-kicker{text-transform:uppercase;letter-spacing:.16em;color:var(--cyan);font-size:11px;font-weight:800}.manual-intro h1{font-size:clamp(36px,5vw,58px);line-height:1;margin:10px 0 15px;letter-spacing:-.04em}.manual-intro p{margin:0;max-width:760px;color:#bed0e2;font-size:16px}.manual-product{max-width:240px;max-height:165px;justify-self:end;object-fit:contain;filter:drop-shadow(0 22px 28px rgba(0,0,0,.38))}.manual-workspace{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;padding:22px}.manual-sidebar{position:sticky;top:90px;align-self:start;max-height:calc(100vh - 112px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(20,50,80,.08)}.manual-sidebar h2{font-size:15px;margin:0 0 12px}.manual-search{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:inherit;margin-bottom:12px}.manual-toc{display:flex;flex-direction:column}.manual-toc a{color:#40546d;text-decoration:none;font-size:13px;padding:8px 9px;border-radius:8px}.manual-toc a:hover,.manual-toc a.active{background:#eaf3ff;color:#1268d5}.manual-tools{position:sticky;top:82px;z-index:30;background:rgba(234,240,247,.92);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:15px;padding:10px 12px;margin-bottom:15px;display:flex;align-items:center;gap:8px;box-shadow:0 10px 30px rgba(20,50,80,.08)}.manual-tools button{border:1px solid #cbd7e4;background:#fff;border-radius:9px;padding:8px 11px;font-weight:750;color:#243a54;cursor:pointer}.manual-tools button:hover{border-color:#1f7cff;color:#1268d5}.manual-tools .page-status{margin-left:auto;font-size:12px;color:var(--muted)}.manual-pages{--page-width:960px;display:flex;flex-direction:column;align-items:center;gap:22px}.pdf-page{width:min(100%,var(--page-width));background:#fff;border-radius:5px;box-shadow:var(--shadow);overflow:hidden;position:relative;scroll-margin-top:145px}.pdf-page img{display:block;width:100%;height:auto}.pdf-page-label{position:absolute;right:10px;top:10px;background:rgba(6,19,33,.78);color:#fff;font-size:11px;padding:5px 8px;border-radius:999px;opacity:.15;transition:.2s}.pdf-page:hover .pdf-page-label{opacity:1}.no-results{display:none;padding:35px;background:#fff;border-radius:18px;text-align:center;color:var(--muted)}.search-hit{outline:4px solid rgba(31,124,255,.45)}.manual-mobile-toc{display:none}.manual-footer{text-align:center;padding:35px 20px 50px;color:#728196;font-size:12px}.sr-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.manual-top nav a:not(.manual-download){display:none}.manual-intro-inner{grid-template-columns:1fr 160px}.manual-product{max-width:150px}.manual-workspace{grid-template-columns:1fr;padding:12px}.manual-sidebar{display:none}.manual-mobile-toc{display:block;width:100%;border:1px solid var(--line);border-radius:10px;padding:9px;background:#fff}.manual-tools{top:78px;flex-wrap:wrap}.manual-tools .page-status{width:100%;margin:2px 0 0;text-align:center}.manual-pages{gap:12px}.pdf-page{border-radius:3px}}
@media(max-width:560px){.manual-top-inner{height:60px;padding:0 12px}.manual-download{font-size:11px;padding:8px 9px}.manual-intro-inner{display:block;padding:26px 16px}.manual-product{display:none}.manual-intro h1{font-size:37px}.manual-workspace{padding:8px}.manual-tools{top:68px;padding:8px}.manual-tools button{padding:7px 9px;font-size:12px}.pdf-page-label{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Consistent navigation on online manuals */
.manual-top nav{align-items:center;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:1100px){.manual-top-inner{height:auto;min-height:68px;flex-wrap:wrap;padding-top:10px;padding-bottom:8px}.manual-brand{width:100%}.manual-top nav{display:flex;width:100%;margin-left:0;padding-bottom:5px}.manual-top nav a{display:inline-flex!important;flex:0 0 auto;font-size:12px}.manual-download{margin-left:auto}}
@media(max-width:560px){.manual-top-inner{height:auto}.manual-top nav{gap:14px}.manual-download{margin-left:0}}

/* v24: werkende zoom- en passendbediening voor beide online handleidingen */
.manual-workspace > section{min-width:0;overflow-x:auto;scrollbar-gutter:stable}
.manual-pages{width:max-content;min-width:100%;padding:0 2px 18px}
.pdf-page{width:var(--page-width);max-width:none;flex:0 0 auto}
.manual-tools button.active,.manual-tools button[aria-pressed="true"]{background:#1268d5;border-color:#1268d5;color:#fff}
@media(max-width:900px){.manual-workspace > section{overflow-x:auto}.manual-pages{align-items:flex-start}.pdf-page{margin-inline:auto}}

/* v36: official HDfury logo in manual header */
.manual-brand{display:inline-flex;align-items:center;min-width:0}
.manual-brand .manual-site-logo-image{display:block;width:clamp(145px,12vw,195px);height:auto;max-width:100%;object-fit:contain}
@media(max-width:560px){.manual-brand .manual-site-logo-image{width:150px}}


/* v60: keep online-manual header identical to the rest of the website */
body > header.top{
  position:relative;
  z-index:1000;
}
body > header.top .site-logo-image{
  display:block;
}
.manual-intro{
  position:relative;
  z-index:1;
}