/* Same editorial structure as At the Base of a New Age, in the cover's steel-blue palette. */
body.insight-page.structural-steel-page {
  --ia-bg: #080f16;
  --ia-ink: #eef3f8;
  --ia-muted: #b9c7d4;
  --ia-accent: #8ebce5;
  --ia-line: #afc9e033;
  --ia-panel: #111e2b;
}
.structural-steel-page .ia-hero h1 { font-size: clamp(52px, 6.4vw, 98px); }
.structural-steel-page .ia-hero h1 span { color: var(--ia-accent); }
.structural-steel-page .ia-cover { border: 1px solid var(--ia-line); }
.structural-steel-page .ia-cover figcaption { padding: 17px 20px; border-top: 1px solid var(--ia-line); }
.ss-byline { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 27px; color: var(--ia-muted); font-size: 12px; line-height: 1.7; }
.structural-steel-page .section ul { margin: 0 0 28px; padding-left: 23px; color: var(--ia-muted); font-size: 17px; line-height: 1.85; }
.structural-steel-page .section li + li { margin-top: 8px; }
.structural-steel-page .thesis { margin-inline: 0; }
.structural-steel-page .thesis strong { font-weight: 400; }
.structural-steel-page .editorial-image a { display: block; }
.structural-steel-page .editorial-image a:hover { outline: 1px solid var(--ia-accent); }
.structural-steel-page .toc { scrollbar-width: thin; scrollbar-color: var(--ia-accent) var(--ia-bg); }
@media (max-width: 800px) {
  .structural-steel-page .ia-hero h1 { font-size: clamp(50px, 10.5vw, 80px); }
  .structural-steel-page .section ul { font-size: 16px; }
}
@media (max-width: 540px) {
  .structural-steel-page .ia-cover figcaption { flex-direction: column; gap: 5px; padding: 14px; }
  .structural-steel-page .ia-cover figcaption > span:last-child { text-align: left; }
}
@media print {
  .structural-steel-page .ia-hero h1 { font-size: 44px; }
  .structural-steel-page .section ul { font-size: 11pt; }
}
