/* The gas pencil entry becomes a focused, growing learning route. */
.gas-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(190px,.6fr);align-items:center;gap:72px}
.gas-hero-art{width:100%;max-width:290px;height:auto;justify-self:center;mix-blend-mode:multiply}
.gas-hero-lead{max-width:650px;margin-top:24px}
.gas-learning-page .home-intro{padding-bottom:48px}
.gas-next{border-top:1px solid var(--line)}
.gas-next-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:72px;align-items:start}
.gas-next h2{max-width:590px}
.gas-next h3{font-size:25px;margin-bottom:14px}
.gas-lesson-status{padding:14px 18px;border-left:3px solid var(--copper);background:#eeeade;color:var(--ink);margin-top:24px}
.gas-next-reading{border:1px solid var(--line);border-radius:5px;padding:28px;background:#fdfbf5}
.gas-next-reading .hub-links{margin-bottom:0}
@media(max-width:900px){.gas-hero-grid,.gas-next-grid{gap:32px}}
@media(max-width:680px){
  .gas-hero-grid{grid-template-columns:minmax(0,1fr);gap:18px}
  .gas-hero-art{width:145px;justify-self:start;grid-row:1;margin-top:-12px}
  .gas-hero-lead{margin-top:20px}
  .gas-next-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .gas-next-reading{padding:22px}
  .gas-learning-page .home-intro{padding-bottom:34px}
}

.gas-supply-context{font-size:15px;line-height:1.7;color:var(--muted);max-width:650px;margin-top:14px}
.gas-emergency{padding-bottom:38px}
.gas-emergency>div{padding:22px 26px;border-left:3px solid var(--copper);background:#eeeade}
.gas-emergency h2{font-size:23px;margin:0 0 10px}
.gas-emergency p{font-size:16px;line-height:1.65;max-width:850px;margin:0 0 12px}
.gas-emergency-contacts{display:flex;flex-wrap:wrap;gap:6px 30px}
.gas-emergency-contacts a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.gas-emergency-source{display:inline-flex;align-items:center;gap:8px;min-height:40px;font-size:14px;text-decoration:underline;text-underline-offset:3px}
@media(max-width:680px){.gas-emergency>div{padding:19px 20px}.gas-emergency{padding-bottom:27px}.gas-emergency-contacts{display:block}.gas-emergency-contacts a{display:flex}.gas-supply-context{font-size:15px}}