/* Knowledge-base-only components. Blog cards, hero, TOC, FAQ, banners and pagination
   deliberately use their existing ROIMonitor stylesheets. No repeated base rules. */
.roimon-knowledge .kb-categories{margin-bottom:38px}
.roimon-knowledge .kb-section-heading{margin:0 0 18px}
.roimon-knowledge .kb-section-heading h2{margin:0 0 8px;color:var(--blue);font-size:22px;line-height:1.2}
.roimon-knowledge .kb-section-heading p{margin:0;color:rgba(27,27,27,.75);font-size:var(--body);line-height:var(--body-lh)}
.roimon-knowledge .kb-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.roimon-knowledge .kb-category-card{display:flex;align-items:center;gap:12px;min-width:0;padding:18px 14px;text-decoration:none;color:var(--blue);background:#fff;border:.5px solid rgba(27,27,27,.18);border-radius:var(--radius)}
.roimon-knowledge .kb-category-card:hover,.roimon-knowledge .kb-category-card:focus-visible{border-color:var(--accent)}
.roimon-knowledge .kb-category-icon{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;color:var(--accent)}
.roimon-knowledge .kb-category-icon img{display:block;width:100%;height:100%;object-fit:contain}
.roimon-knowledge .kb-category-card-text{display:flex;flex-direction:column;gap:4px;min-width:0}
.roimon-knowledge .kb-category-card-text strong{font-size:16px;font-weight:500;line-height:1.35;overflow-wrap:anywhere}
.roimon-knowledge .kb-category-card-text small{font-size:14px;font-weight:300;line-height:1.35;color:rgba(27,27,27,.65)}
.roimon-knowledge .kb-filter-bar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(145px,195px) minmax(145px,195px) auto;align-items:center;gap:12px;margin:0 0 12px}
.roimon-knowledge .kb-search-field,.roimon-knowledge .kb-filter-select{display:block;min-width:0}
.roimon-knowledge .kb-filter-bar input,.roimon-knowledge .kb-filter-bar select{display:block;width:100%;min-width:0;min-height:44px;padding:10px 12px;border:.5px solid rgba(27,27,27,.18);border-radius:var(--radius);background:#fff;color:var(--black);font:inherit;font-size:14px;line-height:1.4}
.roimon-knowledge .kb-filter-bar .btn{min-height:44px;align-self:stretch;cursor:pointer;font-size:15px;line-height:1;font-weight:400}
.roimon-knowledge .kb-result-count{margin:0 0 18px;font-size:13px;color:rgba(27,27,27,.65)}
.roimon-knowledge .kb-no-image{display:flex;align-items:center;justify-content:center;width:100%;height:160px;color:var(--accent);background:#f5f5f5;border-radius:var(--radius)}
.roimon-knowledge .kb-empty{border:.5px solid rgba(27,27,27,.18);border-radius:var(--radius);padding:20px}
.roimon-knowledge .kb-empty p{margin:0}
.roimon-knowledge .kb-faq{margin:40px 0 0}
.roimon-knowledge .kb-faq h2{margin:0 0 18px;color:var(--blue);font-size:22px}
.article details.toc > summary.toc-title{cursor:pointer;list-style:none;margin-bottom:0}
.article details.toc[open] > summary.toc-title{margin-bottom:10px}
.article details.toc > summary.toc-title::-webkit-details-marker{display:none}
.article .kb-faq{margin:30px 0}
.article .kb-faq h2{margin:0 0 18px}
@media(max-width:980px){
  .roimon-knowledge .kb-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .roimon-knowledge .kb-filter-bar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .roimon-knowledge .kb-search-field{grid-column:1/-1}
  .roimon-knowledge .kb-filter-bar .btn{grid-column:1/-1}
}
@media(max-width:680px){
  .roimon-knowledge .kb-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .roimon-knowledge .kb-category-card{padding:12px;align-items:flex-start;flex-direction:column;gap:8px}
  .roimon-knowledge .kb-category-icon{width:32px;height:32px;flex-basis:32px}
  .roimon-knowledge .kb-category-card-text strong{font-size:16px}
  .roimon-knowledge .kb-filter-bar{gap:10px}
  .roimon-knowledge .kb-categories{margin-bottom:30px}
}

/* 1.066: knowledge filter follows the site's navy outline button styling. */
.roimon-knowledge .kb-filter-bar .btn{background:#fff;color:var(--blue);border:1px solid var(--blue);text-transform:none}
.roimon-knowledge .kb-filter-bar .btn:hover,.roimon-knowledge .kb-filter-bar .btn:focus-visible{background:rgba(1,0,84,.05);color:var(--blue)}