/* Preserve heading line height and shelf spacing; size to each drawing's bounds. */
main > section > .section-heading:has(> .section-icon) { gap: var(--section-icon-gap, 8px); }
main > section > .section-heading > .section-icon {
  display: none;
  position: relative;
  width: var(--section-icon-width);
  height: 33px;
  flex: 0 0 var(--section-icon-width);
}

main > section > .section-heading :is(h1, h2) {
  text-transform: var(--section-heading-case, uppercase);
}

:root[data-heading-icons="true"] main > section > .section-heading > .section-icon {
  display: block;
}

/* Full-width section fills, independent of heading text color. */
:root { --section-label-pink: #ff9d60; }
main > section > .section-heading,
.latest-heading {
 width: 100%;
 max-width: 100%;
 box-sizing: border-box;
 padding-left: 4px;
 background: var(--section-label-pink);
 color: var(--section-label-text, white);
 border-radius: 0;
}
main > section > .section-heading :is(h1, h2) { color: var(--section-label-text, white); }
main > section > .section-heading > .section-icon { filter: brightness(0) invert(1); }

:root[data-different-header-colors="true"] #podcasts > .section-heading { background: var(--section-techSupportColor, #ff008e); }
:root[data-different-header-colors="true"] :is(#apps, #apps-list) > .section-heading { background: var(--section-appsColor, #ff9d60); }
:root[data-different-header-colors="true"] #articles > .section-heading { background: var(--section-articlesColor, #57ff69); }
:root[data-different-header-colors="true"] #content > .section-heading { background: var(--section-contentColor, #ff6060); }