/* SINET knowledge base: layout fixes (loaded after kb.css) */

/* 1. Article body spans the whole content card, same edges as the header box,
      TOC, related cards and CTA. Every direct child (lead, figures, video,
      tables, calculators, tiles, notes, FAQ) inherits that edge. */
.sinet-kb .sinet-kb__body{max-width:none;width:100%;box-sizing:border-box}
.sinet-kb .sinet-kb__body>*{max-width:100%;box-sizing:border-box}

/* 2. Media blocks always fill the card width */
.sinet-kb .sinet-kb__body>.sinet-kb__fig,
.sinet-kb .sinet-kb__body>.sinet-kb__video,
.sinet-kb .sinet-kb__body>.sinet-kb__calc,
.sinet-kb .sinet-kb__body>.sinet-kb__tablewrap,
.sinet-kb .sinet-kb__body>.sinet-kb__tiles,
.sinet-kb .sinet-kb__body>.sinet-faq{width:100%}
.sinet-kb .sinet-kb__fig svg,
.sinet-kb .kb-v__stage svg{display:block;width:100%;height:auto}
/* template's `.site-main table{display:block}` shrinks the rows to content
   width; the wrapper already scrolls horizontally, so restore a real table */
.site-main .sinet-kb .sinet-kb__tablewrap table{display:table;width:100%;max-width:none;overflow:visible}

/* 3. Wide desktop (card text column ~800-885 px): full-width text with a
      slightly larger size and leading, so a line stays at ~95-100 characters.
      Below 1200 px the column is narrower and kb.css sizes already fit. */
@media(min-width:1200px){
  .sinet-kb .sinet-kb__body{font-size:17.5px;line-height:1.7}
  .sinet-kb .sinet-kb__body .sinet-kb__lead{font-size:18.5px;line-height:1.6;padding:18px 24px}
  .sinet-kb .sinet-kb__note,.sinet-kb .sinet-kb__tip{font-size:16px;padding:16px 22px}
  .sinet-kb .sinet-kb__body>.sinet-kb__fig,
  .sinet-kb .sinet-kb__body>.sinet-kb__video{margin-top:26px;margin-bottom:30px}
}

/* 4. Hub: one-sentence description under each topic heading */
.sinet-kb .sinet-kb__groupdesc{max-width:760px;margin:-4px 0 16px;color:var(--kb-muted,#5b7380);font-size:15px;line-height:1.55}