.nad-article { max-width: 980px; margin: 0 auto; padding: 32px 20px 96px; color: #26344a; font-size: 17px; line-height: 1.8; }
.nad-article nav { font-size: 14px; margin-bottom: 32px; color: #596a80; }
.nad-article nav a { color: #1d62a9; }
.nad-article article > *:not(.nad-table-wrap) { max-width: 760px; }
.nad-article h1 { color: #101f37; font-size: clamp(2.1rem, 5vw, 3.5rem); line-height: 1.13; letter-spacing: -.035em; font-weight: 800; margin: 0 0 32px; }
.nad-article h2 { color: #101f37; font-size: clamp(1.55rem, 3vw, 2rem); line-height: 1.25; letter-spacing: -.02em; font-weight: 750; margin: 56px 0 18px; scroll-margin-top: 90px; }
.nad-article h3 { color: #18304a; font-size: 1.25rem; line-height: 1.35; font-weight: 700; margin: 32px 0 12px; }
.nad-article p { margin: 0 0 20px; }
.nad-article a { color: #1464aa; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.nad-article a:hover { color: #0d4175; }
.nad-article ul { padding-left: 24px; margin: 0 0 24px; list-style: disc; }
.nad-article li { padding-left: 5px; margin-bottom: 8px; }
.nad-table-wrap { max-width: 100%; margin: 24px 0 18px; overflow-x: auto; border: 1px solid #d9e2ec; border-radius: 14px; background: #fff; }
.nad-article table { border-collapse: collapse; width: 100%; min-width: 790px; font-size: 14px; line-height: 1.45; font-variant-numeric: tabular-nums; }
.nad-article caption { text-align: left; padding: 14px 16px; color: #52657b; font-size: 13px; font-weight: 600; }
.nad-article thead { background: #ecf3fa; color: #142d4b; }
.nad-article th, .nad-article td { text-align: left; padding: 13px 12px; border-bottom: 1px solid #e3e9f1; white-space: nowrap; }
.nad-article tbody tr:last-child th, .nad-article tbody tr:last-child td { border-bottom: 0; }
.nad-article tbody tr:nth-child(even) { background: #f7f9fc; }
.nad-article td:nth-child(n+3), .nad-article thead th:nth-child(n+3) { text-align: right; }
.nad-article figure { border: 1px solid #d9e2ec; border-radius: 14px; overflow: hidden; margin: 24px 0 28px; background: #fff; }
.nad-desktop-chart { display: block; width: 100%; height: auto; }
.nad-mobile-chart { display: none; }
.nad-article figcaption { padding: 14px 18px; background: #f7f9fc; font-size: 13px; line-height: 1.6; color: #52657b; }
@media (max-width: 650px) {
  .nad-article { padding: 24px 16px 72px; font-size: 16px; }
  .nad-article h2 { margin-top: 44px; }
  .nad-table-wrap { border: none; overflow: visible; background: transparent; }
  .nad-article table { min-width: 0; display: block; }
  .nad-article caption { display: block; padding: 0 0 12px; }
  .nad-article thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
  .nad-article tbody { display: grid; gap: 12px; }
  .nad-article tbody tr { display: grid; padding: 14px; border: 1px solid #d9e2ec; border-radius: 12px; background: #fff !important; }
  .nad-article tbody th { display: block; padding: 0 0 9px; font-size: 17px; }
  .nad-article tbody td { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; text-align: right !important; white-space: normal; padding: 6px 0; border: 0; }
  .nad-article tbody td::before { content: attr(data-label); text-align: left; font-weight: 600; color: #52657b; }
  .nad-desktop-chart { display: none; }
  .nad-mobile-chart { display: grid; gap: 10px; padding: 16px; }
  .nad-mobile-chart > div { padding: 14px; border-radius: 9px; background: #edf5f4; line-height: 1.6; }
}
.dark .nad-article { color: #cbd5e1; }
.dark .nad-article h1, .dark .nad-article h2, .dark .nad-article h3 { color: #f1f5f9; }
.dark .nad-article nav, .dark .nad-article caption { color: #aebdd0; }
.dark .nad-article a { color: #93c5fd; }
.dark .nad-article a:hover { color: #bfdbfe; }
.dark .nad-table-wrap, .dark .nad-article figure, .dark .nad-article tbody tr { background: #172235 !important; border-color: #334155; }
.dark .nad-article thead, .dark .nad-article figcaption { background: #24344b; color: #e2e8f0; }
.dark .nad-article tbody tr:nth-child(even) { background: #1d2b40; }
.dark .nad-article th, .dark .nad-article td { border-color: #334155; }
.dark .nad-article tbody td::before { color: #b5c5d8; }
.dark .nad-mobile-chart > div { background: #23433e; }