/* Technical documentation hub */
#nav-catalogues{padding:8px 10px;border-radius:5px}
#nav-catalogues:hover,#nav-catalogues.active{background:rgba(52,133,183,.12);box-shadow:inset 0 0 0 1px rgba(52,133,183,.13)}
.mobile-drawer [data-i18n="nav_catalogues"].active{background:rgba(52,133,183,.08);border-left:3px solid var(--blue-primary)}

.doc-hub-hero{padding-bottom:44px}
.doc-hub-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:end;gap:72px}
.doc-hub-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule)}
.doc-hub-stat{background:#fff;padding:18px 20px}
.doc-hub-stat strong{display:block;font-family:var(--font-disp);font-size:27px;line-height:1;color:var(--blue-primary-dark);font-variant-numeric:tabular-nums}
.doc-hub-stat span{display:block;margin-top:7px;font-family:var(--font-mono);font-size:9px;line-height:1.35;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.doc-hub-body{padding-top:34px}
.doc-tools{position:relative;z-index:2;background:#fff;border:1px solid var(--rule);border-radius:8px;padding:20px;margin-bottom:38px;box-shadow:0 16px 44px rgba(42,115,161,.08)}
.doc-search-wrap{position:relative;margin-bottom:16px}
.doc-search-icon{position:absolute;left:16px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:var(--blue-primary);pointer-events:none}
.doc-search{width:100%;height:52px;border:1px solid var(--rule);border-radius:5px;background:var(--paper-b);padding:0 18px 0 48px;font-family:var(--font-sans);font-size:15px;color:var(--ink);transition:border-color .2s,box-shadow .2s,background .2s}
.doc-search:focus-visible{outline:2px solid var(--blue-primary);outline-offset:2px;border-color:var(--blue-primary);background:#fff;box-shadow:0 0 0 3px rgba(52,133,183,.12)}
.doc-search::placeholder{color:var(--muted)}
.doc-filter-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:end}
.doc-filter label{display:block;margin:0 0 7px;font-family:var(--font-mono);font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:var(--blue-primary-dark)}
.doc-filter select{width:100%;height:42px;border:1px solid var(--rule);border-radius:4px;background:#fff;padding:0 34px 0 12px;font-family:var(--font-sans);font-size:13px;color:var(--ink)}
.doc-filter select:focus{outline:2px solid rgba(52,133,183,.28);outline-offset:1px;border-color:var(--blue-primary)}
.doc-reset{height:42px;border:0;background:transparent;padding:0 10px;font-family:var(--font-sans);font-size:12px;font-weight:650;color:var(--blue-primary);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.doc-results-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:26px}
.doc-results-count{font-family:var(--font-disp);font-size:25px;line-height:1.1;color:var(--ink)}
.doc-results-count strong{color:var(--blue-primary);font-weight:600;font-variant-numeric:tabular-nums}
.doc-results-help{font-family:var(--font-sans);font-size:12px;color:var(--muted)}
.doc-family{margin-bottom:48px;scroll-margin-top:110px}
.doc-family-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;margin-bottom:17px;padding-bottom:13px;border-bottom:1px solid var(--rule)}
.doc-family-kicker{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-primary)}
.doc-family-title{margin:5px 0 0;font-family:var(--font-disp);font-size:clamp(22px,2.2vw,31px);font-weight:500;letter-spacing:-.02em;color:var(--ink)}
.doc-family-count{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.doc-family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.doc-family-grid .cat-dl-card{min-height:276px}
.doc-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:-4px}
.doc-card-tag{font-family:var(--font-mono);font-size:8px;letter-spacing:.07em;text-transform:uppercase;color:var(--blue-primary-dark);padding:4px 7px;border:1px solid var(--rule);border-radius:3px;background:var(--paper-b)}
.doc-card-actions{display:flex;align-items:center;gap:9px;margin-left:auto}
.doc-preview-btn{height:38px;padding:0 14px;border:1px solid var(--blue-primary);border-radius:4px;background:#fff;font-family:var(--font-sans);font-size:12px;font-weight:650;color:var(--blue-primary);cursor:pointer;transition:background .2s,color .2s,transform .2s}
.doc-preview-btn:hover{background:rgba(52,133,183,.08)}
.doc-preview-btn:active{transform:translateY(1px)}
.doc-related-link{display:inline-flex;align-items:center;gap:6px;margin-top:-5px;border:0;background:transparent;padding:0;font-family:var(--font-sans);font-size:12px;font-weight:650;color:var(--blue-primary);cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.doc-empty{padding:52px 24px;border:1px solid var(--rule);background:#fff;text-align:center}
.doc-empty strong{display:block;font-family:var(--font-disp);font-size:25px;color:var(--ink)}
.doc-empty span{display:block;margin-top:9px;font-family:var(--font-sans);font-size:14px;color:var(--muted)}

.doc-preview-dialog{width:min(1120px,calc(100vw - 42px));height:min(820px,calc(100dvh - 42px));padding:0;border:0;border-radius:10px;background:#fff;box-shadow:0 30px 90px rgba(18,55,78,.3);overflow:hidden}
.doc-preview-dialog::backdrop{background:rgba(19,52,73,.62);backdrop-filter:blur(5px)}
.doc-preview-shell{height:100%;display:grid;grid-template-rows:auto 1fr}
.doc-preview-head{display:flex;align-items:center;gap:16px;min-width:0;padding:15px 18px;border-bottom:1px solid var(--rule);background:#fff}
.doc-preview-logo{width:42px;height:34px;object-fit:contain;flex:0 0 auto}
.doc-preview-copy{min-width:0;flex:1}
.doc-preview-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-sans);font-size:14px;color:var(--ink)}
.doc-preview-copy span{display:block;margin-top:3px;font-family:var(--font-mono);font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:var(--blue-primary)}
.doc-preview-actions{display:flex;align-items:center;gap:8px}
.doc-preview-open,.doc-preview-download{height:38px;display:inline-flex;align-items:center;padding:0 14px;border-radius:4px;font-family:var(--font-sans);font-size:12px;font-weight:650;text-decoration:none;white-space:nowrap}
.doc-preview-open{border:1px solid var(--rule);color:var(--blue-primary-dark);background:#fff}
.doc-preview-download{border:1px solid var(--blue-primary);color:#fff;background:var(--blue-primary)}
.doc-preview-close{width:38px;height:38px;border:1px solid var(--rule);border-radius:50%;background:#fff;color:var(--ink);font-size:20px;line-height:1;cursor:pointer}
.doc-preview-frame{display:block;width:100%;height:100%;border:0;background:var(--paper-b)}

@media(max-width:900px){.doc-hub-hero-grid{grid-template-columns:1fr;gap:28px}.doc-hub-summary{max-width:420px}.doc-filter-row{grid-template-columns:1fr 1fr}.doc-reset{justify-self:start}.doc-family-grid{grid-template-columns:1fr}.doc-preview-open{display:none}}
@media(max-width:620px){#nav-catalogues{padding:4px 0;background:transparent;box-shadow:none}.doc-tools{padding:14px}.doc-filter-row{grid-template-columns:1fr}.doc-results-head{display:block}.doc-results-help{display:block;margin-top:7px}.doc-family-head{grid-template-columns:1fr}.doc-family-count{display:none}.doc-card-actions{width:100%;margin:6px 0 0}.doc-preview-btn,.cat-dl-btn{flex:1;justify-content:center}.doc-preview-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0}.doc-preview-head{align-items:flex-start;flex-wrap:wrap}.doc-preview-actions{width:100%}.doc-preview-download{flex:1;justify-content:center}.doc-preview-close{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.doc-preview-btn,.doc-search{transition:none}}