/* Aerosols chapter: subject-specific composition on the shared campaign system. */
.aerosols-page {
  --chapter-title:clamp(2.25rem,4vw,4rem);
  --chapter-statement:clamp(2rem,3.5vw,3.5rem);
  --chapter-gap:clamp(24px,4vw,64px);
  --aerosols-photo-width:448px;
  --aerosols-hero-ratio:1 / 1;
  --aerosols-hero-focus:32% 50%;
}
.aerosols-hero-photo { --od-ratio:var(--aerosols-hero-ratio); object-fit:cover; object-position:var(--aerosols-hero-focus); }
.aerosols-page .chapter-hero { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); align-items:center; }
.aerosols-page .chapter-hero h1 { max-width:18ch; font-size:var(--chapter-title); }
.aerosols-title-context { display:block; margin-bottom:var(--space-2); }
.aerosols-title-action { display:block; }
.aerosols-title-action strong { font-weight:inherit; text-decoration:underline; text-decoration-color:var(--green); text-decoration-thickness:.1em; text-underline-offset:.12em; }
.aerosols-page .chapter-hero .chapter-lead { max-width:43ch; font-size:clamp(1.125rem,1.6vw,1.375rem); line-height:1.6; font-weight:400; }
.aerosols-page .chapter-hero figcaption { font-weight:700; }
.aerosols-page .preparation-grid { grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); }
.aerosols-preparation-copy { --od-gap:var(--space-4); }
.aerosols-page .preparation h2 { max-width:16ch; font-size:var(--chapter-statement); line-height:1.15; }
.aerosols-preparation-copy h2>span { display:block; }
.aerosols-preparation-copy .action-line { padding-block:var(--space-3); border-top:1px solid currentColor; }
.aerosols-preparation-copy .action-line:first-child { padding-top:0; border:0; }
.aerosols-preparation-copy .action-intro { display:block; font-family:var(--body); font-size:var(--text-body); font-weight:400; line-height:1.6; text-transform:none; letter-spacing:normal; margin-bottom:var(--space-1); }
.aerosols-preparation-photo { width:min(100%,var(--aerosols-photo-width)); justify-self:end; }
.aerosols-page .comparison-heading { grid-template-columns:1fr; gap:var(--space-2); }
.aerosols-page .comparison-heading h2 { max-width:22ch; }
.aerosols-page .condition-panel { grid-template-columns:1fr; }
.aerosols-page .condition-text { max-width:960px; }
.aerosols-page .condition-text h3 { font-size:clamp(2rem,3.5vw,3.5rem); }
.aerosols-page .condition-text p { max-width:62ch; font-size:clamp(1.25rem,2vw,1.75rem); line-height:1.6; }
.aerosols-page .condition-text strong { font-weight:700; }
.aerosols-page .chapter-checker { margin-top:var(--space-8); margin-bottom:0; }
.aerosols-page .chapter-reason { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:start; gap:var(--chapter-gap); text-align:left; }
.aerosols-page .chapter-reason h2 { font-size:var(--chapter-statement); max-width:15ch; margin:0; }
.aerosols-page .chapter-reason p { font-size:clamp(1.25rem,2.3vw,2rem); line-height:1.6; max-width:36ch; margin:0; }
@media (min-width:768px) and (max-width:1199px) {
  .aerosols-page { --aerosols-hero-ratio:4 / 5; }
}
@media (max-width:1023px) {
  .aerosols-page { --chapter-title:clamp(2.25rem,4.3vw,3rem); --chapter-statement:clamp(2rem,4vw,3rem); }
  .aerosols-page .chapter-hero { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); }
  .aerosols-page .preparation-grid { grid-template-columns:minmax(0,1fr) minmax(0,.8fr); }
}
@media (max-width:767px) {
  .aerosols-page { --chapter-title:clamp(2rem,7.5vw,3.5rem); --chapter-statement:clamp(2rem,8vw,3rem); --aerosols-hero-ratio:3 / 2; }
  .aerosols-page .chapter-hero,.aerosols-page .preparation-grid,.aerosols-page .chapter-reason { grid-template-columns:1fr; }
  .aerosols-page .chapter-hero h1 { max-width:19ch; }
  .aerosols-preparation-photo { justify-self:center; }
  .aerosols-page .chapter-reason { gap:var(--space-4); }
  .aerosols-page .chapter-reason p { max-width:100%; }
  .aerosols-page .chapter-checker { margin-top:var(--space-6); }
}
@media (forced-colors:active) {
  .aerosols-title-action strong { text-decoration-color:CanvasText; }
}