/* Native audio remains native; exact control appearance depends on the browser. */
.sc-main audio { color-scheme: dark; width: min(100%, 640px); max-width: 100%; border-radius: 12px; }
.sc-main :is(.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body) { background: var(--sc-panel); }
.sc-main .mejs-container { max-width: 100%; border: 1px solid var(--sc-line); border-radius: 12px; }
.sc-main .mejs-controls .mejs-button > button { min-height: 20px; padding: 0; border: 0; border-radius: 0; background-color: transparent; filter: sepia(.7); }
.sc-main .mejs-controls .mejs-time { color: var(--sc-text); }
.sc-main .mejs-controls :is(.mejs-time-total, .mejs-horizontal-volume-total) { background: #0f0a07; }
.sc-main .mejs-controls .mejs-time-loaded { background: #785331; }
.sc-main .mejs-controls :is(.mejs-time-current, .mejs-horizontal-volume-current) { background: var(--sc-gold); }
.sc-main .mejs-controls :is(.mejs-time-handle-content, .mejs-volume-handle) { border-color: var(--sc-gold); background: var(--sc-gold); }
.sc-main .mejs-controls .mejs-time-float { background: var(--sc-bg); border-color: var(--sc-line); color: var(--sc-text); }
.sc-main .mejs-controls [role="slider"]:focus-visible { outline: 2px solid var(--sc-gold); outline-offset: 2px; }
/* Optional author-supplied homepage media; no URL or content is built into the theme. */
.sc-entry-content .sc-ambient-video { position: relative; width: 100%; aspect-ratio: 16 / 7; max-height: 420px; margin: 0 auto 1.2em; overflow: hidden; border: 1px solid var(--sc-line-soft); border-radius: 18px; background: var(--sc-bg); }
.sc-entry-content .sc-ambient-video :is(video, iframe) { display: block; width: 100%; height: 100%; max-height: none; border: 0; object-fit: cover; }
.sc-entry-content .sc-ambient-placeholder { display: grid; place-items: center; aspect-ratio: 16 / 7; border: 1px dashed var(--sc-line); border-radius: 18px; color: var(--sc-muted); background: var(--sc-bg); padding: 1em; text-align: center; }
.sc-homepage-copy .sc-homepage-intro { font-size: 1.12em; line-height: 1.65; }
.sc-homepage-copy .sc-homepage-topics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1em 1.6em; }
.sc-homepage-copy .sc-homepage-topics > section { min-width: 0; }
.sc-homepage-welcome { max-width: 820px; margin: 0 auto 1.5em; padding-block: .4em; }
.sc-homepage-welcome h2 { font-size: clamp(34px, 4vw, 58px); font-weight: 400; letter-spacing: -.02em; line-height: 1.1; }
.sc-homepage-links { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.sc-homepage-section { max-width: 820px; margin: 1.6em auto; }
.sc-homepage-topics { border-block: 1px solid var(--sc-line-soft); padding-block: .8em; }
.sc-homepage-topics h2 { font-size: clamp(25px, 2.5vw, 34px); }
.sc-homepage-discover { padding-block: 1em; }
.sc-homepage-closing { border-top: 1px solid var(--sc-line-soft); text-align: center; padding-top: 1em; }
.sc-homepage-closing > p:first-child { font-family: var(--wp--preset--font-family--serif, Georgia, serif); font-size: clamp(24px, 2.6vw, 34px); color: var(--sc-gold) !important; }
.sc-ambient-video:not(.has-video) iframe { visibility: hidden; }
.sc-video-pending { position: absolute; inset: 0; display: grid; align-content: center; justify-items: center; padding: 20px; text-align: center; background: radial-gradient(ellipse at 50% 120%, #704322 0, #2b1b12 38%, #120c09 78%); }
.sc-video-pending p { font-family: var(--wp--preset--font-family--serif, Georgia, serif); font-size: clamp(24px, 3vw, 40px); }
.sc-video-pending small { max-width: 440px; font-size: 13px; color: var(--sc-muted); }
.sc-ambient-video.has-video .sc-video-pending { display: none; }
@media (max-width: 600px) { .sc-homepage-copy .sc-homepage-topics { grid-template-columns: 1fr; } .sc-entry-content .sc-ambient-video { aspect-ratio: 16 / 10; } }