/* Saved appearance is independent of the private editing controls. */
[data-vhc-hidden] { display: none !important; }
[data-vhc-spacing="compact"] { padding-block: 40px !important; }
[data-vhc-spacing="spacious"] { padding-block: 140px !important; }
[data-vhc-align="left"] :is(h1,h2,h3,p,blockquote,figcaption) { text-align: left; }
[data-vhc-align="center"] :is(h1,h2,h3,p,blockquote,figcaption) { text-align: center; margin-inline: auto; }
[data-vhc-background="white"] { background: #fff !important; --vhc-section-fg: var(--ink); --vhc-section-muted: var(--muted); }
[data-vhc-background="light"] { background: var(--surface) !important; --vhc-section-fg: var(--ink); --vhc-section-muted: var(--muted); }
[data-vhc-background="blue"] { background: var(--ink) !important; --vhc-section-fg: var(--vhc-on-ink, #fff); --vhc-section-muted: var(--vhc-on-ink, #fff); }
[data-vhc-background="gold"] { background: var(--gold) !important; --vhc-section-fg: var(--ink); --vhc-section-muted: var(--ink); }
[data-vhc-background] { color: var(--vhc-section-fg); }
[data-vhc-background] :is(h1,h2,h3,h4,p,blockquote,cite,summary,li,strong,em,figcaption,figcaption span,summary span,.text-link) { color: var(--vhc-section-fg); }
[data-vhc-background] :is(.portrait-note,.contact-form-panel,.form-panel,.workbook-cover,.book-image,.about-portrait figcaption,.show-artwork figcaption) { --vhc-section-fg: var(--ink); color: var(--ink); }
[data-vhc-background] :is(.about-portrait figcaption,.show-artwork figcaption) { --vhc-section-fg: #fff; color: #fff; }
@media(min-width:901px) {
  [data-vhc-media="swap"] :is(.hero-layout,.about-hero-layout,.about-layout,.show-layout,.resource-layout,.coffee-replay-layout,.shows-listen-layout,.shows-guest-layout,.gold-hero-layout,.publishing-intro) > :first-child { grid-column: 2; grid-row: 1; }
  [data-vhc-media="swap"] :is(.hero-layout,.about-hero-layout,.about-layout,.show-layout,.resource-layout,.coffee-replay-layout,.shows-listen-layout,.shows-guest-layout,.gold-hero-layout,.publishing-intro) > :last-child { grid-column: 1; grid-row: 1; }
  [data-vhc-media="swap"] .hero-visual { margin-left: 0; margin-right: 32px; }
}
@media(max-width:900px) { [data-vhc-spacing="spacious"] { padding-block: 88px !important; } }
.vhc-hidden-placeholder { margin: 12px 22px; padding: 22px; border: 1px dashed #536478; background: #f5f7fa; color: #16345c; font: 14px/1.6 system-ui,sans-serif; }