/* Article gallery: uses the existing HimClean palette and keeps the topic navigator intact. */
.kb-quick .kb-quick-articles{display:inline-flex;align-items:center;gap:6px;background:#fff1b8;border-color:#f1df94;color:#343653;font-weight:750}
.kb-quick-articles b{font-size:10px;line-height:1.4;background:#fff;border-radius:999px;min-width:20px;text-align:center}
.kb-gallery{padding:clamp(22px,3.3vw,40px);margin:0 0 38px;border:1px solid #e2e8f0;border-radius:24px;background:#eaf0f7;overflow:hidden}
.kb-gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 24px}
.kb-gallery-eyebrow{display:flex;align-items:center;gap:8px;color:#64728b;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.kb-gallery-eyebrow i{width:8px;height:8px;border-radius:50%;background:#e3c556}
.kb-gallery-heading h2{margin:10px 0 6px;color:#30334e;font-size:clamp(30px,3.3vw,40px);line-height:1.12;letter-spacing:-.035em}
.kb-gallery-heading p{margin:0;color:#68788d;font-size:15px;line-height:1.5}
.kb-gallery-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.kb-gallery-count{color:#64728b;font-size:13px;font-weight:700;white-space:nowrap}
.kb-gallery-all{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:44px;padding:0 17px;background:#30334e;border-radius:12px;color:#fff;font-size:13px;font-weight:750;transition:background .18s ease,transform .18s ease}
.kb-gallery-all:hover{background:#5145a5;color:#fff;transform:translateY(-2px)}
.kb-gallery-all:focus-visible,.kb-latest-card:focus-visible,.kb-quick-articles:focus-visible{outline:3px solid #7768e3;outline-offset:3px}
.kb-gallery-swipe{display:none}
.kb-gallery .kb-latest-grid{gap:16px}
.kb-gallery .kb-latest-card{border:1px solid #e1e6ee;border-radius:17px;box-shadow:0 2px 5px rgba(35,48,72,.03);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.kb-gallery .kb-latest-card:hover{transform:translateY(-4px);border-color:#c6c9e4;box-shadow:0 14px 30px rgba(39,52,81,.13)}
.kb-gallery .kb-latest-cover{position:relative;aspect-ratio:1.65;background-color:#dfe7ef;background-size:cover}
.kb-gallery-badge{position:absolute;top:14px;left:14px;max-width:calc(100% - 28px);padding:7px 10px;border-radius:9px;background:rgba(255,255,255,.95);color:#3e4960;font-size:11px;font-weight:800;line-height:1.2}
.kb-gallery .kb-latest-copy{padding:19px 20px 20px}
.kb-gallery .kb-latest-copy small{color:#7b8799;font-size:11px;letter-spacing:.015em}
.kb-gallery .kb-latest-copy strong{font-size:18px;line-height:1.32;letter-spacing:-.012em}
.kb-gallery .kb-latest-copy p{font-size:13px;line-height:1.55}
.kb-gallery .kb-latest-copy>span{display:inline-flex;align-items:center;gap:3px;color:#5d50bd}
.kb-gallery .kb-latest-copy>span b{transition:transform .2s ease}
.kb-gallery .kb-latest-card:hover .kb-latest-copy>span b{transform:translate(3px,-3px)}
.kb-gallery-empty{grid-column:1/-1;margin:0;padding:25px;border:1px dashed #c5d0df;border-radius:15px;background:rgba(255,255,255,.6);color:#59697e;line-height:1.6}
.kb-gallery-pages{margin-top:22px}
@media(max-width:850px){.kb-gallery-heading{align-items:flex-start}.kb-gallery-actions{flex-direction:column;align-items:flex-end;gap:7px}}
@media(max-width:600px){.kb-gallery{padding:21px 16px 22px;border-radius:20px;margin-bottom:28px}.kb-gallery-heading{gap:12px;margin-bottom:18px}.kb-gallery-heading h2{font-size:28px;margin:8px 0 5px}.kb-gallery-heading p{font-size:13px}.kb-gallery-eyebrow{font-size:9px}.kb-gallery-count{font-size:11px}.kb-gallery-all{min-height:40px;padding:0 12px;font-size:12px}.kb-gallery-swipe{display:block;margin:-3px 0 12px;color:#77859a;font-size:11px}.kb-gallery .kb-latest-grid.is-preview{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(225px,84%);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;padding:0 1px 10px;scrollbar-width:thin}.kb-gallery .kb-latest-grid.is-preview .kb-latest-card{scroll-snap-align:start}.kb-gallery .kb-latest-grid.is-all{display:grid;grid-template-columns:1fr}.kb-gallery .kb-latest-copy{padding:16px}.kb-gallery .kb-latest-copy strong{font-size:17px}.kb-gallery .kb-latest-cover{aspect-ratio:1.75}}
@media(prefers-reduced-motion:reduce){.kb-gallery-all,.kb-gallery .kb-latest-card,.kb-gallery .kb-latest-copy>span b{transition:none}}
.kb-gallery .kb-latest-cover img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.kb-gallery-badge{z-index:1}
.kb-directions a .kb-category-end,.kb-group a .kb-category-end{display:inline-flex;align-items:center;gap:11px;flex:none;margin-left:8px}
.kb-category-count{display:inline-flex;justify-content:center;align-items:center;min-width:25px;height:24px;padding:0 6px;border-radius:8px;background:#e9edf4;color:#68758c;font-size:11px;font-weight:700;line-height:1}
.kb-directions a.is-active .kb-category-count,.kb-group a.is-active .kb-category-count{background:#fff;color:#4e4a79}
.kb-load-controls{display:flex;flex-direction:column;align-items:center;gap:15px;margin:26px 0 4px}
.kb-load-status{margin:0;color:#68788d;font-size:13px}
.kb-load-more{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:0 23px;border:1px solid #d3dbea;border-radius:12px;background:white;color:#30334e;font-weight:700;text-decoration:none}
.kb-load-more:hover{border-color:#7768e3;color:#5145a5}
.kb-page-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px}
.kb-page-nav a,.kb-page-nav .is-current,.kb-page-dots{display:grid;place-items:center;min-width:38px;height:38px;padding:0 8px;border-radius:10px;color:#485572;font-size:14px;text-decoration:none}
.kb-page-nav a{background:#fff;border:1px solid #e1e6ee}.kb-page-nav a:hover{border-color:#7768e3;color:#5145a5}.kb-page-nav .is-current{background:#30334e;color:#fff;font-weight:700}
.kb-load-more:focus-visible,.kb-page-nav a:focus-visible{outline:3px solid #7768e3;outline-offset:3px}
.kb-gallery .kb-gallery-actions .kb-gallery-all{color:#fff}
