/* Shared columns, a highlighted audit deliverable list and a closing coral band. */
.climate-page { --climate-columns:repeat(2,minmax(0,1fr)); --climate-gap:72px; --climate-space:64px; }
.climate-split { display:grid; grid-template-columns:var(--climate-columns); gap:var(--climate-gap); }
.climate-page h1 em,.climate-page h2 em { color:var(--sage); }
.climate-page .copy { max-width:none; }
.climate-page .copy strong { color:var(--ink); font-weight:500; }
.climate-opening { align-items:center; padding-block:56px var(--climate-space); }
.climate-opening-copy .subpage-lead { margin-bottom:18px; }
.climate-section { padding-block:var(--climate-space); border-top:1px solid var(--line); align-items:start; }
.climate-recognition { align-items:center; }
.climate-section-copy h2+.copy,.climate-audit-intro { margin-top:23px; }
.climate-section-copy .copy+.copy { margin-top:16px; }
.climate-photo { margin:0; padding:14px 14px 0; background:#ece7dd; }
.climate-photo img { display:block; width:100%; height:auto; }
.climate-photo figcaption { padding-block:14px; color:var(--muted); }
.climate-contents { margin:0; }
.climate-contents>div { padding-block:18px; }
.climate-contents>div+div { border-top:1px solid var(--line); }
.climate-contents dd { margin:7px 0 0; color:var(--muted); }
.climate-audit-panel { --sub-type-detail:16px; --sub-type-supporting:14px; --audit-inset:26px; padding:8px var(--audit-inset); border-top:2px solid var(--sage); background:#e5e9d9; }
.climate-audit .climate-priority { margin-inline:calc(-1 * var(--audit-inset)); padding-inline:var(--audit-inset); border-top:0; background:#f0d9cb; }
.climate-audit .climate-priority+div { border-top:0; }
.climate-contact { padding-block:var(--climate-space); background:var(--coral); }
.climate-contact .climate-split { align-items:center; }
.climate-contact h2 em,.climate-contact .copy { color:var(--ink); }
.climate-contact .button { margin-top:22px; background:var(--ink); color:var(--paper); }

@media(max-width:1100px) {
  .climate-page { --climate-gap:40px; --climate-space:50px; }
  .climate-opening { padding-top:45px; }
}
@media(max-width:800px) {
  .climate-page { --climate-columns:minmax(0,1fr); --climate-gap:28px; --climate-space:48px; }
  .climate-opening { padding-top:38px; }
  .climate-recognition .climate-section-copy { grid-row:1; }
  .climate-photo { width:100%; max-width:560px; justify-self:center; }
  .climate-contents>div { padding-block:16px; }
  .climate-audit-panel { --audit-inset:20px; }
}