/* Colors from the cover's night sky, blue-lit glass, and illuminated windows. */
body.insight-page.new-age-page {
  --ia-bg: #041214;
  --ia-ink: #dff5f7;
  --ia-muted: #b8ccd1;
  --ia-accent: #7bc5d6;
  --ia-line: #b1dce635;
  --ia-panel: #0a2931;
}
.new-age-page .ia-hero h1 { font-size: clamp(58px, 6.8vw, 104px); }
.new-age-page .ia-hero h1 span { color: var(--ia-accent); }
.new-age-page .ia-cover { border: 1px solid var(--ia-line); border-bottom: 0; }
.new-age-page .ia-cover figcaption { border-bottom: 1px solid var(--ia-line); padding: 17px 20px; }
.new-age-page .loop { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.new-age-page .loop-step { padding: 25px 22px; }
.new-age-page .loop-step:first-child { padding-left: 22px; }
.new-age-page .loop-step:nth-child(3n+1) { border-left: 0; }
.new-age-page .loop-step:nth-child(n+4) { border-top: 1px solid var(--ia-line); }
.new-age-page .loop-step h3 { font-size: 22px; }
.new-age-page .loop-step p { font-size: 13px; }
.na-table-hint { display: none; }
.na-comparison { overflow-x: auto; margin: 34px 0; scrollbar-color: var(--ia-accent) var(--ia-bg); }
.na-comparison table { width: 100%; min-width: 650px; border-collapse: collapse; text-align: left; }
.na-comparison caption { text-align: left; font-size: 13px; padding-bottom: 18px; color: var(--ia-muted); }
.na-comparison th, .na-comparison td { padding: 21px 20px; vertical-align: top; font-size: 14px; font-weight: 400; line-height: 1.7; border-bottom: 1px solid var(--ia-line); }
.na-comparison thead th { background: var(--ia-panel); color: var(--ia-ink); font-size: 12px; padding-block: 15px; }
.na-comparison thead th:first-child { width: 22%; }
.na-comparison thead th:not(:first-child) { width: 39%; }
.na-comparison tbody th { padding-left: 0; color: var(--ia-ink); }
.na-comparison td { color: var(--ia-muted); }
.na-comparison th + th, .na-comparison td { border-left: 1px solid var(--ia-line); }
.na-comparison td:last-child, .na-comparison thead th:last-child { background: #0b2228; color: #dff5f7; }
@media (max-width: 1100px) {
  .new-age-page .loop { grid-template-columns: 1fr; }
  .new-age-page .loop-step, .new-age-page .loop-step:first-child { padding: 22px 0; border-left: 0; }
  .new-age-page .loop-step h3 { font-size: 20px; }
}
@media (max-width: 800px) {
  .new-age-page .ia-hero h1 { font-size: clamp(46px, 9.5vw, 76px); }
  .na-table-hint { display: block; font-size: 12px !important; color: var(--ia-accent) !important; margin-bottom: -14px !important; }
}
@media (max-width: 540px) {
  .new-age-page .ia-cover figcaption { display: block; padding: 15px; }
  .new-age-page .ia-cover figcaption span { display: block; text-align: left; }
  .new-age-page .ia-cover figcaption span + span { margin-top: 5px; }
  .na-comparison th, .na-comparison td { padding: 17px 15px; font-size: 13px; }
}
@media print {
  .na-comparison { overflow: visible; }
  .na-comparison table { min-width: 0; }
  .na-comparison th, .na-comparison td { background: #fff !important; color: #111 !important; font-size: 9pt; padding: 10px; }
  .new-age-page .ia-hero h1 span { color: #333; }
}
