/* WB Knowledge Hub — from knowledge-hub.html (design handoff). Namespaced under .wbkh. */
.wbkh{font-family:'Raleway',Arial,sans-serif;color:#212529;max-width:1180px;margin:0 auto;padding:0 24px 80px;-webkit-font-smoothing:antialiased}
.wbkh *{box-sizing:border-box}
.wbkh h1,.wbkh h2,.wbkh h3.wbkh-grp,.wbkh .wbkh-ox{font-family:'Oxanium',Arial,sans-serif}
.wbkh-bar{width:28px;height:4px;background:#FF0A01;margin-bottom:2px}
.wbkh-bar--sm{width:22px;height:3px;margin-bottom:6px}
.wbkh-hero{padding:56px 0 4px;border-bottom:1px solid #e9ecef;display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.wbkh-hero__text{flex:1;min-width:300px}
.wbkh-hero h1{font-size:42px;font-weight:700;margin:0 0 12px;line-height:1.15}
.wbkh-lede{font-size:17px;color:#495057;margin:0 0 28px;line-height:1.55}
.wbkh-hero__icon{flex-shrink:0;width:clamp(150px,20vw,250px);height:auto;display:block}
.wbkh-sec{padding:48px 0 0}
.wbkh-sec h2{font-size:26px;font-weight:700;margin:0 0 6px;scroll-margin-top:24px}
.wbkh-sub{font-size:15px;color:#6c757d;margin:0 0 24px}
.wbkh-search{display:flex;align-items:center;gap:12px;border:2px solid #dee2e6;border-radius:4px;padding:0 16px;background:#fff}
.wbkh-search--hero{max-width:560px}
.wbkh-search--lib{margin-bottom:20px}
.wbkh-search:focus-within{border-color:#0083FF}
.wbkh-search input{flex:1;min-width:0;border:0;outline:0;font:400 16px/1.4 'Raleway',Arial,sans-serif;padding:16px 0;color:#212529;background:transparent}
.wbkh-search--lib input{padding:14px 0}
.wbkh-count{flex-shrink:0;font-size:13px;color:#868e96;white-space:nowrap}
.wbkh-tri{flex-shrink:0;display:inline-block;background:#FF0A01;clip-path:polygon(0% 0%,100% 0%,100% 100%);transform:rotate(90deg)}
.wbkh-tri--sm{width:12px;height:12px}
.wbkh-tri--xs{width:9px;height:9px}
.wbkh-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.wbkh-card{cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:22px 22px 20px;border:1px solid #dee2e6;border-radius:4px;background:#fff;min-height:132px;text-align:left;font-family:inherit}
.wbkh-card:hover{border-color:#0083FF;background:#f8f9fa}
.wbkh-card:focus-visible{outline:2px solid #0083FF;outline-offset:2px}
.wbkh-card[aria-pressed="true"]{border-color:#0083FF;background:#eaf4ff}
.wbkh-card__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.wbkh-card h3{font-family:'Oxanium',Arial,sans-serif;font-size:17px;font-weight:700;margin:0;line-height:1.25;color:#212529}
.wbkh-card__n{flex-shrink:0;font-family:'Oxanium',Arial,sans-serif;font-size:13px;font-weight:700;color:#0083FF}
.wbkh-card p{margin:0;font-size:14px;line-height:1.5;color:#6c757d}
.wbkh-rowhead{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 24px}
.wbkh-link{background:none;border:0;padding:0;cursor:pointer;font:600 13px 'Raleway',Arial,sans-serif;color:#0083FF;text-decoration:underline;white-space:nowrap}
.wbkh-link:focus-visible{outline:2px solid #0083FF;outline-offset:2px}
.wbkh-grpwrap{margin-bottom:32px}
.wbkh-grp{font-size:19px;font-weight:700;letter-spacing:.02em;color:#212529;margin:0 0 12px}
.wbkh-list{border-top:1px solid #e9ecef}
.wbkh-list--grp{border-top:2px solid #212529}
.wbkh-row{border-bottom:1px solid #e9ecef}
.wbkh-row[hidden]{display:none}
.wbkh-qbtn{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:56px;padding:16px 8px;cursor:pointer;text-align:left;border:0;border-radius:4px;background:transparent;font:600 16px/1.4 'Raleway',Arial,sans-serif;color:#212529}
.wbkh-qbtn:hover{background:#eaf4ff}
.wbkh-qbtn[aria-expanded="true"]{background:#eaf4ff}
.wbkh-qbtn h3,.wbkh-qbtn h4{margin:0;font:inherit;color:inherit}
.wbkh-qtri{flex-shrink:0;width:14px;height:14px;display:inline-block;background:#FF0A01;clip-path:polygon(0% 0%,100% 0%,100% 100%);transform:rotate(90deg);transition:transform .15s ease}
.wbkh-qbtn:hover .wbkh-qtri,.wbkh-qbtn[aria-expanded="true"] .wbkh-qtri{background:#0083FF}
.wbkh-qbtn[aria-expanded="true"] .wbkh-qtri{transform:rotate(135deg)}
.wbkh-ans{padding:0 48px 22px 8px}
.wbkh-ans[hidden]{display:none}
.wbkh-ans p{margin:0 0 12px;font-size:15px;line-height:1.65;color:#495057}
.wbkh-ans a{font-size:14px;font-weight:600;color:#0067b8;text-decoration:none}
.wbkh-ans a:hover{color:#005596;text-decoration:underline}
.wbkh-tags{font-size:12px;color:#868e96;letter-spacing:.02em}
.wbkh-filters{display:flex;flex-direction:column;gap:16px;padding:22px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin-bottom:24px}
.wbkh-fgroup{display:flex;flex-direction:column;gap:10px}
.wbkh-fgroup+.wbkh-fgroup{padding-top:16px;border-top:1px solid #e3e6e9}
.wbkh-flabel{display:flex;align-items:center;gap:8px;font-family:'Oxanium',Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#212529}
.wbkh-chips{display:flex;flex-wrap:wrap;gap:8px}
.wbkh-chip{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;font:600 13px/1.2 'Raleway',Arial,sans-serif;padding:0 16px;border-radius:999px;border:1px solid #dee2e6;background:#fff;color:#212529}
.wbkh-chip:hover{border-color:#0083FF}
.wbkh-chip:focus-visible{outline:2px solid #0083FF;outline-offset:2px}
.wbkh-chip[aria-pressed="true"]{background:#0083FF;border-color:#0083FF;color:#fff}
.wbkh-resbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:8px}
.wbkh-resbar p{margin:0;font-size:14px;color:#6c757d}
.wbkh-actions{display:flex;align-items:center;gap:18px}
.wbkh-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.wbkh-tile{text-decoration:none;color:#212529;display:flex;align-items:center;gap:10px;padding:18px;border:1px solid #dee2e6;border-radius:4px;background:#fff;font-size:15px;font-weight:600;min-height:56px}
.wbkh-tile:hover{border-color:#0083FF;background:#f8f9fa;color:#0083FF}
.wbkh-tile:focus-visible{outline:2px solid #0083FF;outline-offset:2px}
.wbkh-empty{padding:32px 8px;text-align:center}
.wbkh-empty p{margin:0 0 14px;font-size:16px;color:#495057}
.wbkh-note{margin:-12px 0 20px;font-size:14px;font-weight:600;color:#0067b8}
.wbkh-note--quiet{font-weight:400;color:#6c757d}
.wbkh-ansrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
@media (max-width:640px){.wbkh-hero h1{font-size:32px}.wbkh-sec h2{font-size:22px}.wbkh-ans{padding:0 16px 22px 8px}}

/* ---- Theme integration (not in the design file) ---- */
/* Fonts are self-hosted by the theme (Oxanium 400-700, Raleway 400/500/700); no Google Fonts link needed. */
/* The theme paints a red triangle before every li inside #main; answers may contain lists. */
#main .wbkh li{padding-right:0}
#main .wbkh li:before{display:none}
.wbkh-ans__body ul,.wbkh-ans__body ol{margin:0 0 12px 20px;padding:0}
.wbkh-ans__body li{font-size:15px;line-height:1.65;color:#495057}
.wbkh-ans__body p:last-child{margin-bottom:12px}
/* Deep links (#q-…) and the section anchors clear the sticky header. */
.wbkh-row{scroll-margin-top:24px}
.wbkh-hero{padding-top:32px}
.wbkh h1,.wbkh h2,.wbkh h3,.wbkh h4{text-align:left}
.wbkh-search input:focus{box-shadow:none}
.wbkh-hero__icon{max-width:100%}