.page-header{
  --bg:#0A0B0E; --surface:#14161C; --border:#262A34; --ink:#EEEAE1; --ink-dim:#9C9A90;
  --accent:#FF6A1F; --accent-hot:#FFC24B; --accent-deep:#E23B1F;
  position:relative; padding:calc(var(--nav-h) + 3.5rem) 1.75rem 3.5rem; text-align:center; overflow:hidden;
  background:radial-gradient(ellipse at 50% 130%, rgba(62,159,216,.28), transparent 55%), var(--bg);
}
.page-header .kicker{ justify-content:center; color:var(--brand-blue-ink); }
.page-header .kicker::before{ background:var(--brand-blue); }
.page-header h1{ color:var(--ink); font-size:clamp(1.9rem,4.4vw,2.9rem); max-width:26ch; margin:0 auto; }
.article-meta{ display:flex; gap:1rem; justify-content:center; align-items:center; flex-wrap:wrap; margin-top:1.3rem; font-family:var(--font-mono); font-size:.76rem; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-dim); }
.article-meta .dot{ width:3px; height:3px; border-radius:50%; background:var(--ink-dim); }
.article-hero-img{ max-width:900px; margin:-2.5rem auto 0; padding:0 1.75rem; position:relative; z-index:2; }
.article-hero-img picture{ display:block; border-radius:1.2rem; overflow:hidden; border:1px solid var(--border); box-shadow:0 20px 50px rgba(20,22,28,.18); }
.article-hero-img img{ width:100%; height:auto; display:block; max-height:420px; object-fit:cover; }

.article-body{ max-width:720px; margin:0 auto; }
.article-body .lede{ font-size:1.18rem; color:var(--ink); line-height:1.7; margin-bottom:1.8rem; font-weight:500; }
.article-body h2{ font-size:1.5rem; margin:2.6rem 0 1rem; text-transform:none; font-family:var(--font-body); font-weight:700; }
.article-body h2:first-of-type{ margin-top:0; }
.article-body h3{ font-size:1.12rem; margin:1.8rem 0 .7rem; text-transform:none; font-family:var(--font-body); font-weight:700; color:var(--brand-blue-ink); }
.article-body p{ font-size:1rem; color:var(--ink-soft); line-height:1.78; margin-bottom:1.3rem; }
.article-body ul, .article-body ol{ margin:0 0 1.3rem 1.3rem; color:var(--ink-soft); line-height:1.75; }
.article-body li{ margin-bottom:.5rem; }
.article-body strong{ color:var(--ink); }

.star-table-wrap{ overflow-x:auto; border-radius:1rem; border:1px solid var(--border); margin:2rem 0; }
.star-table{ width:100%; min-width:420px; border-collapse:collapse; }
.star-table th{ background:linear-gradient(135deg,var(--brand-blue-light),var(--brand-blue)); color:#fff; font-family:var(--font-mono); font-size:.72rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; padding:.8rem 1rem; text-align:left; }
.star-table td{ padding:.8rem 1rem; border-top:1px solid var(--border); font-size:.9rem; color:var(--ink-soft); }
.star-table tr:nth-child(even) td{ background:var(--surface-2); }
.star-table td:first-child{ font-weight:700; color:var(--ink); white-space:nowrap; }

.article-callout{ display:flex; gap:1.3rem; padding:1.6rem 1.8rem; border-radius:1rem; background:var(--surface-2); border-left:4px solid var(--brand-blue); margin:2.2rem 0; align-items:flex-start; }
.article-callout .num{ font-family:var(--font-mono); font-weight:800; font-size:1.5rem; color:var(--brand-blue-ink); flex-shrink:0; line-height:1; }
.article-callout p{ margin:0; font-size:.94rem; color:var(--ink-soft); }
.article-callout strong{ display:block; color:var(--ink); font-size:.98rem; margin-bottom:.2rem; }

.article-refs{ max-width:720px; margin:3rem auto 0; background:var(--surface-2); border-radius:1.2rem; padding:2.2rem 2.2rem 2.4rem; }
.article-refs h3{ font-size:.82rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-soft); margin-bottom:1.2rem; font-family:var(--font-mono); }
.article-refs ol{ padding-left:1.2rem; margin:0; }
.article-refs li{ margin-bottom:.9rem; font-size:.9rem; color:var(--ink-soft); line-height:1.6; }
.article-refs li:last-child{ margin-bottom:0; }
.article-refs a{ color:var(--accent-ink); text-decoration:underline; text-underline-offset:2px; word-break:break-word; }
.article-refs a:hover{ color:var(--accent); }

.article-related{ max-width:720px; margin:2rem auto 0; padding:1.8rem 2rem; text-align:left; display:flex; align-items:center; gap:1.3rem; }
.article-related .icon-wrap{ width:46px; height:46px; border-radius:.8rem; flex-shrink:0; display:flex; align-items:center; justify-content:center; background:radial-gradient(circle at 30% 20%, var(--surface-2), var(--surface)); border:1px solid var(--border); }
.article-related .icon-wrap svg{ width:24px; height:24px; }
.article-related p{ margin:0 0 .3rem; font-size:.78rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-soft); }
.article-related a{ font-weight:700; color:var(--accent-ink); }
.article-related a:hover{ color:var(--accent); }

.back-link{ display:inline-flex; align-items:center; gap:.4rem; font-family:var(--font-mono); font-size:.78rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-soft); margin-bottom:2rem; }
.back-link:hover{ color:var(--accent-ink); }

.cta-band{ position:relative; z-index:1; margin:0 auto; max-width:1180px; padding:0 1.75rem 6rem; }
.cta-inner{
  border-radius:1.6rem; padding:4rem 2.5rem; text-align:center; overflow:hidden; position:relative;
  background:radial-gradient(ellipse at 50% 115%, rgba(255,106,31,.4), transparent 55%), radial-gradient(ellipse at 50% 130%, rgba(255,194,75,.25), transparent 45%), #0A0B0E;
  --ink:#EEEAE1; --border:#262A34; --surface:#14161C;
}
.cta-inner h2{ color:#EEEAE1; font-size:clamp(1.8rem,4vw,2.6rem); margin-bottom:1rem; }
.cta-inner p{ color:#9C9A90; max-width:52ch; margin:0 auto 2rem; font-size:1.05rem; }
.cta-btn-row{ display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }

/* Extracted inline styles */
.blog-green-steel-taxonomy-il-1 { max-width:26ch; }

.accent-text { color:var(--accent-ink); font-weight:700; }