* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--color-text); background: var(--color-white); line-height: 1.65; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--brand-secondary); }
img { max-width: 100%; height: auto; display: block; }
h1,h2,h3,h4,h5,h6 { color: var(--brand-primary); line-height: 1.12; margin: 0 0 18px; font-weight: 800; }
h1 { font-size: clamp(2.3rem, 5vw, 4rem); }
h2 { font-size: clamp(2rem, 3vw, 2.8rem); }
h3 { font-size: 1.35rem; }
p { margin: 0 0 18px; }
ul { margin-top: 0; }
.skip-link { position:absolute; left:-999px; top:auto; width:1px; height:1px; overflow:hidden; }
.skip-link:focus { left:16px; top:16px; z-index:9999; width:auto; height:auto; padding:10px 14px; background:var(--brand-accent); color:var(--brand-primary); border-radius:var(--radius-sm); }
.ok-container { width: min(var(--container), calc(100% - 40px)); margin: 0 auto; }
.ok-section { padding: var(--section-padding) 0; }
.ok-text-center { text-align:center; }
.ok-eyebrow { text-transform: uppercase; letter-spacing: .14em; font-weight: 800; font-size: .78rem; color: var(--brand-secondary); margin-bottom: 12px; }

/* ABOUT PROCMURA v1.1 typography variables */
body { font-family: var(--body-font); font-size: var(--body-font-size); background-color: var(--site-background); }
h1,h2,h3,h4,h5,h6 { font-family: var(--heading-font); font-weight: var(--heading-weight); }
.ok-desktop-nav a, .ok-desktop-nav span, .ok-mobile-panel a { font-family: var(--nav-font); font-weight: var(--nav-font-weight); }

