/* Heating People - page photos (patches 18-27, Nov 2026). Pure ASCII. */
#hp-main .hp-hero-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:32px 48px;align-items:center}
#hp-main .hp-hero-split>.hp-cooking-hero,#hp-main .hp-hero-split>.hp-resource-intro,#hp-main .hp-hero-split>.hp-resource-hero,#hp-main .hp-hero-split>.hp-flush-intro{min-width:0}
#hp-main .hp-hero-figure{margin:0;align-self:center}
#hp-main .hp-hero-figure img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:var(--hp-radius,14px);border:1px solid var(--hp-line,#e6e1e1);background:#fff}
@media (max-width:899px){#hp-main .hp-hero-split{grid-template-columns:1fr}#hp-main .hp-hero-figure{max-width:420px;width:100%;margin:4px 0 8px}}
#hp-main .hp-body-figure{margin:16px 0 18px;max-width:520px}
#hp-main .hp-body-figure img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:var(--hp-radius,14px);border:1px solid var(--hp-line,#e6e1e1);background:#fff}
#hp-main .hp-body-figure figcaption{margin-top:8px;font-size:14px;line-height:1.45;color:var(--hp-muted,#666)}
/* hp-resource-links CSS strips list styles with !important, so these must be !important and more specific */
#hp-main .hp-resource-card ul.hp-adv-list,#hp-main .hp-resource-card ol.hp-adv-list{margin:8px 0 14px!important;padding:0 0 0 24px!important}
#hp-main .hp-resource-card ul.hp-adv-list>li{list-style:disc outside!important;display:list-item!important;margin:6px 0!important}
#hp-main .hp-resource-card ol.hp-adv-list>li{list-style:decimal outside!important;display:list-item!important;margin:6px 0!important}
#hp-main .hp-body-pair{margin:16px 0 18px;max-width:740px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
#hp-main .hp-body-pair img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:var(--hp-radius,14px);border:1px solid var(--hp-line,#e6e1e1);background:#fff}
#hp-main .hp-body-pair figcaption{grid-column:1/-1;font-size:14px;line-height:1.45;color:var(--hp-muted,#666)}
@media (max-width:479px){#hp-main .hp-body-pair{grid-template-columns:1fr}}
#hp-main .hp-video-card{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px 40px;align-items:center;margin:28px 0;padding:24px;border:1px solid var(--hp-line,#e6e1e1);border-radius:var(--hp-radius,14px);background:#fff}
#hp-main .hp-video-card h2{margin:0 0 10px}
#hp-main .hp-video-card .hp-video-desc{font-size:14px;line-height:1.45;color:var(--hp-muted,#666)}
#hp-main .hp-video-card video{display:block;width:100%;height:auto;aspect-ratio:9/16;border-radius:12px;background:#111}
@media (max-width:699px){#hp-main .hp-video-card{grid-template-columns:1fr;padding:18px}#hp-main .hp-video-card video{max-width:300px;margin:0 auto}}
#hp-main .hp-east-card ul.hp-adv-list{margin:8px 0 14px!important;padding:0 0 0 24px!important}#hp-main .hp-east-card ul.hp-adv-list>li{list-style:disc outside!important;display:list-item!important;margin:6px 0!important}
#hp-main .hp-brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:12px 0 16px}
#hp-main .hp-brand-item{display:block;padding:12px 14px;border:1px solid var(--hp-line,#e6e1e1);border-radius:12px;background:#fff;text-decoration:none}
#hp-main .hp-brand-item strong{display:block;font-size:17px;margin-bottom:4px;color:var(--hp-ink,#1a1a1a)}
#hp-main .hp-brand-item span{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:15px}
#hp-main .hp-brand-item span a{display:inline!important;padding:0!important;border:0!important;margin:0!important;width:auto!important;background:none!important;font-weight:700}
#hp-main a.hp-brand-item span{color:var(--hp-red,#c8281e);font-weight:700}
