/* TRi — HVAC Applications — page-specific rules lifted from frames/modernist-hvac.html.
   GENERATED by build/build_wp_theme.py */
.narrow{max-width:820px}
.sec{padding:64px 0;border-top:2px solid var(--color-divider)}
.eyebrow{color:var(--color-accent);font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 var(--space-3)}
.util{display:flex;align-items:center;gap:var(--space-6);font-size:12px;padding:8px 0;color:color-mix(in srgb,var(--color-text) 65%,transparent)}
.crumb{font-size:13px;color:color-mix(in srgb,var(--color-text) 60%,transparent);margin:0 0 var(--space-5)}
.crumb a{color:var(--color-accent);text-decoration:none}
.qa h3{font-size:20px;margin:var(--space-8) 0 var(--space-3)}
.qa p{color:color-mix(in srgb,var(--color-text) 84%,transparent);line-height:1.6;margin:0 0 var(--space-3);max-width:78ch}
.qa ul{color:color-mix(in srgb,var(--color-text) 84%,transparent);line-height:1.6;max-width:78ch;padding-left:22px}
.qa li{margin-bottom:12px}
.callout{border-left:3px solid var(--color-accent);background:var(--color-surface);padding:var(--space-4) var(--space-5);margin:var(--space-5) 0;max-width:78ch}
.note-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}
.note-card{border:2px solid var(--color-text);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}
.note-card .card-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:18px}
.note-card p{margin:0;font-size:14px;color:color-mix(in srgb,var(--color-text) 82%,transparent);flex:1}