.elementor-5566 .elementor-element.elementor-element-80db670 > .elementor-container{max-width:1240px;}.elementor-5566 .elementor-element.elementor-element-80db670{padding:0px 0px 20px 0px;}.elementor-5566 .elementor-element.elementor-element-274b414 > .elementor-container{max-width:1240px;}.elementor-5566 .elementor-element.elementor-element-274b414{padding:0px 0px 20px 0px;}.elementor-5566 .elementor-element.elementor-element-6ee4655 > .elementor-container{max-width:1240px;}.elementor-5566 .elementor-element.elementor-element-6ee4655{padding:0px 0px 20px 0px;}.elementor-5566 .elementor-element.elementor-element-9d27f3e > .elementor-container{max-width:1240px;}.elementor-5566 .elementor-element.elementor-element-9d27f3e{padding:0px 0px 20px 0px;}.elementor-5566 .elementor-element.elementor-element-78a2c38 > .elementor-container{max-width:1240px;}.elementor-5566 .elementor-element.elementor-element-78a2c38{padding:0px 0px 20px 0px;}.elementor-5566 .elementor-element.elementor-element-91e4dc9 > .elementor-container{max-width:1240px;}.elementor-5566 .elementor-element.elementor-element-91e4dc9{padding:0px 0px 20px 0px;}.elementor-5566 .elementor-element.elementor-element-6fe8f24 > .elementor-container{max-width:1240px;}.elementor-5566 .elementor-element.elementor-element-6fe8f24{padding:0px 0px 20px 0px;}.elementor-5566 .elementor-element.elementor-element-2e05315 > .elementor-container{max-width:1240px;}.elementor-5566 .elementor-element.elementor-element-2e05315{padding:0px 0px 20px 0px;}.elementor-5566 .elementor-element.elementor-element-483d71e > .elementor-container{max-width:1240px;}.elementor-5566 .elementor-element.elementor-element-483d71e{padding:0px 0px 20px 0px;}.elementor-5566 .elementor-element.elementor-element-0cdb642 > .elementor-container{max-width:1240px;}.elementor-5566 .elementor-element.elementor-element-0cdb642{padding:0px 0px 20px 0px;}.elementor-5566 .elementor-element.elementor-element-d604fe3 > .elementor-container{max-width:1240px;}.elementor-5566 .elementor-element.elementor-element-d604fe3{padding:0px 0px 20px 0px;}.elementor-5566 .elementor-element.elementor-element-0bf788a > .elementor-container{max-width:1240px;}.elementor-5566 .elementor-element.elementor-element-0bf788a{padding:0px 0px 20px 0px;}.elementor-5566 .elementor-element.elementor-element-6b148a2 > .elementor-container{max-width:1240px;}.elementor-5566 .elementor-element.elementor-element-6b148a2{padding:0px 0px 20px 0px;}.elementor-5566 .elementor-element.elementor-element-a942bb4{--display:flex;}.elementor-5566 .elementor-element.elementor-element-c62543c{font-size:16px;line-height:1.7em;color:var( --e-global-color-text );}.elementor-5566 .elementor-element.elementor-element-64c13dd{--display:flex;}.elementor-5566 .elementor-element.elementor-element-6659daa{font-size:16px;line-height:1.7em;color:var( --e-global-color-text );}.elementor-5566 .elementor-element.elementor-element-072a295{--display:flex;}.elementor-5566 .elementor-element.elementor-element-0592293{font-size:16px;line-height:1.7em;color:var( --e-global-color-text );}.elementor-5566 .elementor-element.elementor-element-7ab23fc{--display:flex;}.elementor-5566 .elementor-element.elementor-element-528867f{font-size:16px;line-height:1.7em;color:var( --e-global-color-text );}.elementor-5566 .elementor-element.elementor-element-a6b1f7e{--display:flex;}.elementor-5566 .elementor-element.elementor-element-1f5661e{font-size:16px;line-height:1.7em;color:var( --e-global-color-text );}.elementor-5566 .elementor-element.elementor-element-1a1f918{--display:flex;}.elementor-5566 .elementor-element.elementor-element-13c4174{font-size:16px;line-height:1.7em;color:var( --e-global-color-text );}.elementor-5566 .elementor-element.elementor-element-f74109d{--n-accordion-title-font-size:18px;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:10px 10px 10px 10px;--n-accordion-icon-size:15px;}.elementor-5566 .elementor-element.elementor-element-f74109d > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#FFFFFF;}.elementor-5566 .elementor-element.elementor-element-f74109d > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{background-color:#F4F7FA;}.elementor-5566 .elementor-element.elementor-element-f74109d > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:#EFF6FF;}.elementor-5566 .elementor-element.elementor-element-f74109d {--n-accordion-padding:18px 22px 18px 22px;}:where( .elementor-5566 .elementor-element.elementor-element-f74109d > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:600;line-height:1.4em;}.elementor-5566 .elementor-element.elementor-element-6d49030 > .elementor-container{max-width:1240px;}.elementor-5566 .elementor-element.elementor-element-6d49030{padding:0px 0px 20px 0px;}:root{--page-title-display:none;}/* Start custom CSS *//* ==========================================================================
   Steel Structure Statistics page — scoped stylesheet
   --------------------------------------------------------------------------
   Paste into Elementor: Page Settings > Advanced > Custom CSS,
   or Appearance > Customize > Additional CSS.

   Everything is scoped under .sstat-page, which wraps every fragment, so none
   of this can affect the rest of the site. The background is set explicitly so
   the page stays readable regardless of the theme's colour scheme.
   ========================================================================== */

