/* Styles used by the knowledge / reference pages added 2026-09-14.
   Kept in a separate file so existing pages and their layout are untouched. */
.tablewrap { overflow-x: auto; margin: 20px 0; -webkit-overflow-scrolling: touch; }
table.spec { width: 100%; border-collapse: collapse; font-size: 14px; min-width: 560px; }
table.spec th, table.spec td { border: 1px solid #E4E7EC; padding: 9px 11px; text-align: left; vertical-align: top; line-height: 1.6; }
table.spec th { background: #F4F6F8; color: #16213E; font-weight: 700; white-space: nowrap; }
table.spec tr:nth-child(even) td { background: #FBFCFD; }
.content ol, .content ul { padding-left: 22px; }
.content li { margin: 6px 0; }
.content h3 { margin-top: 26px; }
ul.sources { font-size: 13px; color: #687384; padding-left: 20px; }
ul.sources li { margin: 4px 0; }
ul.cards { list-style: none; padding: 0; margin: 20px 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
ul.cards a { display: block; border: 1px solid #E4E7EC; border-radius: 6px; padding: 13px 15px; font-weight: 700; color: #16213E; line-height: 1.5; }
ul.cards a:hover { border-color: #D97B29; color: #D97B29; }
.content .hero-p, .content .lead { font-size: 17px; }
@media (max-width: 760px) {
  ul.cards { grid-template-columns: 1fr; }
  table.spec { font-size: 13px; min-width: 520px; }
}