.tps-article, .tps-article * { box-sizing: border-box; }
  .tps-article { font-family: Arial, Helvetica, sans-serif; color: #1a202c; line-height: 1.65; max-width: 1120px; margin: 0 auto; padding: 24px 18px; }
  .tps-article a { color: #0b5cab; text-decoration: none; }
  .tps-article a:hover { text-decoration: underline; }
  .tps-article .lead { font-size: 1.08rem; color: #2d3748; margin: 0 0 18px; }
  .tps-article .tps-callout { border-left: 5px solid #0b5cab; background: #f1f6fc; padding: 18px 20px; border-radius: 10px; margin: 22px 0; }
  .tps-article .toc { background: #f7fafc; border: 1px solid #d9e2ec; border-radius: 14px; padding: 18px 22px; margin: 24px 0 30px; }
  .tps-article .toc strong { display: block; font-size: 1.12rem; margin-bottom: 10px; color: #0b376d; }
  .tps-article .toc ul { margin: 0; padding-left: 22px; }
  .tps-article h2 { margin: 38px 0 14px; color: #0b376d; font-size: 1.65rem; line-height: 1.28; }
  .tps-article h3 { margin: 26px 0 10px; color: #123f73; font-size: 1.22rem; line-height: 1.35; }
  .tps-article p { margin: 0 0 15px; }
  .tps-article ul, .tps-article ol { margin: 0 0 18px 22px; padding: 0; }
  .tps-article li { margin-bottom: 8px; }
  .tps-article figure { margin: 28px 0; padding: 0; }
  .tps-article figure img { display: block; width: 100%; height: auto; border: 1px solid #d9e2ec; border-radius: 16px; }
  .tps-article figcaption { font-size: .92rem; color: #4a5568; margin-top: 8px; text-align: center; }
  .tps-article table { width: 100%; border-collapse: collapse; margin: 18px 0 28px; font-size: .95rem; }
  .tps-article th, .tps-article td { border: 1px solid #d9e2ec; padding: 10px 12px; vertical-align: top; }
  .tps-article th { background: #0b376d; color: #fff; text-align: left; }
  .tps-article tr:nth-child(even) td { background: #f8fafc; }
  .tps-article .grid { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 22px 0; }
  .tps-article .card { border: 1px solid #d9e2ec; border-radius: 14px; padding: 16px; background: #fff; }
  .tps-article .card strong { color: #0b376d; display: block; margin-bottom: 6px; }
  .tps-article .cta { background: #0b376d; color: #fff; border-radius: 16px; padding: 22px; margin: 34px 0; }
  .tps-article .cta a { color: #fff; font-weight: 700; text-decoration: underline; }
  .tps-article .note { font-size: .92rem; color: #4a5568; }
  @media (min-width: 820px) { .tps-article .grid.two { grid-template-columns: 1fr 1fr; } .tps-article .grid.four { grid-template-columns: repeat(4, 1fr); } }