.sstat-page {
  --ink: #101d26;
  --ink-2: #33454f;
  --ink-3: #65798a;
  --ink-4: #8b9aa6;
  --line: #dbe2e8;
  --line-soft: #eef2f5;
  --paper: #ffffff;
  --paper-2: #f7f9fa;
  --accent: #0d5f68;
  --accent-soft: #e6f0f1;
  --warm: #a8541a;
  --warm-soft: #fbeee4;

  /* No background: every block sits in its own widget, and Elementor puts a
     20px gap between widgets — a per-widget background would paint visible
     bands. The theme's white page background shows through instead. */
  background: none;
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 17px;
  line-height: 1.65;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
  padding: 0;
}
.sstat-page *,
.sstat-page *::before,
.sstat-page *::after { box-sizing: border-box; }

/* ---- headings ---------------------------------------------------------- */
.sstat-page h1 {
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
  font-weight: 600;
  font-size: clamp(32px, 5vw, 50px);
  line-height: 1.1;
  letter-spacing: -0.015em;
  margin: 0 0 20px;
  color: var(--ink);
  max-width: 20ch;
}
.sstat-page h2 {
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
  font-weight: 600;
  font-size: clamp(25px, 3.2vw, 33px);
  line-height: 1.22;
  letter-spacing: -0.01em;
  margin: 6px 0 14px;
  color: var(--ink);
}
.sstat-page h3 {
  font-family: inherit;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-3);
  margin: 34px 0 12px;
}
.sstat-page p { margin: 0 0 1em; }
.sstat-page a { color: var(--accent); }

/* ---- standfirst & meta strip ------------------------------------------- */
.sstat-page .dek {
  font-size: clamp(17px, 2.1vw, 20px);
  color: var(--ink-2);
  max-width: 64ch;
  line-height: 1.55;
  margin-bottom: 28px;
}
.sstat-page .dek b { color: var(--ink); font-weight: 600; }

