/* Shared styles for all migrated microsite posts. */
@font-face { font-family: "Avenir LT Std"; font-style: normal; font-weight: 300; font-display: fallback; src: url("../../microsites/shared/fonts/AvenirLTStd-Light.woff") format("woff"); }
@font-face { font-family: "Avenir LT Std"; font-style: normal; font-weight: 400; font-display: fallback; src: url("../../microsites/shared/fonts/AvenirLTStd-Roman.woff") format("woff"); }
@font-face { font-family: "Avenir LT Std"; font-style: normal; font-weight: 600; font-display: fallback; src: url("../../microsites/shared/fonts/AvenirLTStd-Medium.woff") format("woff"); }
@font-face { font-family: "Avenir LT Std"; font-style: normal; font-weight: 700; font-display: fallback; src: url("../../microsites/shared/fonts/AvenirLTStd-Heavy.woff") format("woff"); }

/* Skip link and focus states. */
.clearseas-microsite-post .skip-link.screen-reader-text { position: absolute; left: -10000px; top: auto; z-index: 100000; padding: .75rem 1rem; background: #fff; color: #000; }
.clearseas-microsite-post .skip-link.screen-reader-text:focus { left: 1rem; top: 1rem; }
.clearseas-microsite-post :is(#main-menu, #pull-menu, #quicklinks) :is(a, button):focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.clearseas-microsite-post #logo:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }

/* Accordions: core Accordion blocks styled like the original microsite accordions. */
.wp-block-accordion.is-style-microsite { counter-reset: cs-accordion; }
.wp-block-accordion.is-style-microsite > .wp-block-accordion-item { margin-block: 0; }
.wp-block-accordion.is-style-microsite .wp-block-accordion-item { padding-top: var(--wp--preset--spacing--small); padding-bottom: var(--wp--preset--spacing--small); border-bottom: 1px solid var(--cs-accent, currentColor); counter-increment: cs-accordion; }
.wp-block-accordion.is-style-microsite .wp-block-accordion-heading { margin: 0; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; text-transform: none; text-wrap: wrap; }
.wp-block-accordion.is-style-microsite .wp-block-accordion-heading__toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; color: var(--cs-accent, inherit); font: inherit; text-align: left; letter-spacing: inherit; text-transform: none; cursor: pointer; }
.wp-block-accordion.is-style-microsite .wp-block-accordion-heading__toggle:focus-visible { outline: 2px solid var(--cs-accent, currentColor); outline-offset: 4px; }
.wp-block-accordion.is-style-microsite .wp-block-accordion-heading__toggle-title { flex: 1; text-decoration: none; }
.wp-block-accordion.is-style-microsite .wp-block-accordion-heading__toggle-icon { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; font-size: 2.25rem; font-weight: 300; line-height: 1; transition: transform .3s ease; }
.wp-block-accordion.is-style-microsite .wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-icon { transform: rotate(135deg); }
.wp-block-accordion.is-style-microsite.has-numbers .wp-block-accordion-heading__toggle::before { content: counter(cs-accordion, decimal-leading-zero); flex: 0 0 auto; width: 20px; margin-right: 10px; font-size: var(--wp--preset--font-size--small); text-align: center; }
.wp-block-accordion.is-style-microsite.has-numbers .wp-block-accordion-panel { padding-left: 30px; }
.wp-block-accordion.is-style-microsite .wp-block-accordion-panel :is(p, ol, ul) { font-size: var(--wp--preset--font-size--small); }
.wp-block-accordion.is-style-microsite .wp-block-accordion-panel > :first-child { margin-top: var(--wp--preset--spacing--small); }

/* Keep narrow microsite layouts inside the viewport. The LNG lifecycle slides
   in from the right, while the Ship Waste callouts retain desktop spacing. */
@media (max-width: 991px) {
  .clearseas-microsite-post .lng-lifecycle { overflow-x: clip; }
}
@media (max-width: 600px) {
  .clearseas-microsite-post:is(.microsite-ship-waste-management, .microsite-gestion-des-dechets-provenant-des-navires-commerciaux) .is-style-boxed-quote {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding: 2rem 1.25rem;
  }
  .clearseas-microsite-post:is(.microsite-ship-waste-management, .microsite-gestion-des-dechets-provenant-des-navires-commerciaux) .is-style-info-box {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wp-block-accordion.is-style-microsite .wp-block-accordion-heading__toggle-icon { transition: none; }
}