/* A compact buyer checklist, using the site's blue and existing typography. */
body .green-steel-entry{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-block:48px;border-top:1px solid #d8e1e8;border-bottom:1px solid #d8e1e8;margin-block:36px;background:transparent;}
body .green-steel-entry__eyebrow{font-size:12px;letter-spacing:.1em;color:#24558b;font-weight:700;margin:0 0 14px;}
body .green-steel-entry h2{font-size:clamp(28px,3vw,38px);line-height:1.25;letter-spacing:0;color:#193247;white-space:pre-line;margin:0 0 16px;}
body .green-steel-entry__intro>p:not(.green-steel-entry__eyebrow){font-size:16px;line-height:1.7;color:#526370;max-width:440px;margin:0 0 20px;}
body .green-steel-entry__link{display:inline-flex;align-items:center;gap:18px;min-height:44px;color:#24558b;font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:5px;}
body .green-steel-entry__link:hover{color:#163d67;}
body .green-steel-entry__link:focus-visible{outline:2px solid #24558b;outline-offset:5px;}
body .green-steel-entry__checks{margin:0;display:grid;align-content:center;gap:0;}
body .green-steel-entry__checks>div{padding:18px 0;border-bottom:1px solid #d8e1e8;display:grid;grid-template-columns:112px 1fr;gap:20px;}
body .green-steel-entry__checks>div:last-child{border:0;}
body .green-steel-entry dt{font-weight:700;color:#193247;font-size:16px;line-height:1.5;}
body .green-steel-entry dd{margin:0;font-size:15px;line-height:1.7;color:#526370;}
@media(max-width:760px){body .green-steel-entry{grid-template-columns:1fr;gap:8px;padding-block:28px;margin-block:24px;}body .green-steel-entry__checks>div{grid-template-columns:88px 1fr;gap:14px;padding:14px 0;}body .green-steel-entry__intro>p:not(.green-steel-entry__eyebrow){font-size:15px;margin-bottom:12px;}body .green-steel-entry dd{font-size:14px;}}
/* Article content is scoped to this guide; existing site chrome remains shared. */
.green-steel-article{max-width:1140px;margin:auto;padding:36px 24px 64px;color:#193247;}
.green-steel-article__back{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-bottom:30px;font-size:14px;}
.green-steel-article__back a{color:#24558b;text-decoration:underline;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center;}
.green-steel-article__layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:56px;}
.green-steel-article__toc{position:sticky;top:110px;align-self:start;font-size:14px;border-top:3px solid #24558b;padding-top:16px;}
.green-steel-article__toc strong{display:block;margin-bottom:12px;}
.green-steel-article__toc a{display:block;line-height:1.5;padding:8px 0;color:#526370;}
.green-steel-article__toc a:hover{color:#24558b;text-decoration:underline;}
.green-steel-article__content{min-width:0;}
body .green-steel-article h1{font-size:clamp(32px,3.5vw,46px)!important;line-height:1.2!important;letter-spacing:-.015em!important;margin:12px 0 24px;}
.green-steel-article .eyebrow{color:#24558b;font-size:12px;letter-spacing:.08em;font-weight:700;}
.green-steel-article p,.green-steel-article li{font-size:17px;line-height:1.85;}
.green-steel-article p{margin:16px 0;}
.green-steel-article .lead{font-size:20px;color:#526370;line-height:1.7;}
.green-steel-article h2{font-size:28px;line-height:1.35;letter-spacing:0;margin:48px 0 16px;scroll-margin-top:110px;}
.green-steel-article h3{font-size:21px;line-height:1.4;margin:28px 0 12px;}
.green-steel-article__content a:not(.button){color:#24558b;text-decoration:underline;text-underline-offset:3px;}
.green-steel-article figure{margin:28px 0;padding:20px;border:1px solid #d8e1e8;background:#fff;}
.green-steel-article figure img{display:block;width:100%;height:auto;}
.green-steel-article figcaption{font-size:13px;line-height:1.65;color:#526370;margin-top:16px;}
.green-steel-article .equation{background:#edf3f8;border-inline-start:3px solid #24558b;padding:20px;font-size:16px;}
.green-steel-article .table-wrap{overflow-x:auto;margin:24px 0;border:1px solid #d8e1e8;}
.green-steel-article table{width:100%;min-width:620px;border-collapse:collapse;font-size:15px;line-height:1.7;}
.green-steel-article th,.green-steel-article td{text-align:start;vertical-align:top;padding:16px;border-bottom:1px solid #d8e1e8;}
.green-steel-article th{background:#edf3f8;color:#193247;}
.green-steel-article td+td{border-inline-start:1px solid #d8e1e8;}
.green-steel-article ul{padding-inline-start:24px;}
.green-steel-article li{padding:5px 0;}
.green-steel-article .cta{background:#edf3f8;padding:24px;margin-top:40px;}
.green-steel-article .cta h2{margin-top:0;}
.green-steel-article .cta .button{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;min-height:44px;background:#24558b;color:white;text-decoration:none;line-height:1.5;border:0;}
.green-steel-article .cta .button:hover{background:#163d67;}
.green-steel-article .small{font-size:13px;line-height:1.7;color:#526370;}
.green-steel-article a:focus-visible,.green-steel-article .table-wrap:focus-visible{outline:2px solid #24558b;outline-offset:4px;}
@media(max-width:760px){.green-steel-article{padding:22px 20px 40px;}.green-steel-article__layout{grid-template-columns:1fr;gap:24px;}.green-steel-article__toc{position:static;}.green-steel-article__toc nav{display:flex;gap:6px 16px;flex-wrap:wrap;}.green-steel-article__toc a{padding:5px 0;font-size:13px;}.green-steel-article p,.green-steel-article li{font-size:16px;}.green-steel-article .lead{font-size:18px;}body .green-steel-article h1{font-size:30px!important;line-height:1.3!important;}.green-steel-article h2{font-size:24px;margin-top:32px;}.green-steel-article figure{padding:10px;}.green-steel-article .cta{padding:18px;}.green-steel-article .cta .button{width:100%;}}

body.green-steel-guide{background:#fff;}
body.green-steel-guide .green-steel-article h1{text-align:start;max-width:none;font-size:42px!important;line-height:1.25!important;}
.green-steel-article__mobile-toc{display:none;}
@media(max-width:760px){body.green-steel-guide .green-steel-article h1{font-size:30px!important;line-height:1.35!important;}.green-steel-article__toc>strong,.green-steel-article__toc>nav{display:none;}.green-steel-article__mobile-toc{display:block;}.green-steel-article__mobile-toc summary{min-height:44px;cursor:pointer;font-size:15px;}.green-steel-article__mobile-toc nav{display:block;padding-bottom:12px;}.green-steel-article__toc{padding-top:12px;}}
body .green-steel-entry{scroll-margin-top:104px;}

.green-steel-article .green-steel-market{border-top:1px solid #d8e1e8;margin:0;}
.green-steel-article .green-steel-market:last-of-type{border-bottom:1px solid #d8e1e8;}
.green-steel-article .green-steel-market>summary{font-size:17px;font-weight:600;line-height:1.5;min-height:52px;padding:16px 4px;cursor:pointer;color:#193247;}
.green-steel-article .green-steel-market>summary::marker{color:#24558b;}
.green-steel-article .green-steel-market>summary:focus-visible{outline:2px solid #24558b;outline-offset:3px;}
.green-steel-article .green-steel-market>div{padding:0 4px 12px;}

/* Compact, readable record diagram; no extra client-side script. */
.green-steel-article .trace-records{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0;}
.green-steel-article .trace-records>div{position:relative;border-top:3px solid #24558b;background:#edf3f8;padding:16px 12px;}
.green-steel-article .trace-records span{display:block;font-size:13px;color:#24558b;margin-bottom:8px;}
.green-steel-article .trace-records strong{display:block;font-size:16px;line-height:1.5;overflow-wrap:anywhere;}
.green-steel-article .trace-records p{font-size:14px;line-height:1.65;margin:8px 0 0;}
.green-steel-article .trace-records>div:not(:last-child)::after{content:'→';position:absolute;right:-12px;top:12px;color:#24558b;z-index:1;}
@media(max-width:760px){.green-steel-article .trace-records{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.green-steel-article .trace-records>div:nth-child(2)::after{display:none;}}
/* Natural editions include long compounds and RTL text. Keep them inside the article. */
.green-steel-article__content h1,.green-steel-article__content h2,.green-steel-article__toc a{overflow-wrap:anywhere;}
[dir="rtl"] .green-steel-article .trace-records>div:not(:last-child)::after{content:'←';right:auto;left:-12px;}