.sstat-page .meta-strip {
  display: flex;
  gap: 28px;
  flex-wrap: wrap;
  padding: 22px 0 0;
  border-top: 1px solid var(--line-soft);
  font-size: 13.5px;
  color: var(--ink-3);
  margin-bottom: 0;
}
.sstat-page .meta-strip span b {
  display: block;
  font-family: "Iowan Old Style", Georgia, serif;
  font-size: 19px;
  color: var(--ink);
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* ---- method note -------------------------------------------------------- */
.sstat-page .method {
  margin-top: 36px;
  background: var(--accent-soft);
  border-left: 3px solid var(--accent);
  padding: 20px 24px;
  border-radius: 0 4px 4px 0;
  font-size: 15px;
  color: var(--ink-2);
}
.sstat-page .method p:last-child { margin-bottom: 0; }
.sstat-page .method strong { color: var(--accent); font-weight: 700; }

/* ---- section furniture -------------------------------------------------- */
.sstat-page .sec-head { border-top: 2px solid var(--ink); padding-top: 18px; margin-bottom: 8px; }
.sstat-page .sec-num {
  font-family: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, monospace;
  font-size: 12px;
  color: var(--warm);
  letter-spacing: 0.1em;
  font-weight: 600;
}
.sstat-page .answer {
  font-size: 18px;
  color: var(--ink-2);
  max-width: 66ch;
  margin: 0 0 26px;
  line-height: 1.6;
}
.sstat-page .answer b {
  color: var(--ink);
  font-weight: 600;
  background: linear-gradient(transparent 62%, var(--warm-soft) 62%);
}

/* ---- quick stats -------------------------------------------------------- */
.sstat-page .quick {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 0;
}
.sstat-page .quick-head {
  padding: 18px 24px;
  border-bottom: 1px solid var(--line);
  background: var(--paper-2);
}
.sstat-page .quick-head h2 { margin: 0; font-size: 22px; }
.sstat-page .quick-head p { margin: 5px 0 0; font-size: 14px; color: var(--ink-3); }
.sstat-page .quick ol { list-style: none; margin: 0; padding: 0; counter-reset: q; }
.sstat-page .quick li {
  counter-increment: q;
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 14px;
  padding: 15px 24px;
  border-bottom: 1px solid var(--line-soft);
  align-items: start;
  margin: 0;
}
.sstat-page .quick li:last-child { border-bottom: 0; }
.sstat-page .quick li::before {
  content: counter(q);
  font-family: "SF Mono", ui-monospace, Menlo, Consolas, monospace;
  font-size: 12px;
  color: var(--ink-4);
  padding-top: 6px;
  text-align: right;
}
.sstat-page .qtext { font-size: 15.5px; color: var(--ink-2); line-height: 1.5; }
.sstat-page .qtext b { color: var(--ink); font-weight: 650; }
.sstat-page .qsrc { display: block; margin-top: 4px; font-size: 12.5px; color: var(--ink-4); }

/* ---- data tables -------------------------------------------------------- */
.sstat-page .tablewrap {
  overflow-x: auto;
  margin: 0 0 8px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--paper);
  -webkit-overflow-scrolling: touch;
}
.sstat-page table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14.5px;
  min-width: 600px;
  margin: 0;
  background: var(--paper);
  border: 0;
}
.sstat-page thead th {
  text-align: left;
  font-size: 11px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--ink-3);
  font-weight: 700;
  padding: 11px 14px;
  background: var(--paper-2);
  border-bottom: 1px solid var(--line);
  border-top: 0;
  white-space: nowrap;
}
.sstat-page tbody td {
  padding: 11px 14px;
  border-bottom: 1px solid var(--line-soft);
  border-left: 0;
  border-right: 0;
  border-top: 0;
  vertical-align: top;
  color: var(--ink-2);
  line-height: 1.45;
}
.sstat-page tbody tr:last-child td { border-bottom: 0; }
.sstat-page tbody tr:hover { background: #fafbfc; }
.sstat-page td.num {
  font-family: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, monospace;
  font-size: 13.5px;
  font-weight: 650;
  color: var(--ink);
  white-space: nowrap;
}
.sstat-page td.idx {
  font-family: "SF Mono", ui-monospace, Menlo, Consolas, monospace;
  font-size: 11.5px;
  color: var(--ink-4);
  white-space: nowrap;
  width: 1%;
}
.sstat-page td.yr {
  font-family: "SF Mono", ui-monospace, Menlo, Consolas, monospace;
  font-size: 12.5px;
  color: var(--ink-3);
  white-space: nowrap;
}
.sstat-page td.src { font-size: 13px; color: var(--ink-3); }
.sstat-page td.src a { color: var(--accent); text-decoration: none; border-bottom: 1px solid var(--accent-soft); }
.sstat-page td.src a:hover { border-bottom-color: var(--accent); }

/* ---- source tier labels ------------------------------------------------- */
.sstat-page .tier {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 2px;
  margin-left: 6px;
  vertical-align: 1px;
  white-space: nowrap;
}
.sstat-page .t-gov   { background: #e2eef7; color: #1d4f74; }
.sstat-page .t-assoc { background: var(--accent-soft); color: var(--accent); }
.sstat-page .t-igo   { background: #eae6f5; color: #4a3d78; }
.sstat-page .t-peer  { background: #e7f0e5; color: #2f6b46; }
.sstat-page .t-3rd   { background: var(--warm-soft); color: var(--warm); }

/* ---- figures & inline SVG charts --------------------------------------- */
.sstat-page figure {
  margin: 26px 0 30px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 22px 22px 16px;
}
.sstat-page figcaption {
  font-size: 12.5px;
  color: var(--ink-4);
  margin: 12px 0 0;
  line-height: 1.5;
  padding-top: 10px;
  border-top: 1px solid var(--line-soft);
}
.sstat-page figcaption b { color: var(--ink-3); font-weight: 650; }
.sstat-page .fig-title {
  font-size: 13px;
  font-weight: 700;
  color: var(--ink-2);
  margin: 0 0 14px;
}
.sstat-page svg { display: block; width: 100%; height: auto; overflow: visible; }
.sstat-page svg text { font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif; font-variant-numeric: tabular-nums; }

/* ---- callout ------------------------------------------------------------ */
.sstat-page .callout {
  border-left: 3px solid var(--warm);
  background: var(--warm-soft);
  padding: 16px 20px;
  border-radius: 0 4px 4px 0;
  margin: 24px 0;
  font-size: 15px;
  color: var(--ink-2);
}
.sstat-page .callout p:last-child { margin-bottom: 0; }
.sstat-page .callout strong { color: var(--warm); }

/* ---- citation block ----------------------------------------------------- */
.sstat-page .citebox {
  background: var(--ink);
  color: #dfe7ec;
  border-radius: 6px;
  padding: 26px 28px;
  margin-top: 26px;
}
.sstat-page .citebox h3 { color: #9db3c0; margin: 0 0 14px; }
.sstat-page .citebox h3 + pre { margin-top: 0; }
.sstat-page .citebox pre {
  white-space: pre-wrap;
  word-break: break-word;
  font-family: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, monospace;
  font-size: 12.5px;
  line-height: 1.7;
  color: #e8eef2;
  background: rgba(255, 255, 255, 0.06);
  padding: 16px 18px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin: 0 0 16px;
}
.sstat-page .citebox p { margin: 0; font-size: 13.5px; color: #9db3c0; }

/* ---- eyebrow ------------------------------------------------------------ */
.sstat-page .kicker {
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--warm);
  font-weight: 700;
  margin: 0 0 14px;
}

/* ---- contents list (inline chips, replaces the sidebar TOC) ------------- */
.sstat-page .toc-inline {
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--paper-2);
  padding: 15px 20px 17px;
  margin: 0;
}
.sstat-page .toc-inline .toc-title {
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ink-3);
  font-weight: 700;
  margin: 0 0 10px;
}
.sstat-page .toc-inline ol {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  counter-reset: toc;
}
.sstat-page .toc-inline li { margin: 0; counter-increment: toc; }
.sstat-page .toc-inline li a {
  display: inline-block;
  font-size: 13px;
  line-height: 1.3;
  text-decoration: none;
  color: var(--ink-2);
  border: 1px solid var(--line);
  background: var(--paper);
  border-radius: 999px;
  padding: 6px 13px 6px 11px;
  transition: border-color 0.15s, color 0.15s;
}
.sstat-page .toc-inline li a::before {
  content: counter(toc, decimal-leading-zero);
  font-family: "SF Mono", ui-monospace, Menlo, Consolas, monospace;
  font-size: 10px;
  color: var(--ink-4);
  margin-right: 7px;
}
.sstat-page .toc-inline li a:hover {
  border-color: var(--accent);
  color: var(--accent);
}

/* ---- anchor offset for the site's sticky header ------------------------- */
.sstat-page section[id] { scroll-margin-top: 120px; }
/* zero-height in-page anchor: replaces <section id="sN"> in the WordPress build */
.sstat-page .sstat-anchor {
  display: block;
  height: 0;
  overflow: hidden;
  scroll-margin-top: 120px;
}

/* ---- spacing between stacked widgets ----------------------------------- */
.sstat-page &gt; section:last-child,
.sstat-page &gt; .quick:last-child { margin-bottom: 0; }
.sstat-page &gt; section + section { margin-top: 0; }

/* ---- responsive --------------------------------------------------------- */
@media (max-width: 620px) {
  .sstat-page { font-size: 16px; }
  .sstat-page .quick li { padding: 13px 16px; grid-template-columns: 22px 1fr; gap: 10px; }
  .sstat-page .quick-head { padding: 15px 16px; }
  .sstat-page table { font-size: 13.5px; }
  .sstat-page figure { padding: 16px 14px 12px; }
}

/* ---- print -------------------------------------------------------------- */
@media print {
  .sstat-page { background: #fff; font-size: 10pt; }
  .sstat-page .citebox { display: none; }
  .sstat-page figure,
  .sstat-page .tablewrap { break-inside: avoid; }
}/* End custom CSS */