/* Reading and explanatory figures, scoped to the four practical guides. */
.guide-intro .lesson-lead{max-width:66ch;font-size:1.2rem;line-height:1.7;text-wrap:pretty}
.guide-layout .lesson-article{--reading-measure:68ch}
.guide-layout .lesson-section{padding-block:44px;scroll-margin-top:32px}
.guide-layout .lesson-section>h2{font-size:clamp(1.65rem,2.3vw,1.95rem);line-height:1.35;letter-spacing:-.02em;max-width:27ch;text-wrap:pretty;margin-bottom:22px}
.guide-layout .lesson-section:not(.guide-practice)>p:not(.claim-sources){max-width:var(--reading-measure);font-size:1.125rem;line-height:1.75;margin-top:18px;color:#30362d;text-wrap:pretty}
.guide-layout .lesson-section>.claim-sources{max-width:76ch;font-size:.875rem;line-height:1.65}
.guide-layout .guide-takeaways{padding-block:23px 27px;border-top-width:2px}
.guide-layout .guide-takeaways li{max-width:68ch;font-size:1.0625rem;line-height:1.7;margin-top:13px}
.guide-layout .learning-comparison{margin-top:30px}
.guide-layout .learning-comparison>div{grid-template-columns:minmax(170px,.8fr) minmax(0,1.6fr);gap:28px;padding-block:22px}
.guide-layout .learning-comparison dt{font-size:1.0625rem;line-height:1.5}
.guide-layout .learning-comparison dd{font-size:1.0625rem;line-height:1.7;text-wrap:pretty}
.guide-layout .learning-boundary{margin-top:28px;border-left:2px solid var(--earth);padding:19px 23px;background:#f0ece2}
.guide-layout .learning-boundary p{font-size:1.0625rem;line-height:1.7;max-width:65ch;color:#3d4237;text-wrap:pretty}
.guide-layout .practice-questions,.guide-layout .supplier-questions{margin-top:28px}
.guide-layout .practice-questions li,.guide-layout .supplier-questions li{font-size:1.0625rem;line-height:1.65;padding-block:13px;max-width:68ch}
.guide-layout .guide-practice{padding:30px 28px 29px;margin-top:32px;background:#f0ece2;border-top:2px solid var(--earth)}
.guide-layout .guide-practice>h2{max-width:27ch;margin-bottom:16px}
.guide-layout .guide-practice>p:not(.eyebrow){font-size:1.0625rem;line-height:1.65;color:var(--muted);margin:0 0 26px;max-width:64ch}
.guide-layout .guide-practice>.eyebrow{font-size:.8125rem;letter-spacing:.025em;line-height:1.5;margin:0 0 12px;color:var(--green)}
.guide-practice dl>div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:25px;padding:23px 0;border-color:#cec8b9}
.guide-practice dt{font-size:1.0625rem;line-height:1.5;margin:0;max-width:19ch}
.guide-practice dd{font-size:1.0625rem;line-height:1.7;white-space:normal;text-wrap:pretty}

/* The main pathway reads horizontally; side outputs remain explicitly labelled. */
.guide-flow{--flow-accent:var(--green);background:transparent;margin:32px 0 0;padding:24px 0 22px;border-block:1px solid var(--line)}
.guide-flow-carbon{--flow-accent:var(--ink)}
.guide-flow-material{--flow-accent:var(--earth)}
.guide-flow-heading{display:grid;grid-template-columns:minmax(0,1fr) 126px;gap:28px;align-items:center;margin-bottom:30px}
.guide-flow-heading .eyebrow{font-size:.8125rem;letter-spacing:.025em;line-height:1.5;color:var(--green);margin-bottom:10px}
.guide-flow .guide-flow-heading h3{font:400 clamp(1.5rem,2vw,1.75rem)/1.35 var(--serif);letter-spacing:-.02em;color:var(--ink);margin:0;text-wrap:pretty;max-width:28ch}
.guide-flow-heading>.education-plate{width:126px;mix-blend-mode:multiply}
.guide-flow-body{display:grid;grid-template-columns:repeat(var(--flow-count),minmax(0,1fr));column-gap:20px}
.guide-flow-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(var(--flow-count),minmax(0,1fr));column-gap:20px;list-style:none;margin:0;padding:0}
.guide-flow-steps>li{position:relative;min-width:0;padding:24px 0 0;border:0;margin:0}
.guide-flow-steps>li:before{content:'';position:absolute;top:0;left:0;right:-20px;height:1px;background:#b5b9a9}
.guide-flow-steps>li:last-child:before{right:0}
.guide-flow-steps>li:not(:last-child):after{content:'';position:absolute;top:-3px;right:-12px;width:7px;height:7px;border-top:1px solid var(--flow-accent);border-right:1px solid var(--flow-accent);transform:rotate(45deg);background:var(--paper)}
.guide-flow-steps strong{display:block;font:600 1.0625rem/1.35 var(--sans);color:var(--flow-accent);overflow-wrap:break-word}
.guide-flow-steps p{font-size:1rem;line-height:1.5;color:var(--muted);margin-top:9px;overflow-wrap:break-word;text-wrap:pretty}
.guide-flow-branch{grid-column:var(--branch-column)/-1;position:relative;margin-top:27px;padding:16px 18px;background:#f0ece2;border-top:1px solid var(--earth)}
.guide-flow-branch:before{content:'';position:absolute;top:-28px;left:0;width:1px;height:27px;background:var(--earth)}
.guide-flow-branch strong{font:600 .9375rem/1.5 var(--sans);color:var(--rust)}
.guide-flow-branch p{font-size:1rem;line-height:1.6;color:#4e5046;margin-top:7px;text-wrap:pretty}
.guide-flow-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:28px}
.guide-flow-outcomes>div{padding:19px 0 0;border-top:2px solid var(--olive)}
.guide-flow-outcomes>.outcome-carbon{border-color:var(--earth)}
.guide-flow-outcomes strong{font:600 1.0625rem/1.4 var(--sans);color:var(--ink)}
.guide-flow-outcomes p{font-size:1rem;line-height:1.6;margin-top:7px;color:var(--muted)}
.guide-flow figcaption{font-size:.875rem;line-height:1.65;margin-top:24px;padding-top:19px;border-top:1px solid var(--line);max-width:90ch;text-wrap:pretty}

/* Claims, their evidence and their limits stay together as three readable cases. */
.guide-evidence{margin-top:32px;padding-top:22px}
.guide-evidence>.evidence-caption{grid-template-columns:minmax(0,1fr) 112px;gap:28px;font-size:.9375rem;line-height:1.65;margin:0 0 28px}
.guide-evidence .evidence-caption>.education-plate{width:112px;mix-blend-mode:multiply}
.guide-evidence .evidence-case{border-top:1px solid var(--earth);padding-top:20px;margin-top:27px}
.guide-evidence .evidence-case h3{font:400 1.4rem/1.4 var(--serif);color:var(--ink);margin-bottom:19px;max-width:35ch;text-wrap:pretty}
.guide-evidence .evidence-case h3>span{display:block;font:600 .8125rem/1.5 var(--sans);letter-spacing:.025em;color:var(--green);margin-bottom:7px}
.guide-evidence .evidence-case dl{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;margin:0}
.guide-evidence .evidence-case dl>div{border-top:1px solid var(--line);padding-top:15px;min-width:0}
.guide-evidence .evidence-case dt{font:600 .9375rem/1.5 var(--sans);color:var(--green);margin-bottom:7px}
.guide-evidence .evidence-case dd{font-size:1.0625rem;line-height:1.65;color:var(--ink);white-space:normal;text-wrap:pretty}
.guide-evidence .evidence-case dl>div:last-child{grid-column:1/-1;padding:15px 18px;background:#f0ece2;border-top:0;border-left:2px solid var(--earth)}
.guide-evidence .evidence-case dl>div:last-child dt{color:var(--rust)}

@media(max-width:1100px) and (min-width:801px){
 .guide-flow-body,.guide-flow-steps{column-gap:14px}
 .guide-flow-steps>li:before{right:-14px}.guide-flow-steps>li:not(:last-child):after{right:-9px}
 .guide-flow-steps strong{font-size:1rem}.guide-flow-steps p{font-size:.9375rem}
 .guide-practice dl>div{grid-template-columns:140px minmax(0,1fr);gap:20px}
}
@media(max-width:700px),(min-width:801px) and (max-width:1000px){
 .guide-intro .lesson-lead{font-size:1.125rem;line-height:1.65}
 .guide-layout .lesson-section{padding-block:32px;scroll-margin-top:20px}
 .guide-layout .lesson-section>h2{font-size:1.65rem;line-height:1.35;letter-spacing:-.025em;margin-bottom:20px}
 .guide-layout .lesson-section:not(.guide-practice)>p:not(.claim-sources){font-size:1.09375rem;line-height:1.72;margin-top:17px}
 .guide-layout .guide-takeaways li{font-size:1.03125rem;line-height:1.65;margin-top:14px}
 .guide-layout .learning-comparison>div{grid-template-columns:1fr;gap:9px;padding-block:21px}
 .guide-layout .learning-boundary{padding:17px 19px}
 .guide-layout .learning-boundary p,.guide-layout .learning-comparison dd{font-size:1.03125rem;line-height:1.7}
 .guide-layout .guide-practice{padding:25px 20px;margin-top:25px}
 .guide-practice dl>div{grid-template-columns:1fr;gap:9px;padding-block:23px}
 .guide-practice dt{max-width:none;font-size:1.0625rem}
 .guide-practice dd{font-size:1.03125rem;line-height:1.7}
 .guide-flow{padding:22px 0;margin-top:28px}
 .guide-flow-heading{grid-template-columns:minmax(0,1fr) 82px;gap:16px;margin-bottom:25px}
 .guide-flow-heading>.education-plate{width:82px}
 .guide-flow .guide-flow-heading h3{font-size:1.4rem;line-height:1.35;letter-spacing:-.025em}
 .guide-flow-heading .eyebrow{font-size:.75rem;margin-bottom:9px;letter-spacing:0}
 .guide-flow-body{display:block}
 .guide-flow-steps{display:block;margin-left:4px}
 .guide-flow-steps>li{padding:0 0 23px 25px;border-left:1px solid #aeb6a0}
 .guide-flow-steps>li:last-child{padding-bottom:0;border-left-color:transparent}
 .guide-flow-steps>li:before,.guide-flow-steps>li:last-child:before{top:6px;left:-4px;right:auto;width:7px;height:7px;background:var(--paper);border:1px solid var(--flow-accent);border-radius:50%}
 .guide-flow-steps>li:not(:last-child):after{content:none}
 .guide-flow-steps strong{font-size:1.0625rem;line-height:1.4}
 .guide-flow-steps p{font-size:1rem;line-height:1.5;margin-top:5px}
 .guide-flow-branch{margin-top:24px;padding:15px 17px;border-top:0;border-left:2px solid var(--earth)}
 .guide-flow-branch:before{content:none}
 .guide-flow-outcomes{grid-template-columns:1fr;gap:21px;margin-top:25px}
 .guide-flow-outcomes>div{padding-top:16px}
 .guide-flow figcaption{font-size:.875rem;line-height:1.6;margin-top:23px;padding-top:18px}
 .guide-evidence>.evidence-caption{grid-template-columns:minmax(0,1fr) 80px;gap:18px;font-size:.9375rem}
 .guide-evidence .evidence-caption>.education-plate{width:80px}
 .guide-evidence .evidence-case h3{font-size:1.3rem}
 .guide-evidence .evidence-case dl{grid-template-columns:1fr;gap:18px}
 .guide-evidence .evidence-case dd{font-size:1.03125rem;line-height:1.65}
}
@media(max-width:370px){
 .guide-flow-heading{grid-template-columns:minmax(0,1fr) 64px;gap:12px}.guide-flow-heading>.education-plate{width:64px}
 .guide-evidence>.evidence-caption{grid-template-columns:1fr}.guide-evidence .evidence-caption>.education-plate{display:none}
}
@media print{
 .guide-flow,.guide-evidence .evidence-case{break-inside:avoid}
 .guide-layout .lesson-section{padding-block:18px}
 .guide-layout .guide-practice,.guide-flow-branch,.guide-evidence .evidence-case dl>div:last-child{background:transparent}
 .guide-layout .lesson-section:not(.guide-practice)>p:not(.claim-sources){font-size:11pt;line-height:1.5;max-width:none}
 .guide-flow-steps strong,.guide-flow-steps p,.guide-flow-branch p,.guide-evidence .evidence-case dd{font-size:10pt}
}