/* Internal main wrapper spacing patch v4.8 */
body:not(.home) main.ok-main.ok-section {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

body:not(.home) .ok-main.ok-section {
  padding-top: 10px !important;
}

body:not(.home) .ok-inner-hero {
  padding: 60px 0 70px !important;
}

/* Internal page hero dove watermark v4.9 */
.ok-inner-hero {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

.ok-inner-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(90deg, rgba(10, 34, 59, 0.98) 0%, rgba(10, 34, 59, 0.88) 48%, rgba(10, 34, 59, 0.55) 100%),
    url("../images/dove_in_a_cosmic_glow.png") no-repeat right center !important;
  background-size: auto 100% !important;
  opacity: 0.55 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

.ok-inner-hero::after {
  content: "" !important;
  position: absolute !important;
  right: -80px !important;
  bottom: -120px !important;
  width: 380px !important;
  height: 260px !important;
  background: radial-gradient(circle, rgba(0, 169, 219, 0.25), transparent 65%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.ok-inner-hero .ok-container {
  position: relative !important;
  z-index: 2 !important;
}

/* Keep internal page hero compact */
body:not(.home) .ok-inner-hero {
  padding: 60px 0 70px !important;
}

body:not(.home) main.ok-main.ok-section {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

@media (max-width: 991px) {
  .ok-inner-hero::before {
    background:
      linear-gradient(90deg, rgba(10, 34, 59, 0.98) 0%, rgba(10, 34, 59, 0.90) 60%, rgba(10, 34, 59, 0.75) 100%),
      url("../images/dove_in_a_cosmic_glow.png") no-repeat right center !important;
    background-size: auto 85% !important;
    opacity: 0.38 !important;
  }

  .ok-inner-hero::after {
    width: 240px !important;
    height: 180px !important;
    right: -70px !important;
    bottom: -90px !important;
  }
}

/* Internal hero bigger dove watermark v5.1 */
.ok-inner-hero::before {
  background:
    linear-gradient(90deg, rgba(10, 34, 59, 0.98) 0%, rgba(10, 34, 59, 0.86) 45%, rgba(10, 34, 59, 0.48) 100%),
    url("../images/dove_in_a_cosmic_glow.png") no-repeat calc(100% + 120px) center !important;
  background-size: auto 145% !important;
  opacity: 0.68 !important;
}

.ok-inner-hero::after {
  right: -150px !important;
  bottom: -145px !important;
  width: 520px !important;
  height: 340px !important;
  background: radial-gradient(circle, rgba(0, 169, 219, 0.28), transparent 66%) !important;
}

@media (max-width: 991px) {
  .ok-inner-hero::before {
    background:
      linear-gradient(90deg, rgba(10, 34, 59, 0.98) 0%, rgba(10, 34, 59, 0.92) 58%, rgba(10, 34, 59, 0.70) 100%),
      url("../images/dove_in_a_cosmic_glow.png") no-repeat calc(100% + 80px) center !important;
    background-size: auto 115% !important;
    opacity: 0.46 !important;
  }

  .ok-inner-hero::after {
    width: 300px !important;
    height: 210px !important;
    right: -120px !important;
    bottom: -100px !important;
  }
}

/* Internal hero dove position refined v5.2 */
.ok-inner-hero::before {
  background:
    linear-gradient(90deg, rgba(10, 34, 59, 0.98) 0%, rgba(10, 34, 59, 0.88) 45%, rgba(10, 34, 59, 0.52) 100%),
    url("../images/dove_in_a_cosmic_glow.png") no-repeat 86% center !important;
  background-size: auto 138% !important;
  opacity: 0.68 !important;
}

.ok-inner-hero::after {
  right: 4% !important;
  bottom: -140px !important;
  width: 460px !important;
  height: 320px !important;
  background: radial-gradient(circle, rgba(0, 169, 219, 0.25), transparent 66%) !important;
}

@media (max-width: 991px) {
  .ok-inner-hero::before {
    background:
      linear-gradient(90deg, rgba(10, 34, 59, 0.98) 0%, rgba(10, 34, 59, 0.92) 58%, rgba(10, 34, 59, 0.72) 100%),
      url("../images/dove_in_a_cosmic_glow.png") no-repeat 95% center !important;
    background-size: auto 105% !important;
    opacity: 0.42 !important;
  }

  .ok-inner-hero::after {
    width: 260px !important;
    height: 180px !important;
    right: -40px !important;
    bottom: -90px !important;
  }
}

/* Breadcrumb single grey style v5.3 */
.ok-breadcrumb-wrap {
  display: block !important;
  background: #ffffff !important;
  border-top: 1px solid rgba(10,34,59,.04) !important;
  border-bottom: 1px solid rgba(10,34,59,.06) !important;
  padding: 9px 0 !important;
}

.ok-breadcrumb-wrap + .ok-breadcrumb-wrap {
  display: none !important;
}

.ok-breadcrumb-wrap .breadcrumb,
.ok-breadcrumb-wrap .breadcrumbs,
.ok-breadcrumb-wrap ul {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
  list-style: none !important;
  color: #7a8794 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

.ok-breadcrumb-wrap li,
.ok-breadcrumb-wrap span,
.ok-breadcrumb-wrap a {
  color: #7a8794 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.ok-breadcrumb-wrap a:hover,
.ok-breadcrumb-wrap a:focus {
  color: #00A9DB !important;
  text-decoration: none !important;
}

.ok-breadcrumb-wrap li + li::before {
  content: "›";
  color: #a8b2bd !important;
  margin-right: 8px;
  font-weight: 800;
}

.ok-breadcrumb-wrap .divider,
.ok-breadcrumb-wrap .separator,
.ok-breadcrumb-wrap .icon-location,
.ok-breadcrumb-wrap .showHere {
  color: #a8b2bd !important;
}

.ok-breadcrumb-wrap .active,
.ok-breadcrumb-wrap .last,
.ok-breadcrumb-wrap li:last-child,
.ok-breadcrumb-wrap li:last-child span {
  color: #5f6d79 !important;
  font-weight: 800 !important;
}


/* Overkado Team Grid v5.5 */
.ok-team-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  margin: 30px 0 40px !important;
}

.ok-team-card {
  background: #ffffff !important;
  border: 1px solid rgba(10, 34, 59, 0.07) !important;
  border-radius: 14px !important;
  padding: 20px 18px !important;
  box-shadow: 0 16px 34px rgba(10, 34, 59, 0.07) !important;
  text-align: center !important;
  transition: transform .22s ease, box-shadow .22s ease !important;
}

.ok-team-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 22px 42px rgba(10, 34, 59, 0.11) !important;
}

.ok-team-photo {
  width: 94px !important;
  height: 94px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  margin: 0 auto 14px !important;
  border: 4px solid rgba(0, 169, 219, 0.14) !important;
  background: #eaf7fb !important;
}

.ok-team-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.ok-team-card h3 {
  margin: 0 0 6px !important;
  color: #0A223B !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
}

.ok-team-card span {
  display: block !important;
  margin: 0 !important;
  color: rgba(10, 34, 59, 0.62) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}

.ok-team-card p {
  display: none !important;
}

@media (max-width: 991px) {
  .ok-team-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .ok-team-grid {
    grid-template-columns: 1fr !important;
  }

  .ok-team-card {
    padding: 18px !important;
  }
}


/* Overkado Programme Layout v5.6 */
.ok-programme-article .ok-programme-intro {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr) !important;
  gap: clamp(26px, 5vw, 56px) !important;
  align-items: center !important;
  margin: 10px 0 38px !important;
}

.ok-programme-article .ok-programme-intro h2 {
  margin-bottom: 16px !important;
}

.ok-programme-article .ok-programme-lead {
  font-size: 19px !important;
  line-height: 1.75 !important;
  color: rgba(10, 34, 59, 0.78) !important;
}

.ok-programme-article .ok-programme-visual {
  position: relative !important;
  min-height: 280px !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 28% 28%, rgba(255, 209, 15, .48), transparent 25%),
    radial-gradient(circle at 76% 62%, rgba(0, 169, 219, .38), transparent 32%),
    linear-gradient(135deg, #0A223B, #071a2e) !important;
  box-shadow: 0 24px 54px rgba(10, 34, 59, 0.16) !important;
}

.ok-programme-article .ok-programme-visual::before {
  content: "" !important;
  position: absolute !important;
  inset: 28px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 18px !important;
}

.ok-programme-article .ok-programme-visual::after {
  content: "Peace • Dialogue • Development" !important;
  position: absolute !important;
  left: 28px !important;
  right: 28px !important;
  bottom: 28px !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  font-size: clamp(24px, 3vw, 34px) !important;
  line-height: 1.08 !important;
}

.ok-programme-article .ok-focus-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin: 30px 0 42px !important;
}

.ok-programme-article .ok-focus-card {
  background: #ffffff !important;
  border: 1px solid rgba(10,34,59,.07) !important;
  border-radius: 16px !important;
  padding: 22px !important;
  box-shadow: 0 16px 34px rgba(10,34,59,.07) !important;
}

.ok-programme-article .ok-focus-card span {
  display: inline-flex !important;
  width: 34px !important;
  height: 34px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: rgba(0,169,219,.12) !important;
  color: #00A9DB !important;
  font-weight: 900 !important;
  margin-bottom: 14px !important;
}

.ok-programme-article .ok-focus-card h3 {
  font-size: 19px !important;
  margin: 0 0 10px !important;
  color: #0A223B !important;
}

.ok-programme-article .ok-focus-card p {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: rgba(10,34,59,.72) !important;
}

.ok-programme-article .ok-programme-band {
  margin: 42px 0 !important;
  padding: clamp(28px, 5vw, 44px) !important;
  border-radius: 22px !important;
  background: linear-gradient(135deg, #0A223B, #071a2e) !important;
  color: #ffffff !important;
  overflow: hidden !important;
  position: relative !important;
}

.ok-programme-article .ok-programme-band h2,
.ok-programme-article .ok-programme-band h3 {
  color: #ffffff !important;
}

.ok-programme-article .ok-programme-band p,
.ok-programme-article .ok-programme-band li {
  color: rgba(255,255,255,.84) !important;
}

.ok-programme-article .ok-programme-band ul {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px 24px !important;
  margin-bottom: 0 !important;
}

.ok-programme-article .ok-impact-strip {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 34px 0 42px !important;
}

.ok-programme-article .ok-impact-item {
  padding: 20px !important;
  border-left: 4px solid #FFD10F !important;
  background: rgba(255, 209, 15, .10) !important;
  border-radius: 12px !important;
}

.ok-programme-article .ok-impact-item strong {
  display: block !important;
  color: #0A223B !important;
  font-size: 18px !important;
  margin-bottom: 6px !important;
}

.ok-programme-article .ok-impact-item span {
  color: rgba(10,34,59,.72) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.ok-programme-article .ok-programme-cta {
  margin-top: 42px !important;
  padding: 34px !important;
  border-radius: 22px !important;
  background: linear-gradient(135deg, rgba(0,169,219,.12), rgba(255,209,15,.20)) !important;
  border: 1px solid rgba(10,34,59,.07) !important;
}

.ok-programme-article .ok-programme-cta h2 {
  margin-bottom: 10px !important;
}

.ok-programme-article .ok-programme-cta p {
  max-width: 760px !important;
}

@media (max-width: 991px) {
  .ok-programme-article .ok-programme-intro,
  .ok-programme-article .ok-focus-grid,
  .ok-programme-article .ok-impact-strip {
    grid-template-columns: 1fr !important;
  }

  .ok-programme-article .ok-programme-band ul {
    grid-template-columns: 1fr !important;
  }
}


/* Overkado Programme Sidebar/Header Fix v5.7 */
.ok-programme-article .ok-internal-card .ok-internal-kicker,
.ok-programme-article .ok-internal-card span.ok-internal-kicker {
  color: #00A9DB !important;
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.ok-programme-article .ok-internal-card h2 {
  font-size: clamp(24px, 2.4vw, 32px) !important;
}

.ok-programme-article .ok-programme-links {
  margin-top: 18px !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(10,34,59,.08) !important;
}

.ok-programme-article .ok-programme-links a {
  display: block !important;
  padding: 8px 0 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
  color: #0A223B !important;
  border-bottom: 1px solid rgba(10,34,59,.06) !important;
}

.ok-programme-article .ok-programme-links a:last-child {
  border-bottom: 0 !important;
}

.ok-programme-article .ok-programme-links a:hover {
  color: #00A9DB !important;
}


/* Overkado Programme Layout Fix v5.8 */
.ok-programme-article {
  width: 100% !important;
}

.ok-programme-article .ok-programme-wrap {
  width: min(1160px, calc(100vw - 40px)) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  gap: clamp(34px, 5vw, 64px) !important;
  align-items: start !important;
  padding: 34px 40px 54px !important;
  background: #ffffff !important;
  box-shadow: 0 28px 80px rgba(10, 34, 59, 0.08) !important;
}

.ok-programme-article .ok-programme-side {
  width: 100% !important;
  display: block !important;
  position: sticky !important;
  top: 110px !important;
}

.ok-programme-article .ok-programme-card {
  background: #ffffff !important;
  border: 1px solid rgba(10, 34, 59, 0.08) !important;
  border-radius: 14px !important;
  padding: 24px !important;
  box-shadow: 0 20px 50px rgba(10, 34, 59, 0.08) !important;
}

.ok-programme-article .ok-programme-card .ok-internal-kicker {
  display: block !important;
  color: #00A9DB !important;
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  margin-bottom: 10px !important;
}

.ok-programme-article .ok-programme-card h2 {
  margin: 0 0 12px !important;
  color: #0A223B !important;
  font-size: 25px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
}

.ok-programme-article .ok-programme-card p {
  margin: 0 0 18px !important;
  color: rgba(10, 34, 59, 0.66) !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}

.ok-programme-article .ok-programme-links {
  margin-top: 18px !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(10,34,59,.08) !important;
}

.ok-programme-article .ok-programme-links a {
  display: block !important;
  padding: 8px 0 !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
  color: #0A223B !important;
  border-bottom: 1px solid rgba(10,34,59,.06) !important;
}

.ok-programme-article .ok-programme-links a:last-child {
  border-bottom: 0 !important;
}

.ok-programme-article .ok-programme-links a:hover {
  color: #00A9DB !important;
}

.ok-programme-article .ok-programme-body {
  min-width: 0 !important;
}

.ok-programme-article .ok-programme-body > h1:first-child,
.ok-programme-article .ok-programme-body > h2:first-child {
  margin-top: 0 !important;
}

/* keep programme overview sections inside the right column */
.ok-programme-article .ok-programme-intro {
  margin-top: 0 !important;
}

@media (max-width: 991px) {
  .ok-programme-article .ok-programme-wrap {
    grid-template-columns: 1fr !important;
    padding: 26px 22px 42px !important;
  }

  .ok-programme-article .ok-programme-side {
    position: relative !important;
    top: auto !important;
  }
}


/* Overkado Programme Clean Layout v5.9 */
.ok-programme-article-clean {
  width: 100% !important;
}

.ok-programme-article-clean .ok-programme-clean-wrap {
  width: min(1100px, calc(100vw - 40px)) !important;
  margin: 0 auto !important;
  padding: 34px 0 54px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ok-programme-article-clean .ok-programme-body {
  width: 100% !important;
  min-width: 0 !important;
}

.ok-programme-article-clean .ok-programme-intro {
  margin-top: 0 !important;
}

/* Hide any inherited side navigation */
.ok-programme-article-clean .ok-programme-side,
.ok-programme-article-clean .ok-internal-side,
.ok-programme-article-clean .ok-internal-sidebar,
.ok-programme-article-clean .ok-programme-card,
.ok-programme-article-clean .ok-internal-card {
  display: none !important;
}

/* Keep overview content nicely centered and spacious */
.ok-programme-article-clean .ok-programme-intro {
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr) !important;
  gap: clamp(34px, 6vw, 70px) !important;
}

.ok-programme-article-clean .ok-focus-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.ok-programme-article-clean .ok-programme-band,
.ok-programme-article-clean .ok-programme-cta {
  width: 100% !important;
}

@media (max-width: 991px) {
  .ok-programme-article-clean .ok-programme-clean-wrap {
    padding: 28px 0 44px !important;
  }

  .ok-programme-article-clean .ok-programme-intro,
  .ok-programme-article-clean .ok-focus-grid,
  .ok-programme-article-clean .ok-impact-strip {
    grid-template-columns: 1fr !important;
  }
}


/* Overkado News & Media Layout v6.0 */
.ok-media-article { width: 100% !important; }
.ok-media-article .ok-media-wrap {
  width: min(1120px, calc(100vw - 40px)) !important;
  margin: 0 auto !important;
  padding: 34px 0 58px !important;
}
.ok-media-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .86fr) !important;
  gap: clamp(34px, 6vw, 76px) !important;
  align-items: center !important;
  margin: 0 0 46px !important;
}
.ok-media-hero h2 { margin-bottom: 16px !important; }
.ok-media-lead {
  font-size: 19px !important;
  line-height: 1.75 !important;
  color: rgba(10, 34, 59, 0.78) !important;
}
.ok-media-feature {
  border-radius: 24px !important;
  overflow: hidden !important;
  background: #0A223B !important;
  box-shadow: 0 28px 70px rgba(10, 34, 59, 0.18) !important;
  position: relative !important;
}
.ok-media-feature img {
  width: 100% !important;
  height: 360px !important;
  object-fit: cover !important;
  display: block !important;
  opacity: .92 !important;
}
.ok-media-feature-caption {
  position: absolute !important;
  left: 24px !important;
  right: 24px !important;
  bottom: 24px !important;
  color: #fff !important;
}
.ok-media-feature-caption span {
  display: inline-block !important;
  color: #FFD10F !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}
.ok-media-feature-caption h3 {
  color: #fff !important;
  margin: 0 !important;
  font-size: clamp(24px, 3vw, 34px) !important;
  line-height: 1.05 !important;
}
.ok-media-section-title { margin: 44px 0 22px !important; }
.ok-media-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  margin: 24px 0 46px !important;
}
.ok-media-card {
  background: #fff !important;
  border: 1px solid rgba(10,34,59,.08) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 42px rgba(10,34,59,.08) !important;
  transition: transform .22s ease, box-shadow .22s ease !important;
}
.ok-media-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 24px 54px rgba(10,34,59,.12) !important;
}
.ok-media-card img {
  width: 100% !important;
  height: 170px !important;
  object-fit: cover !important;
  display: block !important;
}
.ok-media-card-body { padding: 20px !important; }
.ok-media-card-body span {
  display: block !important;
  color: #00A9DB !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}
.ok-media-card-body h3 {
  font-size: 20px !important;
  line-height: 1.18 !important;
  margin: 0 0 10px !important;
  color: #0A223B !important;
}
.ok-media-card-body p {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: rgba(10,34,59,.72) !important;
}
.ok-media-band {
  margin: 46px 0 !important;
  padding: clamp(30px, 5vw, 48px) !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg, #0A223B, #071a2e) !important;
  color: #ffffff !important;
}
.ok-media-band h2, .ok-media-band h3 { color: #ffffff !important; }
.ok-media-band p, .ok-media-band li { color: rgba(255,255,255,.84) !important; }
.ok-media-band ul {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px 28px !important;
  margin-bottom: 0 !important;
}
.ok-media-latest {
  display: grid !important;
  grid-template-columns: 1.1fr .9fr !important;
  gap: 22px !important;
  margin: 24px 0 46px !important;
}
.ok-media-latest-main, .ok-media-latest-side {
  background: #fff !important;
  border-radius: 20px !important;
  border: 1px solid rgba(10,34,59,.08) !important;
  box-shadow: 0 18px 42px rgba(10,34,59,.08) !important;
  overflow: hidden !important;
}
.ok-media-latest-main img {
  width: 100% !important;
  height: 300px !important;
  object-fit: cover !important;
}
.ok-media-latest-copy { padding: 24px !important; }
.ok-media-latest-copy span, .ok-media-list-item span {
  display: block !important;
  color: #00A9DB !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}
.ok-media-latest-copy h3 { font-size: 26px !important; margin: 0 0 10px !important; }
.ok-media-latest-copy p { margin: 0 !important; }
.ok-media-latest-side { padding: 22px !important; }
.ok-media-list-item {
  padding: 0 0 18px !important;
  margin-bottom: 18px !important;
  border-bottom: 1px solid rgba(10,34,59,.08) !important;
}
.ok-media-list-item:last-child { border-bottom: 0 !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.ok-media-list-item h3 { font-size: 18px !important; margin: 0 0 6px !important; }
.ok-media-list-item p { margin: 0 !important; font-size: 14px !important; line-height: 1.6 !important; }
.ok-media-cta {
  margin-top: 46px !important;
  padding: 38px !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg, rgba(0,169,219,.13), rgba(255,209,15,.22)) !important;
  border: 1px solid rgba(10,34,59,.07) !important;
}
.ok-media-cta h2 { margin-bottom: 10px !important; }
@media (max-width: 991px) {
  .ok-media-hero, .ok-media-grid, .ok-media-latest { grid-template-columns: 1fr !important; }
  .ok-media-band ul { grid-template-columns: 1fr !important; }
  .ok-media-feature img { height: 300px !important; }
}
@media (max-width: 640px) {
  .ok-media-article .ok-media-wrap { padding: 26px 0 44px !important; }
  .ok-media-card img { height: 210px !important; }
}


/* Overkado News & Media Layout v6.1 - self contained companion */
.ok-media-article { width:100% !important; }


/* Overkado Resource Layout v6.4 - clean, inherits template font */
.ok-resource-article-clean,.ok-resource-article-clean *{box-sizing:border-box!important;font-family:inherit!important}.ok-resource-article-clean{width:100%!important}.ok-resource-clean-wrap{width:min(1120px,calc(100vw - 40px))!important;margin:0 auto!important;padding:34px 0 60px!important}.ok-resource-hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,.88fr)!important;gap:clamp(36px,6vw,78px)!important;align-items:center!important;margin:0 0 44px!important}.ok-resource-hero h2,.ok-resource-section-title,.ok-resource-cta h2{margin:0 0 16px!important;color:#0A223B!important;font-size:clamp(34px,4vw,52px)!important;line-height:1.04!important;font-weight:800!important}.ok-resource-lead{font-size:19px!important;line-height:1.75!important;color:rgba(10,34,59,.78)!important;margin-bottom:18px!important}.ok-resource-hero p{color:rgba(10,34,59,.74)!important}.ok-resource-feature{border-radius:26px!important;overflow:hidden!important;background:linear-gradient(135deg,#0A223B,#071a2e)!important;box-shadow:0 30px 75px rgba(10,34,59,.2)!important;min-height:360px!important;display:grid!important;grid-template-columns:.78fr 1fr!important;align-items:center!important}.ok-resource-cover{height:100%!important;min-height:360px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,rgba(0,169,219,.18),rgba(255,209,15,.15))!important;padding:34px!important}.ok-resource-cover img{width:210px!important;max-width:100%!important;height:auto!important;border-radius:10px!important;box-shadow:0 22px 44px rgba(0,0,0,.32)!important}.ok-resource-feature-copy{padding:36px!important;color:#fff!important}.ok-resource-feature-copy span,.ok-resource-card-body span{display:block!important;color:#00A9DB!important;font-size:11px!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important;margin-bottom:8px!important}.ok-resource-feature-copy span{color:#FFD10F!important}.ok-resource-feature-copy h3{color:#fff!important;margin:0 0 12px!important;font-size:clamp(26px,3vw,38px)!important;line-height:1.06!important;font-weight:800!important}.ok-resource-feature-copy p{color:rgba(255,255,255,.84)!important;margin:0 0 20px!important;line-height:1.7!important}.ok-resource-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:18px!important}.ok-resource-actions a{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:11px 15px!important;border-radius:8px!important;font-size:13px!important;font-weight:800!important;text-decoration:none!important}.ok-resource-actions a:first-child{background:#FFD10F!important;color:#0A223B!important}.ok-resource-actions a:last-child{background:#0A223B!important;color:#fff!important;border:0!important}.ok-resource-feature .ok-resource-actions a:last-child{background:transparent!important;border:1px solid rgba(255,255,255,.34)!important}.ok-resource-quote{margin:0 0 44px!important;padding:22px 28px!important;border-left:5px solid #FFD10F!important;background:linear-gradient(90deg,rgba(0,169,219,.10),rgba(255,209,15,.10))!important;font-weight:800!important;color:#0A223B!important}.ok-resource-section-title{margin:44px 0 24px!important}.ok-resource-category-grid,.ok-resource-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;margin:0 0 48px!important}.ok-resource-category-card,.ok-resource-card{background:#fff!important;border:1px solid rgba(10,34,59,.08)!important;border-radius:20px!important;box-shadow:0 18px 42px rgba(10,34,59,.08)!important;overflow:hidden!important}.ok-resource-category-card{padding:24px!important}.ok-resource-category-card span{display:inline-flex!important;width:36px!important;height:36px!important;border-radius:50%!important;align-items:center!important;justify-content:center!important;background:rgba(0,169,219,.13)!important;color:#00A9DB!important;font-weight:800!important;margin-bottom:16px!important}.ok-resource-category-card h3,.ok-resource-card-body h3{font-size:21px!important;line-height:1.18!important;margin:0 0 10px!important;color:#0A223B!important;font-weight:800!important}.ok-resource-category-card p,.ok-resource-card-body p{margin:0!important;font-size:14px!important;line-height:1.7!important;color:rgba(10,34,59,.72)!important}.ok-resource-card{display:flex!important;flex-direction:column!important}.ok-resource-card-top{background:linear-gradient(135deg,rgba(0,169,219,.10),rgba(255,209,15,.14))!important;padding:26px!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:210px!important}.ok-resource-card-top img{width:132px!important;max-width:100%!important;border-radius:8px!important;box-shadow:0 14px 28px rgba(10,34,59,.18)!important}.ok-resource-card-body{padding:22px!important;display:flex!important;flex-direction:column!important;flex:1!important}.ok-resource-card-body p{margin-bottom:16px!important}.ok-resource-card-body .ok-resource-actions{margin-top:auto!important}.ok-resource-band{margin:48px 0!important;padding:clamp(32px,5vw,50px)!important;border-radius:26px!important;background:linear-gradient(135deg,#0A223B,#071a2e)!important;color:#fff!important}.ok-resource-band h2{color:#fff!important;margin:0 0 16px!important;font-size:clamp(30px,4vw,46px)!important;line-height:1.05!important;font-weight:800!important}.ok-resource-band p,.ok-resource-band li{color:rgba(255,255,255,.84)!important}.ok-resource-band ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 30px!important;margin:20px 0 0!important}.ok-resource-cta{margin-top:48px!important;padding:40px!important;border-radius:26px!important;background:linear-gradient(135deg,rgba(0,169,219,.14),rgba(255,209,15,.22))!important;border:1px solid rgba(10,34,59,.07)!important}.ok-resource-cta p{margin:0!important;color:rgba(10,34,59,.74)!important}@media(max-width:991px){.ok-resource-hero,.ok-resource-category-grid,.ok-resource-grid{grid-template-columns:1fr!important}.ok-resource-feature{grid-template-columns:1fr!important}.ok-resource-band ul{grid-template-columns:1fr!important}}@media(max-width:640px){.ok-resource-clean-wrap{padding:26px 0 44px!important}.ok-resource-feature-copy,.ok-resource-cta,.ok-resource-band{padding:28px!important}.ok-resource-cover{min-height:260px!important}.ok-resource-feature{min-height:auto!important}}


/* Overkado Resource Layout v6.5 - simple top feature fix */
.ok-resource-feature-simple {
  display: flex !important;
  align-items: center !important;
  min-height: 320px !important;
  padding: 40px !important;
  border-radius: 26px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 22% 22%, rgba(255, 209, 15, 0.22), transparent 28%),
    radial-gradient(circle at 82% 75%, rgba(0, 169, 219, 0.18), transparent 30%),
    linear-gradient(135deg, #0A223B, #071a2e) !important;
  box-shadow: 0 30px 75px rgba(10,34,59,.2) !important;
}
.ok-resource-feature-simple .ok-resource-feature-copy { max-width: 640px !important; padding: 0 !important; }
.ok-resource-feature-simple .ok-resource-feature-copy h3 { max-width: 620px !important; }
@media (max-width: 640px) { .ok-resource-feature-simple { min-height: 260px !important; padding: 28px !important; } }


/* Overkado v6.7 - Styled Joomla Category Blog pages for News, Stories and Archives */
.ok-dynamic-blog,
.ok-dynamic-blog * {
  box-sizing: border-box !important;
  font-family: inherit !important;
}

.ok-dynamic-blog {
  width: min(1120px, calc(100vw - 40px)) !important;
  margin: 0 auto !important;
  padding: 34px 0 72px !important;
  color: #0A223B !important;
}

.ok-blog-intro {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .82fr) !important;
  gap: clamp(34px, 6vw, 78px) !important;
  align-items: center !important;
  margin: 0 0 36px !important;
}

.ok-blog-intro-copy > span,
.ok-blog-feature-card > span,
.ok-blog-card-body > span {
  display: block !important;
  color: #00A9DB !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
  margin: 0 0 10px !important;
}

.ok-blog-intro h2,
.ok-blog-section-title,
.ok-blog-more-links h2 {
  margin: 0 0 16px !important;
  color: #0A223B !important;
  font-size: clamp(34px, 4vw, 52px) !important;
  line-height: 1.04 !important;
  font-weight: 900 !important;
  letter-spacing: -0.03em !important;
}

.ok-blog-lead {
  font-size: 19px !important;
  line-height: 1.75 !important;
  color: rgba(10, 34, 59, .78) !important;
  margin: 0 0 16px !important;
}

.ok-blog-intro-copy p {
  color: rgba(10, 34, 59, .72) !important;
  line-height: 1.75 !important;
  margin: 0 !important;
}

.ok-blog-feature-card {
  min-height: 320px !important;
  border-radius: 26px !important;
  padding: 42px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 20% 18%, rgba(255, 209, 15, .24), transparent 26%),
    radial-gradient(circle at 84% 76%, rgba(0, 169, 219, .20), transparent 34%),
    linear-gradient(135deg, #0A223B, #071a2e) !important;
  box-shadow: 0 30px 75px rgba(10,34,59,.18) !important;
  color: #ffffff !important;
}

.ok-blog-feature-card > span { color: #FFD10F !important; }

.ok-blog-feature-card h3 {
  margin: 0 0 12px !important;
  color: #ffffff !important;
  font-size: clamp(30px, 4vw, 48px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
}

.ok-blog-feature-card p {
  margin: 0 !important;
  color: rgba(255,255,255,.82) !important;
  line-height: 1.65 !important;
}

.ok-blog-quote {
  margin: 0 0 42px !important;
  padding: 22px 28px !important;
  border-left: 5px solid #FFD10F !important;
  background: linear-gradient(90deg, rgba(0,169,219,.10), rgba(255,209,15,.10)) !important;
  font-weight: 800 !important;
  color: #0A223B !important;
  line-height: 1.65 !important;
}

.ok-blog-section-title {
  margin: 0 0 24px !important;
}

.ok-blog-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  margin: 0 0 48px !important;
}

.ok-blog-card {
  background: #ffffff !important;
  border: 1px solid rgba(10,34,59,.08) !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 48px rgba(10,34,59,.09) !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
  transition: transform .22s ease, box-shadow .22s ease !important;
}

.ok-blog-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 26px 60px rgba(10,34,59,.14) !important;
}

.ok-blog-card-img {
  display: block !important;
  height: 230px !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, rgba(0,169,219,.14), rgba(255,209,15,.18)) !important;
}

.ok-blog-card-img img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .35s ease !important;
}

.ok-blog-card:hover .ok-blog-card-img img {
  transform: scale(1.04) !important;
}

.ok-blog-card-body {
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

.ok-blog-card-body h3 {
  margin: 0 0 12px !important;
  color: #0A223B !important;
  font-size: 23px !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
}

.ok-blog-card-body h3 a {
  color: inherit !important;
  text-decoration: none !important;
}

.ok-blog-card-body h3 a:hover { color: #00A9DB !important; }

.ok-blog-card-body p {
  margin: 0 0 20px !important;
  color: rgba(10,34,59,.72) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

.ok-blog-readmore {
  display: inline-flex !important;
  width: fit-content !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: auto !important;
  padding: 11px 16px !important;
  border-radius: 8px !important;
  background: #FFD10F !important;
  color: #0A223B !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.ok-blog-readmore:hover {
  background: #0A223B !important;
  color: #ffffff !important;
}

.ok-blog-empty,
.ok-blog-more-links {
  margin: 32px 0 48px !important;
  padding: 34px !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  border: 1px solid rgba(10,34,59,.08) !important;
  box-shadow: 0 20px 48px rgba(10,34,59,.08) !important;
}

.ok-blog-empty h3 {
  margin: 0 0 8px !important;
  color: #0A223B !important;
}

.ok-blog-empty p { margin: 0 !important; }

.ok-blog-more-links ul {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px 26px !important;
  margin: 0 !important;
  padding-left: 20px !important;
}

.ok-blog-more-links a {
  color: #0A223B !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.ok-blog-more-links a:hover { color: #00A9DB !important; }

.ok-blog-pagination {
  margin-top: 34px !important;
  display: flex !important;
  justify-content: center !important;
}

.ok-blog-pagination ul,
.ok-blog-pagination .pagination {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

.ok-blog-pagination a,
.ok-blog-pagination span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 38px !important;
  height: 38px !important;
  padding: 0 12px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(10,34,59,.12) !important;
  background: #ffffff !important;
  color: #0A223B !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.ok-blog-pagination .active span,
.ok-blog-pagination a:hover {
  background: #FFD10F !important;
  border-color: #FFD10F !important;
}

@media (max-width: 991px) {
  .ok-blog-intro,
  .ok-blog-grid {
    grid-template-columns: 1fr !important;
  }
  .ok-blog-feature-card { min-height: 260px !important; }
  .ok-blog-more-links ul { grid-template-columns: 1fr !important; }
}

@media (max-width: 640px) {
  .ok-dynamic-blog { width: min(100% - 28px, 1120px) !important; padding: 26px 0 54px !important; }
  .ok-blog-feature-card,
  .ok-blog-empty,
  .ok-blog-more-links { padding: 26px !important; }
  .ok-blog-card-img { height: 210px !important; }
  .ok-blog-card-body { padding: 22px !important; }
}


.ok-blog-cta {
  margin: 18px 0 0 !important;
  padding: 38px 42px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255,209,15,.35) !important;
  background: linear-gradient(120deg, rgba(0,169,219,.13), rgba(255,209,15,.22)) !important;
  box-shadow: 0 18px 42px rgba(10,34,59,.06) !important;
}

.ok-blog-cta h2 {
  margin: 0 0 12px !important;
  color: #0A223B !important;
  font-size: clamp(30px, 4vw, 46px) !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
}

.ok-blog-cta p {
  margin: 0 !important;
  color: rgba(10,34,59,.76) !important;
  line-height: 1.7 !important;
}

@media (max-width: 640px) {
  .ok-blog-cta {
    padding: 28px 24px !important;
  }
}

/* Overkado v6.9 - Dynamic article/story override */
.ok-story-article,
.ok-story-article * {
  box-sizing: border-box !important;
  font-family: inherit !important;
}

.ok-story-article {
  width: min(1180px, calc(100vw - 40px)) !important;
  margin: 0 auto !important;
  padding: 32px 0 72px !important;
  color: #0A223B !important;
}

.ok-story-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, .85fr) !important;
  gap: clamp(34px, 6vw, 78px) !important;
  align-items: center !important;
  margin: 0 0 44px !important;
}

.ok-story-eyebrow,
.ok-story-side-card > span,
.ok-story-hero-panel > span {
  display: block !important;
  color: #00A9DB !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  margin: 0 0 12px !important;
}

.ok-story-title {
  margin: 0 0 18px !important;
  color: #0A223B !important;
  font-size: clamp(38px, 5vw, 68px) !important;
  line-height: .98 !important;
  font-weight: 900 !important;
  letter-spacing: -0.045em !important;
  max-width: 920px !important;
}

.ok-story-intro {
  max-width: 760px !important;
  margin: 0 0 20px !important;
  color: rgba(10,34,59,.72) !important;
  font-size: 18px !important;
  line-height: 1.75 !important;
}

.ok-story-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
}

.ok-story-meta span {
  display: inline-flex !important;
  align-items: center !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: rgba(0,169,219,.10) !important;
  color: #0A223B !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.ok-story-hero-image,
.ok-story-hero-panel {
  margin: 0 !important;
  min-height: 360px !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  box-shadow: 0 30px 75px rgba(10,34,59,.18) !important;
}

.ok-story-hero-image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 360px !important;
  object-fit: cover !important;
  display: block !important;
}

.ok-story-hero-panel {
  padding: 42px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  background:
    radial-gradient(circle at 20% 18%, rgba(255, 209, 15, .24), transparent 26%),
    radial-gradient(circle at 84% 76%, rgba(0, 169, 219, .20), transparent 34%),
    linear-gradient(135deg, #0A223B, #071a2e) !important;
  color: #ffffff !important;
}

.ok-story-hero-panel > span { color: #FFD10F !important; }

.ok-story-hero-panel strong {
  color: #ffffff !important;
  font-size: clamp(30px, 4vw, 48px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
}

.ok-story-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 330px !important;
  gap: 46px !important;
  align-items: start !important;
}

.ok-story-content {
  min-width: 0 !important;
  padding: 0 !important;
}

.ok-story-content > *:first-child { margin-top: 0 !important; }

.ok-story-content p,
.ok-story-content li {
  color: rgba(10,34,59,.78) !important;
  font-size: 16px !important;
  line-height: 1.9 !important;
}

.ok-story-content p {
  margin: 0 0 22px !important;
}

.ok-story-content strong {
  color: #0A223B !important;
  font-weight: 900 !important;
}

.ok-story-content h2,
.ok-story-content h3,
.ok-story-content h4 {
  color: #0A223B !important;
  font-weight: 900 !important;
  letter-spacing: -0.03em !important;
  margin: 42px 0 18px !important;
}

.ok-story-content h2 { font-size: clamp(30px, 3.5vw, 44px) !important; }
.ok-story-content h3 { font-size: 26px !important; }

.ok-story-content blockquote {
  margin: 34px 0 !important;
  padding: 26px 30px !important;
  border-left: 5px solid #FFD10F !important;
  border-radius: 0 22px 22px 0 !important;
  background: linear-gradient(90deg, rgba(0,169,219,.10), rgba(255,209,15,.10)) !important;
  color: #0A223B !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 1.75 !important;
}

.ok-story-content img {
  width: 100% !important;
  height: auto !important;
  margin: 36px 0 10px !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 55px rgba(10,34,59,.14) !important;
}

.ok-story-content p[style*="text-align: center"],
.ok-story-content p[style*="text-align:center"] {
  margin: 6px auto 30px !important;
  max-width: 760px !important;
  color: rgba(10,34,59,.55) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  font-style: italic !important;
  text-align: center !important;
}

.ok-story-content sub,
.ok-story-content em {
  color: inherit !important;
}

.ok-story-sidebar {
  position: sticky !important;
  top: 110px !important;
  display: grid !important;
  gap: 20px !important;
}

.ok-story-side-card {
  padding: 26px !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  border: 1px solid rgba(10,34,59,.09) !important;
  box-shadow: 0 22px 55px rgba(10,34,59,.10) !important;
}

.ok-story-side-card h3 {
  margin: 0 0 14px !important;
  color: #0A223B !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
}

.ok-story-side-card p {
  margin: 0 0 12px !important;
  color: rgba(10,34,59,.72) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

.ok-story-side-card a {
  display: inline-flex !important;
  width: fit-content !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 10px !important;
  padding: 11px 16px !important;
  border-radius: 8px !important;
  background: #FFD10F !important;
  color: #0A223B !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.ok-story-side-card a:hover {
  background: #0A223B !important;
  color: #ffffff !important;
}

.ok-story-side-card-dark {
  background:
    radial-gradient(circle at 82% 78%, rgba(0,169,219,.20), transparent 34%),
    linear-gradient(135deg, #0A223B, #071a2e) !important;
  color: #ffffff !important;
}

.ok-story-side-card-dark > span { color: #FFD10F !important; }
.ok-story-side-card-dark h3 { color: #ffffff !important; }
.ok-story-side-card-dark p { color: rgba(255,255,255,.82) !important; }
.ok-story-side-card-dark a:hover { background: #ffffff !important; color: #0A223B !important; }

@media (max-width: 980px) {
  .ok-story-header,
  .ok-story-layout {
    grid-template-columns: 1fr !important;
  }

  .ok-story-sidebar {
    position: static !important;
  }
}

@media (max-width: 640px) {
  .ok-story-article {
    width: min(100% - 28px, 1180px) !important;
    padding-bottom: 52px !important;
  }

  .ok-story-header {
    gap: 28px !important;
    margin-bottom: 32px !important;
  }

  .ok-story-title {
    font-size: clamp(34px, 13vw, 48px) !important;
  }

  .ok-story-hero-image,
  .ok-story-hero-panel,
  .ok-story-hero-image img {
    min-height: 260px !important;
  }

  .ok-story-hero-panel,
  .ok-story-side-card {
    padding: 24px !important;
  }

  .ok-story-content p,
  .ok-story-content li {
    font-size: 15px !important;
  }
}