.co2-control,.climate-scenarios { margin:1.75rem 0; }
.co2-control>h5,.climate-scenarios>h5 { font:600 25px/1.3 Outfit,Arial,sans-serif; margin:0 0 1.25rem; }
.co2-control h6,.climate-scenarios h6 { font:600 21px/1.4 Outfit,Arial,sans-serif; margin:0 0 .75rem; }
.catalogue-chapter :is(.co2-control,.climate-scenarios) p { font-size:1rem; line-height:1.65; max-width:100ch; }
.co2-control-figure { border:1px solid var(--line); background:#fff; margin:0 0 1.75rem; }
.co2-control-scroll .drawing-open { display:block; width:100%; padding:0; }
.co2-control-figure img { display:block; width:100%; height:auto; }
.co2-control-figure figcaption { display:flex; flex-wrap:wrap; gap:.75rem 1.5rem; border-top:1px solid var(--line); margin:0 1.25rem; padding:1rem 0; font-size:.875rem; line-height:1.5; }
.co2-control-figure figcaption span { display:inline-flex; align-items:center; gap:.625rem; }
.co2-control-figure i { display:block; width:26px; border-top:3px solid; }
.co2-key-gas { color:#286b51; }
.co2-key-signal { color:#765780; border-top-style:dashed!important; }
.co2-control-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem 2rem; margin:0 0 2rem; }
.co2-control-steps>div { border-top:2px solid #9bb8a9; padding-top:1rem; }
.co2-control-steps dt { font:600 21px/1.4 Outfit,Arial,sans-serif; }
.co2-control-steps dt span { font:400 .875rem/1.4 Arial,sans-serif; color:var(--green); margin-right:.75rem; }
.co2-control-steps dd { margin:.75rem 0 0; font-size:1rem; line-height:1.65; }
.co2-control-rules { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; }
.co2-control-rules>div { background:#f3f7f5; border-left:3px solid var(--green); padding:1.25rem 1.5rem; }
.catalogue-chapter .co2-control-rules p { margin:0; }
.catalogue-chapter .co2-control .co2-heat-link { border-block:1px solid var(--line); padding:1.25rem 0; margin:1.75rem 0 1rem; }
.co2-heat-link a { display:inline-block; padding:.5rem 0; text-decoration:underline; text-underline-offset:3px; }
.climate-scenario-choices { display:flex; gap:.75rem; flex-wrap:wrap; margin:1.5rem 0; }
.climate-scenario-choices button { flex:1; min-width:180px; border:1px solid #9bb3ac; background:#fff; color:var(--navy); padding:1rem 1.25rem; min-height:52px; cursor:pointer; font:500 18px/1.4 Outfit,Arial,sans-serif; }
.climate-scenario-choices button[aria-pressed="true"] { background:var(--navy); border-color:var(--navy); color:#fff; box-shadow:inset 0 -4px 0 #6b9c83; }
:is(.co2-control,.climate-scenarios) :is(button,a,[tabindex]):focus-visible { outline:3px solid var(--green); outline-offset:3px; }
.climate-scenario-panel { border:1px solid var(--line); padding:1.5rem; }
.climate-scenario-context { display:grid; grid-template-columns:1.35fr 1fr; gap:1.5rem 2rem; margin-bottom:1.5rem; }
.climate-scenario-context>div:last-child { padding-left:1.5rem; border-left:1px solid #baccc3; }
.catalogue-chapter .climate-scenario-context .topic-label { font-size:.875rem; margin:0 0 .5rem; }
.climate-scenario-context h6 { font-size:25px; }
.climate-scenario-context strong { display:block; font-size:1rem; line-height:1.5; }
.catalogue-chapter .climate-scenario-context p { margin:.75rem 0 0; }
.climate-scenario-table { width:100%; table-layout:fixed; border-collapse:collapse; text-align:left; font-size:1rem; line-height:1.6; }
.climate-scenario-table caption { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.climate-scenario-table :is(th,td) { padding:1rem 1.125rem; border:1px solid var(--line); vertical-align:top; }
.climate-scenario-table thead th { background:var(--navy); color:#fff; font-weight:500; }
.climate-scenario-table thead th:first-child { width:21%; }
.climate-scenario-table thead th:last-child { width:27%; }
.climate-scenario-table tbody th { background:#f3f7f5; font-weight:600; }
.climate-scenario-mobile { display:none; }
.catalogue-chapter .climate-scenarios .climate-scenario-coordination { border-left:3px solid var(--green); padding-left:1rem; margin:1.5rem 0 .75rem; }
.climate-scenario-related { min-height:44px; display:inline-flex; align-items:center; font-size:1rem; }
.climate-scenario-conditions { margin:2rem 0 1rem; }
.catalogue-chapter .climate-scenario-conditions p { margin:.75rem 0; }
.climate-scenario-links { display:flex; flex-wrap:wrap; gap:.5rem 2rem; border-top:1px solid var(--line); padding-top:1rem; margin-top:1rem; }
.climate-scenario-links a { min-height:44px; display:inline-flex; align-items:center; font-size:1rem; }
.climate-scenarios .climate-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media(max-width:800px) { .co2-control-steps,.co2-control-rules,.climate-scenario-context { grid-template-columns:1fr; } .climate-scenario-context>div:last-child { border-left:0; border-top:1px solid var(--line); padding:1rem 0 0; } .co2-control-scroll { overflow:auto; } .co2-control-scroll .drawing-open { min-width:1000px; } }
@media(max-width:650px) {
 .climate-scenario-choices { gap:.5rem; }
 .climate-scenario-choices button { flex-basis:100%; }
 .climate-scenario-panel { padding:1rem; }
 .climate-scenario-table,.climate-scenario-table tbody { display:block; }
 .climate-scenario-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
 .climate-scenario-table tr { display:block; border:1px solid var(--line); margin-bottom:1rem; }
 .climate-scenario-table tbody :is(th,td) { display:block; border:0; border-bottom:1px solid var(--line); padding:1rem; }
 .climate-scenario-table tbody td:last-child { border-bottom:0; }
 .climate-scenario-mobile { display:block; font-weight:600; color:var(--green); margin-bottom:.5rem; }
 .climate-scenario-context h6 { font-size:23px; }
 .co2-control-rules>div { padding:1.125rem; }
}