/* Theme additions (loaded after the original Oxygen CSS). */

/* Skip link — visible only on keyboard focus. */
.skip-link.screen-reader-text { position: absolute; left: -9999px; top: 0; z-index: 100000; }
.skip-link.screen-reader-text:focus { left: 8px; top: 8px; width: auto; height: auto; padding: 10px 16px; background: #fff; color: #05472a; clip: auto; }
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; }

/* <main> replaces Oxygen's inner-content <div>. */
main.ct-inner-content { display: block; }

/* Video that replaced the Oxygen Pro Media Player. */
.oxy-pro-media-player { width: 100%; }
video.sty-media-player { display: block; width: 100%; height: auto; object-fit: cover; background: #000; }

/* Popup block layout (core block-support classes of the original). */
.sty-popup-stack { flex-direction: column; align-items: center; }
#pum-452 .wp-block-columns { flex-wrap: nowrap; }
#pum-452 .pum-container { display: none; }
#pum-452.pum-active .pum-container { display: block; }

/* Former extra H1s (one H1 per page for SEO) keep the exact H1 tag styling:
   browser defaults + the original h1 tag rules. :where() keeps tag-level specificity,
   so the original class/ID rules still win exactly as before. */
:where(.sty-as-h1) { display: block; margin-block: 0; font-family: 'Roboto'; font-size: 36px; font-weight: 700; color: #05472a; line-height: 1.4; }