/* Static navigation: seven useful topics, visible without JavaScript. */
.topic-nav { padding: 14px 10px 8px; border: 1px solid #dde5f2; border-radius: 14px; background: #fff; }
.topic-nav h2 { display: flex; align-items: center; gap: 7px; margin: 0 4px 9px; color: #263a63; font-size: 13px; font-weight: 700; line-height: 1.6; }
.topic-nav h2 .icon { width: 16px; height: 16px; color: var(--blue); }
.topic-nav ul { list-style: none; margin: 0; padding: 0; }
.topic-nav li + li { border-top: 1px solid #eff2f7; }
.topic-nav a { display: flex; align-items: center; justify-content: space-between; gap: 7px; min-height: 35px; padding: 7px 5px; border-radius: 6px; color: #536887; font-size: 12px; line-height: 1.65; }
.topic-nav a > span { min-width: 0; overflow-wrap: anywhere; }
.topic-nav a > .icon { width: 12px; height: 12px; color: #98a8c0; }
.topic-nav a:hover, .topic-nav a[aria-current="page"] { color: #244bc8; background: #f2f5ff; }
.topic-nav a:focus-visible { outline: 2px solid var(--blue); outline-offset: 1px; }
@media (max-width: 1279px) {
  .topic-nav { padding: 18px; }
  .topic-nav h2 { margin: 0 0 12px; }
  .topic-nav ul { display: flex; flex-wrap: wrap; gap: 8px; }
  .topic-nav li + li { border: 0; }
  .topic-nav a { min-height: 40px; padding: 8px 12px; background: #f6f8fc; }
  .topic-nav a > .icon { display: none; }
}
@media print { .topic-nav { display: none; } }