/* Shared Home / About visual language, independent of the selected language. */
body:is(.ocsai-about,.ocsai-faith-page) .ocsai-reading-section{margin:0 0 24px;padding:clamp(20px,3vw,36px);border:1px solid rgba(217,169,40,.3);border-radius:14px;background:rgba(255,255,255,.025)}
body:is(.ocsai-about,.ocsai-faith-page) .ocsai-reading-section>h2:first-child{margin-top:0!important}
body:is(.ocsai-about,.ocsai-faith-page) .ocsai-reading-nav{display:flex;flex-wrap:wrap;gap:14px;padding:18px;margin:24px 0;border-block:1px solid rgba(217,169,40,.3)}
body.ocsai-about .entry-content>.wp-block-columns{padding:24px;border:1px solid rgba(217,169,40,.3);border-radius:14px}
body.ocsai-content-page { --ocsai-page-bg: var(--ast-global-color-5, #132238); --ocsai-gold: var(--ast-global-color-0, #d9a928); }
body.ocsai-about .entry-content { background: var(--ocsai-page-bg); color: var(--ast-global-color-3, #e7e3da); }
body.ocsai-content-page .wp-block-spectra-accordion,
body.ocsai-content-page .wp-block-spectra-accordion-child-item,
body.ocsai-content-page .wp-block-spectra-accordion-child-header,
body.ocsai-content-page .wp-block-spectra-accordion-child-header:hover,
body.ocsai-content-page .wp-block-spectra-accordion-child-header:focus,
body.ocsai-content-page .wp-block-spectra-accordion-child-header.is-active,
body.ocsai-content-page .wp-block-spectra-accordion-child-header-icon,
body.ocsai-content-page .wp-block-spectra-accordion-child-details,
body.ocsai-content-page .ocsai-details-panel {
  background: var(--ocsai-page-bg) !important;
  box-shadow: none !important;
}
body.ocsai-content-page .wp-block-spectra-accordion-child-item { border: 0 !important; padding: 0 !important; }
body.ocsai-content-page .wp-block-spectra-accordion-child-header {
  display: flex; align-items: center; gap: 16px;
  border: 0 !important; border-bottom: 1px solid var(--ocsai-gold) !important;
  border-radius: 0 !important; padding: 20px 0 !important;
  color: var(--ast-global-color-3, #e7e3da) !important;
  font-family: inherit; font-size: 1.1rem; line-height: 1.45; text-align: left;
}
body.ocsai-content-page .wp-block-spectra-accordion-child-header-content { flex: 1; min-width: 0; }
body.ocsai-content-page .wp-block-spectra-accordion-child-header-icon {
  order: 2; flex: 0 0 28px; width: 28px; height: 28px;
  border: 0 !important; border-radius: 0 !important; padding: 0 !important;
  color: var(--ocsai-gold) !important; display: grid; place-items: center;
}
/* Use a consistent chevron; the translated label and original SVG markup remain intact. */
body.ocsai-content-page .ocsai-accordion-ready .wp-block-spectra-accordion-child-header-icon > * { display: none !important; }
body.ocsai-content-page .ocsai-accordion-ready .wp-block-spectra-accordion-child-header-icon::after {
  content: ''; width: 8px; height: 8px; border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform 280ms ease;
}
body.ocsai-content-page .ocsai-accordion-ready .wp-block-spectra-accordion-child-header[aria-expanded="true"] .wp-block-spectra-accordion-child-header-icon::after { transform: rotate(225deg); }
body.ocsai-content-page .wp-block-spectra-accordion-child-header:focus-visible,
body.ocsai-content-page details > summary:focus-visible { outline: 2px solid var(--ocsai-gold); outline-offset: 4px; }
body.ocsai-content-page .wp-block-spectra-accordion-child-details {
  border: 0 !important; border-radius: 0 !important; padding: 0 !important;
  margin: 0 !important; transition: none !important; animation: none !important;
}
body.ocsai-content-page .ocsai-panel-inner { display: flow-root; padding: 18px 0 24px; line-height: 1.65; }
body.ocsai-content-page .ocsai-panel-inner > :first-child { margin-top: 0; }
body.ocsai-content-page .ocsai-panel-inner > :last-child { margin-bottom: 0; }
body.ocsai-content-page .ocsai-accordion-panel { overflow: hidden; }
body.ocsai-content-page .ocsai-accordion-panel[hidden] { display: none !important; }
body.ocsai-about .entry-content h1,
body.ocsai-about .entry-content h2 { font-family: inherit; font-weight: 400; text-wrap: balance; line-height: 1.2; }
body.ocsai-about .entry-content h1 { font-size: clamp(2.2rem, 4vw, 3.6rem); }
body.ocsai-about .entry-content h2 { font-size: clamp(1.7rem, 2.5vw, 2.35rem); margin-bottom: 20px; }
body.ocsai-about .entry-content p { font-size: 1.05rem; line-height: 1.65; }
body.ocsai-about .wp-block-media-text { gap: clamp(24px, 4vw, 56px); align-items: center; }
body.ocsai-about .wp-block-media-text__content { padding: 24px 0; }
body.ocsai-about .wp-block-media-text__media img { border-radius: 12px; }
body.ocsai-about .wp-block-spectra-accordion { width: 100%; gap: 12px; }
body.ocsai-about .entry-content .wp-block-button__link {
  background: var(--ocsai-gold); color: #201a09; border-radius: 16px;
  text-decoration: none; padding: 11px 20px;
}
@media (max-width: 767px) {
  body.ocsai-about .entry-content .wp-block-columns { flex-wrap: wrap !important; gap: 18px !important; }
  body.ocsai-about .entry-content .wp-block-columns > .wp-block-column { flex: 0 0 100% !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; }
  body.ocsai-about .entry-content .ocsai-about-media-row { display: grid !important; grid-template-columns: 44px minmax(0,1fr) !important; gap: 16px 14px !important; align-items: start !important; }
  body.ocsai-about .entry-content .ocsai-about-media-row > .wp-block-column { width: auto !important; max-width: none !important; }
  body.ocsai-about .entry-content .ocsai-about-media-row > .ocsai-about-media { grid-column: 1 / -1; }
  body.ocsai-about .entry-content .ocsai-about-media-row > .ocsai-about-media + .wp-block-column { grid-column: 1; }
  body.ocsai-about .entry-content .ocsai-about-media-row > .ocsai-about-media + .wp-block-column + .wp-block-column { grid-column: 2; }
  body.ocsai-about .entry-content .ocsai-about-media figure { width: 100% !important; max-width: 440px !important; margin: 0 auto !important; }
  body.ocsai-about .entry-content .ocsai-about-media img { display: block; width: 100% !important; height: auto !important; max-height: none !important; object-fit: contain !important; border-radius: 18px !important; }
  body.ocsai-about .entry-content .ocsai-about-media-row > .wp-block-column:nth-child(2) { font-size: 1.7rem; color: var(--ocsai-gold); text-align: center; }
  body.ocsai-about .entry-content .ocsai-about-media-row p { overflow-wrap: anywhere; }
  body.ocsai-about .wp-block-media-text { grid-template-columns: 1fr !important; }
  body.ocsai-about .wp-block-media-text__media,
  body.ocsai-about .wp-block-media-text__content { grid-column: 1; grid-row: auto; }
  body.ocsai-about .wp-block-media-text__content { padding: 8px 0 24px; }
  body.ocsai-content-page .wp-block-spectra-accordion-child-header { padding: 17px 0 !important; font-size: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
  body.ocsai-content-page .ocsai-accordion-ready * { transition: none !important; }
}
body.ocsai-content-page .ocsai-panel-inner,
body.ocsai-content-page .ocsai-panel-inner .has-background { background: var(--ocsai-page-bg) !important; }

/* A question can contain separate number and label spans (Home question 4). */
body.ocsai-content-page .wp-block-spectra-accordion-child-header { justify-content: flex-start !important; gap: .4em !important; }
body.ocsai-content-page .wp-block-spectra-accordion-child-header-content { flex: 0 1 auto !important; width: auto !important; text-align: left !important; margin: 0 !important; }
body.ocsai-content-page .wp-block-spectra-accordion-child-header-icon { margin-left: auto !important; }

/* Pointer focus must not leave a filled square around the chevron. */
body.ocsai-content-page .wp-block-spectra-accordion-child-header-icon,
body.ocsai-content-page .wp-block-spectra-accordion-child-header-icon *,
body.ocsai-content-page .wp-block-spectra-accordion-child-header-icon:is(:hover,:focus,:active),
body.ocsai-content-page .wp-block-spectra-accordion-child-header:is(:focus,:active) .wp-block-spectra-accordion-child-header-icon {
 background: transparent !important; background-image: none !important; box-shadow: none !important; outline: none !important;
}
body.ocsai-content-page .wp-block-spectra-accordion-child-header:focus:not(:focus-visible) { outline: none !important; }

body.ocsai-content-page .wp-block-spectra-accordion-child-header-icon::before,
body.ocsai-content-page .wp-block-spectra-accordion-child-header-icon::after { background:transparent !important; box-shadow:none !important; }

/* v2.3.45 — Orthodox Faith as a continuous long-form reading page.
   Inspired by the calm, text-led structure of traditional Orthodox parish
   article pages, while retaining OrthodoxCuracao's navy/gold identity. */
body.ocsai-faith-page{
  --ocsai-faith-ink:var(--ast-global-color-3,#f2eee5);
  --ocsai-faith-muted:rgba(242,238,229,.76);
  --ocsai-faith-rule:rgba(217,169,40,.58);
  --ocsai-faith-paper:var(--ast-global-color-5,#132238);
  background:var(--ocsai-faith-paper);
}
body.ocsai-faith-page .site-content,
body.ocsai-faith-page .ast-container,
body.ocsai-faith-page .content-area,
body.ocsai-faith-page .site-main,
body.ocsai-faith-page article,
body.ocsai-faith-page .entry-content{
  background:var(--ocsai-faith-paper)!important;
}
body.ocsai-faith-page .entry-header,
body.ocsai-faith-page .entry-content{
  width:min(100% - 36px,920px);
  max-width:920px;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.ocsai-faith-page .entry-header{padding-top:clamp(34px,6vw,78px);}
body.ocsai-faith-page .entry-title,
body.ocsai-faith-page .entry-content>h1:first-child{
  color:var(--ocsai-gold,#d9a928)!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-weight:500!important;
  font-size:clamp(2.45rem,5.3vw,4.9rem)!important;
  line-height:1.02!important;
  letter-spacing:-.025em;
  margin:0 0 24px!important;
  text-wrap:balance;
}
body.ocsai-faith-page .entry-content{
  color:var(--ocsai-faith-ink)!important;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.03rem,1.25vw,1.16rem);
  line-height:1.82;
  padding-bottom:clamp(50px,8vw,110px);
}
body.ocsai-faith-page .entry-content>p:first-of-type{
  color:#fff;
  font-size:clamp(1.2rem,1.8vw,1.48rem);
  line-height:1.7;
  margin-bottom:clamp(32px,5vw,58px);
}
body.ocsai-faith-page .entry-content h2,
body.ocsai-faith-page .entry-content h3,
body.ocsai-faith-page .entry-content h4{
  font-family:Georgia,'Times New Roman',serif!important;
  color:var(--ocsai-gold,#d9a928)!important;
  font-weight:500!important;
  line-height:1.18!important;
  text-wrap:balance;
}
body.ocsai-faith-page .entry-content h2{
  font-size:clamp(2rem,3.3vw,3rem)!important;
  margin:clamp(58px,8vw,92px) 0 18px!important;
  padding-top:22px;
  border-top:1px solid var(--ocsai-faith-rule);
}
body.ocsai-faith-page .entry-content h3{
  font-size:clamp(1.55rem,2.35vw,2.1rem)!important;
  margin:clamp(44px,6vw,68px) 0 14px!important;
}
body.ocsai-faith-page .entry-content h4{
  font-size:clamp(1.24rem,1.75vw,1.55rem)!important;
  margin:36px 0 10px!important;
}
body.ocsai-faith-page .entry-content p{margin:0 0 1.35em;color:var(--ocsai-faith-ink);}
body.ocsai-faith-page .entry-content ul,
body.ocsai-faith-page .entry-content ol{margin:1.2em 0 1.8em 1.35em;}
body.ocsai-faith-page .entry-content li{margin:.48em 0;}
body.ocsai-faith-page .entry-content strong{color:#fff;}
body.ocsai-faith-page .entry-content a{
  color:var(--ocsai-gold,#d9a928)!important;
  text-decoration-thickness:1px;
  text-underline-offset:.16em;
}
body.ocsai-faith-page .entry-content hr{
  border:0!important;
  border-top:1px solid var(--ocsai-faith-rule)!important;
  margin:54px 0!important;
}
body.ocsai-faith-page .entry-content blockquote{
  margin:38px 0;
  padding:6px 0 6px 24px;
  border-left:3px solid var(--ocsai-gold,#d9a928);
  color:#fff;
  font-size:1.08em;
}
body.ocsai-faith-page .wp-block-image,
body.ocsai-faith-page figure{margin:34px auto!important;}
body.ocsai-faith-page .wp-block-image img,
body.ocsai-faith-page figure img{border-radius:4px;}
body.ocsai-faith-page .wp-block-button__link,
body.ocsai-faith-page .ast-button,
body.ocsai-faith-page a.wp-element-button{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  background:var(--ocsai-gold,#d9a928)!important;
  color:#201a09!important;
  border-radius:999px!important;
  padding:.72em 1.2em!important;
  text-decoration:none!important;
  font-weight:700!important;
}
body.ocsai-faith-page .ocsai-faith-toc{
  margin:34px 0 52px;
  padding:20px 22px 18px;
  border:1px solid var(--ocsai-faith-rule);
  border-left:3px solid var(--ocsai-gold,#d9a928);
  background:rgba(255,255,255,.025);
}
body.ocsai-faith-page .ocsai-faith-toc__title{
  display:block;
  margin-bottom:10px;
  color:var(--ocsai-gold,#d9a928);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
body.ocsai-faith-page .ocsai-faith-toc ol{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px 24px;
  margin:0!important;
  padding-left:1.25em;
}
body.ocsai-faith-page .ocsai-faith-toc li{margin:.22em 0!important;}
body.ocsai-faith-page .ocsai-faith-toc a{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:.92rem;}
@media(max-width:720px){
  body.ocsai-faith-page .entry-header,body.ocsai-faith-page .entry-content{width:min(100% - 28px,920px);}
  body.ocsai-faith-page .ocsai-faith-toc ol{grid-template-columns:1fr;}
}

/* v2.3.46 — calmer parish-article rhythm for the Orthodox Faith page.
   Keep OrthodoxCuracao navy/gold, but let the page read as one continuous
   catechetical article rather than a stack of cards. */
body.ocsai-faith-page .entry-header,
body.ocsai-faith-page .entry-content{
  width:min(100% - 36px,860px);
  max-width:860px;
}
body.ocsai-faith-page .entry-title,
body.ocsai-faith-page .entry-content>h1:first-child{
  font-size:clamp(2.35rem,4.3vw,4rem)!important;
  line-height:1.07!important;
  margin-bottom:18px!important;
}
body.ocsai-faith-page .entry-content{
  font-size:clamp(1.02rem,1.15vw,1.12rem);
  line-height:1.86;
}
body.ocsai-faith-page .entry-content .ocsai-faith-kicker{
  margin:0 0 10px!important;
  color:var(--ocsai-gold,#d9a928)!important;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  font-size:.78rem!important;
  font-weight:800;
  letter-spacing:.14em;
  line-height:1.35!important;
  text-transform:uppercase;
}
body.ocsai-faith-page .entry-content .ocsai-faith-lead,
body.ocsai-faith-page .entry-content>p.ocsai-faith-lead:first-of-type{
  color:#fff!important;
  font-size:clamp(1.15rem,1.7vw,1.38rem)!important;
  line-height:1.72!important;
  margin:0 0 1.15em!important;
}
body.ocsai-faith-page .entry-content h2{
  font-size:clamp(1.72rem,2.6vw,2.35rem)!important;
  margin:clamp(54px,7vw,78px) 0 16px!important;
  padding-top:20px;
}
body.ocsai-faith-page .entry-content h3{
  font-size:clamp(1.35rem,2vw,1.72rem)!important;
  margin:clamp(38px,5vw,54px) 0 12px!important;
}
body.ocsai-faith-page .entry-content blockquote{
  margin:34px 0 38px;
  padding:8px 0 8px 22px;
  font-size:1.08em;
  font-style:italic;
}
body.ocsai-faith-page .ocsai-faith-toc{
  margin:36px 0 54px;
  padding:18px 0 17px;
  border:0;
  border-top:1px solid var(--ocsai-faith-rule);
  border-bottom:1px solid var(--ocsai-faith-rule);
  background:transparent;
}
body.ocsai-faith-page .ocsai-faith-toc ol{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:3px 30px;
}
body.ocsai-faith-page .ocsai-faith-actions{
  margin-top:24px;
  margin-bottom:10px;
}
body.ocsai-faith-page .ocsai-faith-actions .wp-block-button__link{
  border:1px solid var(--ocsai-gold,#d9a928)!important;
  box-shadow:none!important;
  transition:transform .18s ease,filter .18s ease;
}
body.ocsai-faith-page .ocsai-faith-actions .wp-block-button__link:hover{
  transform:translateY(-1px);
  filter:brightness(1.06);
}
@media(max-width:720px){
  body.ocsai-faith-page .entry-header,
  body.ocsai-faith-page .entry-content{width:min(100% - 28px,860px);}
  body.ocsai-faith-page .ocsai-faith-toc ol{grid-template-columns:1fr;}
}

/* v2.3.47 — one visual language across all WordPress pages.
   Keep page-specific layouts intact, but make the surrounding canvas,
   typography, links and standard controls feel like OrthodoxCuracao. */
body.ocsai-site-theme-page{
  --ocsai-site-navy:var(--ast-global-color-5,#132238);
  --ocsai-site-gold:var(--ast-global-color-0,#e1ad18);
  --ocsai-site-text:var(--ast-global-color-3,#f2eee5);
  --ocsai-site-muted:rgba(242,238,229,.78);
  --ocsai-site-rule:rgba(225,173,24,.58);
  background:var(--ocsai-site-navy)!important;
  color:var(--ocsai-site-text);
}
body.ocsai-site-theme-page .site-content,
body.ocsai-site-theme-page .ast-container,
body.ocsai-site-theme-page .content-area,
body.ocsai-site-theme-page .site-main,
body.ocsai-site-theme-page article,
body.ocsai-site-theme-page .entry-content{
  background-color:var(--ocsai-site-navy)!important;
}
body.ocsai-site-theme-page .entry-title,
body.ocsai-site-theme-page .entry-content h1:not(.ock-heading),
body.ocsai-site-theme-page .entry-content h2:not(.ock-heading),
body.ocsai-site-theme-page .entry-content h3:not(.ock-block-title),
body.ocsai-site-theme-page .entry-content h4,
body.ocsai-site-theme-page .entry-content h5,
body.ocsai-site-theme-page .entry-content h6,
body.ocsai-site-theme-page .elementor-heading-title{
  color:var(--ocsai-site-gold)!important;
}
body.ocsai-site-theme-page .entry-title,
body.ocsai-site-theme-page .entry-content h1:not(.ock-heading),
body.ocsai-site-theme-page .entry-content h2:not(.ock-heading),
body.ocsai-site-theme-page .entry-content h3:not(.ock-block-title){
  font-family:Georgia,'Times New Roman',serif;
}
body.ocsai-site-theme-page .entry-content,
body.ocsai-site-theme-page .entry-content p,
body.ocsai-site-theme-page .entry-content li,
body.ocsai-site-theme-page .entry-content td,
body.ocsai-site-theme-page .entry-content th,
body.ocsai-site-theme-page .elementor-widget-text-editor{
  color:var(--ocsai-site-text);
}
body.ocsai-site-theme-page .entry-content a:not(.ock-button):not(.wp-block-button__link):not(.ocsai-btn),
body.ocsai-site-theme-page .elementor-widget-text-editor a{
  color:var(--ocsai-site-gold);
  text-underline-offset:.16em;
}
body.ocsai-site-theme-page .entry-content hr{
  border:0;
  border-top:1px solid var(--ocsai-site-rule);
}
body.ocsai-site-theme-page .entry-content blockquote{
  border-left:3px solid var(--ocsai-site-gold);
  color:var(--ocsai-site-text);
}
body.ocsai-site-theme-page .entry-content table{
  border-color:var(--ocsai-site-rule);
}
body.ocsai-site-theme-page .entry-content table th,
body.ocsai-site-theme-page .entry-content table td{
  border-color:rgba(255,255,255,.14);
}
body.ocsai-site-theme-page .wp-block-button__link,
body.ocsai-site-theme-page .ast-button,
body.ocsai-site-theme-page .elementor-button{
  background:var(--ocsai-site-gold)!important;
  color:#201a09!important;
  border-color:var(--ocsai-site-gold)!important;
}
body.ocsai-site-theme-page input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
body.ocsai-site-theme-page textarea,
body.ocsai-site-theme-page select{
  color:#172235;
}
body.ocsai-site-theme-page label{color:inherit;}

/* Do not make ordinary pages look like unrelated white cards. Elementor/Spectra
   containers that explicitly use transparent/default backgrounds inherit navy. */
body.ocsai-site-theme-page .entry-content .has-background[style*="background-color: transparent"],
body.ocsai-site-theme-page .entry-content .elementor-element:not(.elementor-widget-image):not(.elementor-widget-video)[data-settings="{}"]{
  background-color:transparent;
}

/* v2.3.49 — site-wide OrthodoxCuracao reading theme.
   The Orthodox Faith page remains the reference: navy canvas, warm gold rules,
   classical serif reading typography, restrained spacing and no unrelated
   white-card look. Interactive/form/slider components keep their own layout. */
body.ocsai-site-theme-page{
  --ocsai-site-navy:#132238;
  --ocsai-site-navy-soft:#182a42;
  --ocsai-site-gold:#e1ad18;
  --ocsai-site-gold-soft:rgba(225,173,24,.58);
  --ocsai-site-text:#f2eee5;
  --ocsai-site-muted:rgba(242,238,229,.78);
  background:var(--ocsai-site-navy)!important;
}
body.ocsai-site-theme-page #page,
body.ocsai-site-theme-page .site,
body.ocsai-site-theme-page .site-content,
body.ocsai-site-theme-page .ast-container,
body.ocsai-site-theme-page .content-area,
body.ocsai-site-theme-page .site-main,
body.ocsai-site-theme-page article,
body.ocsai-site-theme-page .entry-content{
  background-color:var(--ocsai-site-navy)!important;
}
body.ocsai-site-theme-page .site-header,
body.ocsai-site-theme-page header.site-header,
body.ocsai-site-theme-page #masthead{
  background:var(--ocsai-site-navy)!important;
  border-bottom:1px solid rgba(225,173,24,.22);
}
body.ocsai-site-theme-page .site-header a:not(.ast-custom-button),
body.ocsai-site-theme-page #masthead a:not(.ast-custom-button){
  color:var(--ocsai-site-text);
}
body.ocsai-site-theme-page .site-header a:hover,
body.ocsai-site-theme-page .site-header .current-menu-item>a,
body.ocsai-site-theme-page #masthead a:hover{
  color:var(--ocsai-site-gold)!important;
}
body.ocsai-site-theme-page footer.site-footer,
body.ocsai-site-theme-page #colophon{
  background:#101e31!important;
  color:var(--ocsai-site-muted);
  border-top:1px solid rgba(225,173,24,.25);
}
body.ocsai-site-theme-page footer.site-footer a,
body.ocsai-site-theme-page #colophon a{color:var(--ocsai-site-gold);}

/* Standard pages/posts adopt the same editorial rhythm as /orthodoxe-geloof/.
   Home, Contact, Intake and Faith have dedicated layout rules and are excluded. */
body.ocsai-longread-page .entry-header,
body.ocsai-longread-page .entry-content{
  width:min(100% - 36px, 920px);
  max-width:920px;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.ocsai-longread-page .entry-header{
  padding-top:clamp(32px,5vw,70px);
  padding-bottom:8px;
}
body.ocsai-longread-page .entry-title,
body.ocsai-longread-page .entry-content>h1:first-child{
  color:var(--ocsai-site-gold)!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(2.25rem,4.4vw,4rem)!important;
  font-weight:500!important;
  line-height:1.06!important;
  letter-spacing:-.02em;
  text-wrap:balance;
}
body.ocsai-longread-page .entry-content{
  color:var(--ocsai-site-text)!important;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.02rem,1.1vw,1.13rem);
  line-height:1.84;
  padding-bottom:clamp(54px,8vw,100px);
}
body.ocsai-longread-page .entry-content p,
body.ocsai-longread-page .entry-content li{
  color:var(--ocsai-site-text)!important;
}
body.ocsai-longread-page .entry-content p{margin:0 0 1.35em;}
body.ocsai-longread-page .entry-content h2,
body.ocsai-longread-page .entry-content h3,
body.ocsai-longread-page .entry-content h4{
  color:var(--ocsai-site-gold)!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-weight:500!important;
  line-height:1.18!important;
  text-wrap:balance;
}
body.ocsai-longread-page .entry-content h2{
  margin:clamp(52px,7vw,78px) 0 16px!important;
  padding-top:20px;
  border-top:1px solid var(--ocsai-site-gold-soft);
  font-size:clamp(1.72rem,2.6vw,2.35rem)!important;
}
body.ocsai-longread-page .entry-content h3{
  margin:clamp(34px,5vw,52px) 0 12px!important;
  font-size:clamp(1.34rem,2vw,1.72rem)!important;
}
body.ocsai-longread-page .entry-content h4{
  margin:30px 0 10px!important;
  font-size:clamp(1.17rem,1.55vw,1.42rem)!important;
}
body.ocsai-longread-page .entry-content blockquote{
  margin:34px 0;
  padding:7px 0 7px 22px;
  border-left:3px solid var(--ocsai-site-gold)!important;
  background:transparent!important;
  color:#fff!important;
  font-style:italic;
}
body.ocsai-longread-page .entry-content hr{
  margin:46px 0!important;
  border:0!important;
  border-top:1px solid var(--ocsai-site-gold-soft)!important;
}
body.ocsai-longread-page .entry-content a:not(.wp-block-button__link):not(.elementor-button):not(.ock-button):not(.ocsai-btn){
  color:var(--ocsai-site-gold)!important;
  text-decoration-thickness:1px;
  text-underline-offset:.17em;
}
body.ocsai-longread-page .entry-content .wp-block-button__link,
body.ocsai-longread-page .entry-content .elementor-button,
body.ocsai-longread-page .entry-content .ast-button{
  border-radius:999px!important;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  font-weight:700!important;
  box-shadow:none!important;
}
body.ocsai-longread-page .entry-content img{
  height:auto;
}
body.ocsai-longread-page .entry-content figure img,
body.ocsai-longread-page .entry-content .wp-block-image img{
  border-radius:4px;
}

/* Elementor/Spectra text should inherit the editorial look instead of forcing
   a white panel. Explicit branded component backgrounds are left untouched. */
body.ocsai-longread-page .elementor-widget-text-editor,
body.ocsai-longread-page .elementor-widget-text-editor p,
body.ocsai-longread-page .elementor-widget-text-editor li{
  color:var(--ocsai-site-text)!important;
  font-family:Georgia,'Times New Roman',serif;
  line-height:1.82;
}
body.ocsai-longread-page .elementor-widget-heading .elementor-heading-title{
  font-family:Georgia,'Times New Roman',serif!important;
  color:var(--ocsai-site-gold)!important;
}

/* Home keeps its centered hero footprint but shares the same canvas and gold. */
body.home.ocsai-site-theme-page .entry-content,
body.home.ocsai-site-theme-page .site-main{
  background:var(--ocsai-site-navy)!important;
}
body.home.ocsai-site-theme-page .ock-slider,
body.home.ocsai-site-theme-page .ocs-slider,
body.home.ocsai-site-theme-page [data-ocs-slider]{
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Contact and the intake form keep their dedicated grid/form layout but use
   the same site canvas around it. */
body.ocsai-contact.ocsai-site-theme-page .site-content,
body.ocsai-intake-page.ocsai-site-theme-page .site-content{
  background:var(--ocsai-site-navy)!important;
}

@media(max-width:720px){
  body.ocsai-longread-page .entry-header,
  body.ocsai-longread-page .entry-content{width:min(100% - 28px,920px);}
}


/* v2.3.52 — contextual links inside the Orthodox Faith long-read. */
body.ocsai-faith-page .entry-content a.ocsai-faith-topic-link {
  color: var(--oc-gold, #d9a928) !important;
  text-decoration-line: underline;
  text-decoration-thickness: .07em;
  text-underline-offset: .18em;
  text-decoration-color: rgba(217,169,40,.48);
  transition: color .18s ease, text-decoration-color .18s ease;
}
body.ocsai-faith-page .entry-content a.ocsai-faith-topic-link:hover,
body.ocsai-faith-page .entry-content a.ocsai-faith-topic-link:focus-visible {
  color: #edc55a !important;
  text-decoration-color: #edc55a;
}

/* v2.3.56 — no darker side gutters; standard page buttons use the same navy/glass surface as Help Ons cards. */
body.ocsai-site-theme-page,
body.ocsai-site-theme-page #page,
body.ocsai-site-theme-page .site,
body.ocsai-site-theme-page .site-content,
body.ocsai-site-theme-page .ast-container,
body.ocsai-site-theme-page .content-area,
body.ocsai-site-theme-page .site-main,
body.ocsai-site-theme-page article,
body.ocsai-site-theme-page .entry-content{
  background:#132238!important;
  background-color:#132238!important;
}
body.ocsai-site-theme-page .wp-block-button__link,
body.ocsai-site-theme-page .ast-button,
body.ocsai-site-theme-page .elementor-button,
body.ocsai-site-theme-page .ocsai-btn,
body.ocsai-site-theme-page a.button,
body.ocsai-site-theme-page .entry-content button.ocsai-action-button{
  background:rgba(9,18,31,.48)!important;
  color:#e1ad18!important;
  border:1px solid rgba(225,173,24,.78)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.12)!important;
}
body.ocsai-site-theme-page .wp-block-button__link:hover,
body.ocsai-site-theme-page .wp-block-button__link:focus-visible,
body.ocsai-site-theme-page .ast-button:hover,
body.ocsai-site-theme-page .ast-button:focus-visible,
body.ocsai-site-theme-page .elementor-button:hover,
body.ocsai-site-theme-page .elementor-button:focus-visible,
body.ocsai-site-theme-page .ocsai-btn:hover,
body.ocsai-site-theme-page .ocsai-btn:focus-visible,
body.ocsai-site-theme-page a.button:hover,
body.ocsai-site-theme-page a.button:focus-visible{
  background:rgba(225,173,24,.13)!important;
  color:#edc55a!important;
  border-color:#edc55a!important;
  transform:translateY(-2px);
}

/* v2.3.61 — Home FAQ: one consistent, calm navy/gold accordion treatment. */
body.ocsai-content-page .ocsai-homepage .ocsai-faq {
  display:grid;
  gap:14px;
  width:min(100%, 960px);
  margin-inline:auto;
}
body.ocsai-content-page .ocsai-homepage .ocsai-faq > details {
  margin:0 !important;
  padding:0 !important;
  overflow:hidden;
  border:1px solid rgba(217,169,40,.34) !important;
  border-radius:14px;
  background:rgba(9,18,31,.24) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.08);
  transition:border-color .22s ease, background-color .22s ease, transform .22s cubic-bezier(.22,1,.36,1), box-shadow .22s ease;
}
body.ocsai-content-page .ocsai-homepage .ocsai-faq > details:hover,
body.ocsai-content-page .ocsai-homepage .ocsai-faq > details:focus-within {
  border-color:rgba(217,169,40,.68) !important;
  background:rgba(217,169,40,.035) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.12);
}
body.ocsai-content-page .ocsai-homepage .ocsai-faq > details[open],
body.ocsai-content-page .ocsai-homepage .ocsai-faq > details.is-active {
  border-color:rgba(217,169,40,.58) !important;
  background:rgba(255,255,255,.024) !important;
}
body.ocsai-content-page .ocsai-homepage .ocsai-faq > details > summary {
  display:flex;
  align-items:center;
  gap:16px;
  width:100%;
  min-height:66px;
  margin:0 !important;
  padding:18px 22px !important;
  border:0 !important;
  background:transparent !important;
  color:var(--ast-global-color-3,#f3efe6) !important;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1rem,1.35vw,1.12rem);
  font-weight:400;
  line-height:1.45;
  text-align:left;
  cursor:pointer;
  list-style:none;
  box-shadow:none !important;
  transition:color .2s ease, background-color .2s ease;
}
body.ocsai-content-page .ocsai-homepage .ocsai-faq > details > summary::-webkit-details-marker { display:none; }
body.ocsai-content-page .ocsai-homepage .ocsai-faq > details > summary::marker { content:""; }
body.ocsai-content-page .ocsai-homepage .ocsai-faq > details > summary::after {
  content:"";
  flex:0 0 9px;
  width:9px;
  height:9px;
  margin-left:auto;
  border-right:2px solid var(--ocsai-gold,#d9a928);
  border-bottom:2px solid var(--ocsai-gold,#d9a928);
  transform:rotate(45deg);
  transition:transform .28s cubic-bezier(.22,1,.36,1);
}
body.ocsai-content-page .ocsai-homepage .ocsai-faq > details[open] > summary,
body.ocsai-content-page .ocsai-homepage .ocsai-faq > details.is-active > summary {
  color:var(--ocsai-gold,#d9a928) !important;
  background:rgba(217,169,40,.035) !important;
}
body.ocsai-content-page .ocsai-homepage .ocsai-faq > details[open] > summary::after,
body.ocsai-content-page .ocsai-homepage .ocsai-faq > details.is-active > summary::after {
  transform:rotate(225deg);
}
body.ocsai-content-page .ocsai-homepage .ocsai-faq > details > .ocsai-details-panel {
  border:0 !important;
  background:transparent !important;
}
body.ocsai-content-page .ocsai-homepage .ocsai-faq > details .ocsai-panel-inner {
  padding:0 22px 22px !important;
  color:rgba(243,239,230,.84);
  line-height:1.7;
}
body.ocsai-content-page .ocsai-homepage .ocsai-faq > details .ocsai-panel-inner p {
  margin:0;
}
body.ocsai-content-page .ocsai-homepage .ocsai-faq > details .ocsai-panel-inner a {
  color:var(--ocsai-gold,#d9a928) !important;
  text-underline-offset:3px;
}
@media(max-width:700px){
  body.ocsai-content-page .ocsai-homepage .ocsai-faq { gap:10px; }
  body.ocsai-content-page .ocsai-homepage .ocsai-faq > details > summary { min-height:58px; padding:15px 16px !important; }
  body.ocsai-content-page .ocsai-homepage .ocsai-faq > details .ocsai-panel-inner { padding:0 16px 18px !important; }
}
@media(prefers-reduced-motion:reduce){
  body.ocsai-content-page .ocsai-homepage .ocsai-faq > details,
  body.ocsai-content-page .ocsai-homepage .ocsai-faq > details > summary::after { transition:none !important; }
}

/* 2.3.72 — modern editorial sections for ordinary pages such as Divine Liturgy.
   2.3.75 — the same section/reveal effect is shared by every ordinary content page,
   including Orthodox Faith, without overwriting each page type's own width/typography. */
body.ocsai-longread-page .entry-header,
body.ocsai-longread-page .entry-content{width:min(100% - 32px,1120px);max-width:1120px}
body.ocsai-longread-page .entry-content{font-size:clamp(1rem,1vw,1.1rem);line-height:1.78}
body.ocsai-reading-effects-page .ocsai-reading-intro{max-width:820px;margin:0 auto clamp(28px,4vw,52px);font-size:clamp(1.08rem,1.45vw,1.3rem);line-height:1.72;color:#fff}
body.ocsai-reading-effects-page .ocsai-reading-intro>:first-child{margin-top:0}
body.ocsai-reading-effects-page .ocsai-reading-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:14px;border:1px solid rgba(225,173,24,.34);border-radius:12px;background:rgba(8,18,31,.34)}
body.ocsai-reading-effects-page .ocsai-reading-nav strong{display:grid;place-items:center;width:38px;color:var(--ocsai-site-gold);font-size:1.15rem}
body.ocsai-reading-effects-page .ocsai-reading-nav a{display:inline-flex;align-items:center;min-height:38px;padding:7px 12px;border:1px solid rgba(225,173,24,.25);border-radius:999px;color:var(--ocsai-site-text)!important;text-decoration:none!important;font:700 .78rem/1.25 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;transition:background-color .2s,border-color .2s,transform .2s}
body.ocsai-reading-effects-page .ocsai-reading-nav a:hover,body.ocsai-reading-effects-page .ocsai-reading-nav a:focus-visible{background:rgba(225,173,24,.12);border-color:var(--ocsai-site-gold);transform:translateY(-1px)}
body.ocsai-reading-effects-page .ocsai-reading-section{margin:0 0 22px;padding:clamp(22px,3.5vw,42px);border:1px solid rgba(225,173,24,.3);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(6,15,27,.24));box-shadow:0 18px 48px rgba(0,0,0,.12)}
body.ocsai-reading-effects-page .ocsai-reading-section>h2:first-child{margin:0 0 18px!important;padding:0 0 15px!important;border-top:0!important;border-bottom:1px solid rgba(225,173,24,.38);font-size:clamp(1.65rem,2.4vw,2.25rem)!important}
body.ocsai-reading-effects-page .ocsai-reading-section>h3{margin-top:30px!important}
body.ocsai-reading-effects-page .ocsai-reading-section figure{margin:24px 0!important}
body.ocsai-reading-effects-page .ocsai-reading-section img{width:100%;border-radius:10px;box-shadow:0 16px 40px rgba(0,0,0,.2)}
body.ocsai-reading-effects-page .ocsai-reading-reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s cubic-bezier(.22,1,.36,1)}
body.ocsai-reading-effects-page .ocsai-reading-reveal.is-visible{opacity:1;transform:none}
@media(max-width:720px){body.ocsai-longread-page .entry-header,body.ocsai-longread-page .entry-content{width:min(100% - 20px,1120px)}body.ocsai-reading-effects-page .ocsai-reading-section{padding:20px 17px;border-radius:10px}body.ocsai-reading-effects-page .ocsai-reading-nav{padding:10px}}
@media(prefers-reduced-motion:reduce){body.ocsai-reading-effects-page .ocsai-reading-reveal{opacity:1;transform:none;transition:none}}

/* 2.3.73 — compactere About-pagina en rustiger typografie op de hele site. */
body.ocsai-about .entry-content{width:min(100% - 32px,1180px)!important;max-width:1180px!important;margin-inline:auto!important}
body.ocsai-about .entry-content>.wp-block-spacer{height:clamp(14px,2.2vw,30px)!important;min-height:0!important}
body.ocsai-about .entry-content .wp-block-columns{align-items:flex-start!important;gap:clamp(24px,3.2vw,42px)!important;margin-top:0!important;margin-bottom:clamp(24px,3.5vw,42px)!important}
body.ocsai-about .entry-content .wp-block-column{min-height:0!important;margin-top:0!important;margin-bottom:0!important}
body.ocsai-about .entry-content .wp-block-column>.wp-block-spacer{height:clamp(10px,1.8vw,24px)!important;min-height:0!important}
body.ocsai-about .entry-content .wp-block-column>:first-child{margin-top:0!important}
body.ocsai-about .entry-content .wp-block-column>:last-child{margin-bottom:0!important}
body.ocsai-about .entry-content .ocsai-about-media-row{margin-block:clamp(26px,3.5vw,44px)!important;align-items:center!important}
body.ocsai-about .entry-content .ocsai-about-media figure{margin:0!important}

body.ocsai-site-theme-page .entry-title,
body.ocsai-site-theme-page .entry-content h1:not(.ock-heading){color:#f5f1e8!important;font-size:clamp(2rem,3.4vw,3rem)!important;font-weight:400!important;letter-spacing:0!important;line-height:1.12!important;text-transform:none!important}
body.ocsai-site-theme-page .entry-content h2:not(.ock-heading){color:#eee9df!important;font-size:clamp(1.55rem,2.25vw,2.05rem)!important;font-weight:400!important;letter-spacing:.01em!important;line-height:1.22!important;text-transform:none!important}
body.ocsai-site-theme-page .entry-content h3:not(.ock-block-title),
body.ocsai-site-theme-page .entry-content h4{color:#f0ece3!important;font-weight:500!important;letter-spacing:.015em!important;text-transform:none!important}
body.ocsai-site-theme-page .entry-content p,
body.ocsai-site-theme-page .entry-content li{color:rgba(247,244,237,.9)!important;letter-spacing:0!important}
body.ocsai-site-theme-page .entry-content h1+p,
body.ocsai-site-theme-page .entry-content .entry-subtitle{color:rgba(247,244,237,.78)!important;letter-spacing:.045em!important;text-transform:none!important;font-weight:400!important}

@media(max-width:767px){body.ocsai-about .entry-content{width:min(100% - 26px,680px)!important}body.ocsai-about .entry-content .wp-block-columns{gap:18px!important;margin-bottom:28px!important}}

body.ocsai-faith-page .ocsai-faith-gallery{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:12px;margin:clamp(28px,4vw,48px) 0;padding:12px 0;border-top:1px solid rgba(225,173,24,.38);border-bottom:1px solid rgba(225,173,24,.38)}
body.ocsai-faith-page .ocsai-faith-gallery figure{height:clamp(210px,24vw,340px);margin:0!important;overflow:hidden;border-radius:10px;background:#0c1a2b}
body.ocsai-faith-page .ocsai-faith-gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (pointer:fine){body.ocsai-faith-page .ocsai-faith-gallery figure:hover img{transform:scale(1.025)}}
@media(max-width:760px){body.ocsai-faith-page .ocsai-faith-gallery{grid-template-columns:1fr 1fr}body.ocsai-faith-page .ocsai-faith-gallery figure:first-child{grid-column:1/-1;height:min(72vw,360px)}body.ocsai-faith-page .ocsai-faith-gallery figure:not(:first-child){height:min(45vw,240px)}}
@media(prefers-reduced-motion:reduce){body.ocsai-faith-page .ocsai-faith-gallery img{transition:none;transform:none!important}}


/* 2.3.77 — Orthodox Faith closer to Divine Liturgy: a single hero image below
   the title and compact pill navigation. About headings are reduced so the
   copy/title proportion feels calmer. */
body.ocsai-faith-page .ocsai-faith-hero{width:min(100%,760px);margin:clamp(18px,3vw,30px) auto clamp(26px,4vw,40px)!important}
body.ocsai-faith-page .ocsai-faith-hero img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;box-shadow:0 16px 40px rgba(0,0,0,.2)}
body.ocsai-faith-page .ocsai-faith-gallery{display:none!important}
body.ocsai-faith-page .ocsai-faith-toc{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin:0 0 26px;padding:14px;border:1px solid rgba(225,173,24,.34);border-radius:12px;border-left-width:1px;background:rgba(8,18,31,.34)}
body.ocsai-faith-page .ocsai-faith-toc__title{display:grid;place-items:center;align-self:flex-start;width:38px;min-height:38px;margin:0;color:var(--ocsai-site-gold,var(--ocsai-gold,#d9a928));font-size:1.15rem;font-weight:700;letter-spacing:0;text-transform:none}
body.ocsai-faith-page .ocsai-faith-toc ol{display:flex;flex:1 1 280px;flex-wrap:wrap;gap:8px;margin:0!important;padding:0!important;list-style:none!important}
body.ocsai-faith-page .ocsai-faith-toc li{margin:0!important;padding:0!important}
body.ocsai-faith-page .ocsai-faith-toc li::marker{content:''}
body.ocsai-faith-page .ocsai-faith-toc a{display:inline-flex;align-items:center;min-height:38px;padding:7px 12px;border:1px solid rgba(225,173,24,.25);border-radius:999px;color:var(--ocsai-site-text,var(--ocsai-faith-ink,#f2eee5))!important;text-decoration:none!important;font:700 .78rem/1.25 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;transition:background-color .2s,border-color .2s,transform .2s}
body.ocsai-faith-page .ocsai-faith-toc a:hover,body.ocsai-faith-page .ocsai-faith-toc a:focus-visible{background:rgba(225,173,24,.12);border-color:var(--ocsai-site-gold,var(--ocsai-gold,#d9a928));transform:translateY(-1px)}
body.ocsai-faith-page .ocsai-reading-intro{max-width:920px}
body.ocsai-about .entry-content h2:not(.ock-heading){font-size:clamp(1.4rem,1.8vw,1.75rem)!important;line-height:1.24!important;margin-bottom:14px!important}
body.ocsai-about .entry-content p,body.ocsai-about .entry-content li{font-size:clamp(1rem,1.02vw,1.08rem)!important;line-height:1.74!important}
@media(max-width:720px){body.ocsai-faith-page .ocsai-faith-hero{width:100%;margin-bottom:24px!important}body.ocsai-faith-page .ocsai-faith-toc{padding:10px}body.ocsai-faith-page .ocsai-faith-toc ol{flex-basis:100%}}


/* 2.3.78 — Faith contents navigation has a visible translated title. */
body.ocsai-faith-page .ocsai-faith-toc__title{
  flex:0 0 100%;width:auto;min-height:0!important;display:block!important;
  margin:0 0 4px!important;color:var(--ocsai-site-gold,var(--ocsai-gold,#d9a928))!important;
  font:800 .76rem/1.3 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  letter-spacing:.12em!important;text-transform:uppercase!important;
}

/* v2.3.92 — the navy/gold accent variables remain overridable by later shell releases. */
:root{--ocsai-accent:#d9a928;--ocsai-accent-bright:#e4bc40}
body.ocsai-site-theme-page .entry-content blockquote{border-left-color:var(--ocsai-accent)!important}
body.ocsai-site-theme-page .entry-content hr,
body.ocsai-site-theme-page .entry-content .wp-block-separator{
  border-color:transparent!important;height:1px!important;background:#d9a928!important
}
body.ocsai-site-theme-page .entry-content a:not(.wp-block-button__link):hover,
body.ocsai-site-theme-page .entry-content a:not(.wp-block-button__link):focus-visible{color:#f0c95b!important;text-decoration-color:var(--ocsai-accent-bright)!important}
body.ocsai-about .entry-content>h1:first-of-type,
body.ocsai-about .entry-content>.wp-block-heading:first-of-type{position:relative!important;padding-top:18px!important}
body.ocsai-about .entry-content>h1:first-of-type::before,
body.ocsai-about .entry-content>.wp-block-heading:first-of-type::before{
  content:"";position:absolute;left:0;top:0;width:48px;height:2px;border-radius:2px;background:#d9a928
}

/* 2.3.98 — keep the public page accent navy/gold and consistent with the shell. */
:root{--ocsai-accent:#d9a928;--ocsai-accent-bright:#e4bc40}
body.ocsai-site-theme-page .entry-content blockquote{border-left-color:#d9a928!important}
body.ocsai-site-theme-page .entry-content hr,
body.ocsai-site-theme-page .entry-content .wp-block-separator{background:#d9a928!important}
body.ocsai-site-theme-page .entry-content a:not(.wp-block-button__link):hover,
body.ocsai-site-theme-page .entry-content a:not(.wp-block-button__link):focus-visible{color:#f0c95b!important;text-decoration-color:#e4bc40!important}
body.ocsai-site-theme-page .entry-content .wp-block-button__link,
body.ocsai-site-theme-page .entry-content .elementor-button{background:#d9a928!important;border-color:#e4bc40!important;color:#172033!important}
body.ocsai-about .entry-content>h1:first-of-type::before,
body.ocsai-about .entry-content>.wp-block-heading:first-of-type::before{background:#d9a928!important}

/* 2.4.0 — About/Over ons is a centered reading page. Remove the theme's
   sidebar constraint and make the accordion a single calm column. */
body.ocsai-about .site-content .ast-container,
body.ocsai-about .site-content .ast-container-fluid,
body.ocsai-about .site-content .ast-builder-grid-row-container{
  display:block!important;width:min(100% - 24px,1280px)!important;max-width:1280px!important;margin-inline:auto!important;padding-inline:0!important;
}
body.ocsai-about .site-content .ast-row,
body.ocsai-about .site-content>.ast-container>.ast-row{display:block!important;width:100%!important;margin-inline:0!important}
body.ocsai-about #primary,
body.ocsai-about .content-area,
body.ocsai-about .site-main,
body.ocsai-about article{
  display:block!important;float:none!important;width:100%!important;max-width:none!important;margin-inline:auto!important;
}
body.ocsai-about #secondary,
body.ocsai-about .widget-area,
body.ocsai-about .sidebar{display:none!important}
body.ocsai-about .entry-header,
body.ocsai-about .entry-content{width:min(100% - 20px,1120px)!important;max-width:1120px!important;margin-inline:auto!important}
body.ocsai-about .entry-content .ocsai-about-accordion-row{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
  width:min(100%,960px)!important;max-width:960px!important;margin:24px auto!important;padding:clamp(22px,3vw,38px)!important;box-sizing:border-box!important;gap:24px!important;
}
body.ocsai-about .entry-content .ocsai-about-accordion-row>.ocsai-empty-about-column{display:none!important}
body.ocsai-about .entry-content .ocsai-about-accordion-row>.wp-block-column{
  flex:0 1 auto!important;width:100%!important;max-width:860px!important;margin:0!important;min-width:0!important;
}
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion,
body.ocsai-about .entry-content .ocsai-about-accordion-row [data-accordion],
body.ocsai-about .entry-content .ocsai-about-accordion-row>details{
  display:block!important;width:100%!important;max-width:860px!important;margin:0 auto!important;
}
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-item{width:100%!important;max-width:none!important}
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header{width:100%!important;box-sizing:border-box!important}
@media(max-width:767px){
  body.ocsai-about .site-content .ast-container,
  body.ocsai-about .site-content .ast-container-fluid,
  body.ocsai-about .site-content .ast-builder-grid-row-container{width:100%!important}
  body.ocsai-about .entry-content .ocsai-about-accordion-row{width:calc(100% - 10px)!important;margin-block:18px!important;padding:20px 16px!important;gap:18px!important}
}


/* 2.6.8 — About page alignment and transparent accordion over the Curaçao bridge background. */
body.ocsai-about .entry-content .ocsai-about-accordion-row{
  position:relative!important;
  overflow:hidden!important;
  background:
    linear-gradient(135deg, rgba(9,24,41,.84) 0%, rgba(9,24,41,.72) 45%, rgba(9,24,41,.66) 100%),
    url("about-bridge-bg.webp") center center / cover no-repeat !important;
  border:1px solid rgba(217,169,40,.54)!important;
  border-radius:18px!important;
}

body.ocsai-about .entry-content .ocsai-about-centered-panel{
  justify-self:start!important;
  margin-left:clamp(20px,3vw,44px)!important;
  width:100%!important;
  max-width:760px!important;
}

body.ocsai-about .entry-content .ocsai-about-centered-panel .wp-block-heading,
body.ocsai-about .entry-content .ocsai-about-centered-panel h2,
body.ocsai-about .entry-content .ocsai-about-centered-panel h3{
  text-align:left!important;
}

body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion,
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-item,
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header,
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header:hover,
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header:focus,
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header.is-active,
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-details,
body.ocsai-about .entry-content .ocsai-about-accordion-row .ocsai-panel-inner,
body.ocsai-about .entry-content .ocsai-about-accordion-row .ocsai-panel-inner .has-background{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header{
  color:#f7f2e8!important;
  border-bottom:1px solid rgba(217,169,40,.76)!important;
}

body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header-icon{
  color:#d9a928!important;
}

body.ocsai-about .entry-content .ocsai-about-accordion-row .ocsai-panel-inner{
  color:rgba(247,242,232,.94)!important;
  padding:16px 0 22px!important;
}

@media(max-width:800px){
  body.ocsai-about .entry-content .ocsai-about-centered-panel{
    margin-left:0!important;
    justify-self:center!important;
    max-width:100%!important;
  }
}


/* 2.6.9 — stronger About page layout/alignment and visible bridge background. */
body.ocsai-about .entry-content .ocsai-about-accordion-row{
  display:grid!important;
  grid-template-columns:minmax(300px,.9fr) minmax(420px,1.1fr)!important;
  align-items:start!important;
  justify-content:center!important;
  gap:clamp(30px,4vw,58px)!important;
  width:min(100%,1020px)!important;
  max-width:1020px!important;
  margin:24px auto!important;
  padding:clamp(28px,3.6vw,46px)!important;
  box-sizing:border-box!important;
  border:1px solid rgba(217,169,40,.54)!important;
  border-radius:18px!important;
  background-color:#102033!important;
  background-image:linear-gradient(135deg, rgba(8,22,38,.90) 0%, rgba(8,22,38,.76) 44%, rgba(8,22,38,.70) 100%), url("about-bridge-bg.webp") !important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  overflow:hidden!important;
}
body.ocsai-about .entry-content .ocsai-about-accordion-row>.wp-block-column{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}
body.ocsai-about .entry-content .ocsai-about-centered-panel{
  justify-self:start!important;
  align-self:start!important;
  width:100%!important;
  max-width:none!important;
  padding-left:clamp(20px,3vw,42px)!important;
}
body.ocsai-about .entry-content .ocsai-about-centered-panel .wp-block-heading,
body.ocsai-about .entry-content .ocsai-about-centered-panel h2,
body.ocsai-about .entry-content .ocsai-about-centered-panel h3,
body.ocsai-about .entry-content .ocsai-about-centered-panel p{
  text-align:left!important;
}
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion,
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-item,
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header,
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header:hover,
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header:focus,
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-details,
body.ocsai-about .entry-content .ocsai-about-accordion-row .ocsai-panel-inner,
body.ocsai-about .entry-content .ocsai-about-accordion-row .ocsai-panel-inner .has-background{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header{
  color:#f7f2e8!important;
  border-bottom:1px solid rgba(217,169,40,.78)!important;
}
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header-content,
body.ocsai-about .entry-content .ocsai-about-accordion-row .ocsai-panel-inner{
  color:#f7f2e8!important;
}
@media(max-width:860px){
  body.ocsai-about .entry-content .ocsai-about-accordion-row{
    grid-template-columns:1fr!important;
    width:calc(100% - 12px)!important;
    padding:22px 18px!important;
    gap:18px!important;
  }
  body.ocsai-about .entry-content .ocsai-about-centered-panel{padding-left:0!important}
}


/* 2.7.1 — bridge-backed About accordion with columns locked to one visual line. */
body.ocsai-about .entry-content .ocsai-about-accordion-row{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  display:grid!important;grid-template-columns:minmax(280px,.92fr) minmax(380px,1.08fr)!important;
  align-items:start!important;gap:clamp(28px,4vw,54px)!important;
  width:min(100%,1020px)!important;max-width:1020px!important;margin:24px auto!important;
  padding:38px clamp(34px,4vw,52px)!important;border:1px solid rgba(217,169,40,.58)!important;border-radius:16px!important;
  background:transparent!important;background-image:none!important;
}
body.ocsai-about .entry-content .ocsai-about-accordion-row::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:-2!important;
  background:url("about-bridge-bg.webp") center 48% / cover no-repeat!important;
}
body.ocsai-about .entry-content .ocsai-about-accordion-row::after{
  content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;
  background:linear-gradient(90deg,rgba(8,24,40,.84),rgba(8,24,40,.68),rgba(8,24,40,.78))!important;
  pointer-events:none!important;
}
body.ocsai-about .entry-content .ocsai-about-accordion-row>.wp-block-column{position:relative!important;z-index:1!important;margin:0!important;padding:0!important;width:100%!important;max-width:none!important;background:transparent!important}
body.ocsai-about .entry-content .ocsai-about-centered-panel{padding:0!important;margin:0!important;justify-self:stretch!important;align-self:start!important;max-width:none!important}
body.ocsai-about .entry-content .ocsai-about-centered-panel>h2,
body.ocsai-about .entry-content .ocsai-about-centered-panel>h3,
body.ocsai-about .entry-content .ocsai-about-centered-panel>.wp-block-heading{margin-top:0!important;padding-top:18px!important;border-top:1px solid rgba(217,169,40,.82)!important;text-align:center!important}
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion{margin:0!important;padding:0!important;background:transparent!important}
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-item{margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header{min-height:52px!important;margin:0!important;padding:14px 0!important;background:transparent!important;border:0!important;border-bottom:1px solid rgba(217,169,40,.82)!important;border-radius:0!important;box-shadow:none!important}
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-details,
body.ocsai-about .entry-content .ocsai-about-accordion-row .ocsai-panel-inner{padding:14px 0 20px!important;background:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important}
@media(max-width:860px){body.ocsai-about .entry-content .ocsai-about-accordion-row{grid-template-columns:1fr!important;padding:24px 20px!important;gap:22px!important}.ocsai-about-centered-panel{padding:0!important}}

/* 2.7.2 — About accordion sits tightly under the introduction and fills the line cleanly. */
body.ocsai-about .entry-content .ocsai-about-accordion-row{
  width:100%!important;
  max-width:none!important;
  margin:16px 0 30px!important;
  padding:34px clamp(24px,3vw,36px)!important;
  box-sizing:border-box!important;
  grid-template-columns:minmax(280px,1fr) minmax(340px,1fr)!important;
  gap:clamp(24px,3vw,38px)!important;
  border-radius:14px!important;
}
body.ocsai-about .entry-content .ocsai-about-accordion-row::before{
  background:url("about-bridge-bg.webp") center center / cover no-repeat!important;
}
body.ocsai-about .entry-content .ocsai-about-accordion-row::after{
  background:linear-gradient(90deg,rgba(8,24,40,.82) 0%,rgba(8,24,40,.66) 45%,rgba(8,24,40,.76) 100%)!important;
}
body.ocsai-about .entry-content .ocsai-about-centered-panel>h2,
body.ocsai-about .entry-content .ocsai-about-centered-panel>h3,
body.ocsai-about .entry-content .ocsai-about-centered-panel>.wp-block-heading{
  text-align:left!important;
  padding-top:14px!important;
  margin-bottom:16px!important;
}
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header,
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-details,
body.ocsai-about .entry-content .ocsai-about-accordion-row .ocsai-panel-inner{
  width:100%!important;
  box-sizing:border-box!important;
}
@media(max-width:860px){
  body.ocsai-about .entry-content .ocsai-about-accordion-row{
    margin:14px 0 24px!important;
    padding:22px 16px!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
}

/* 2.7.7 — About page “Het idee” gets a creative Father Seraphim Rose editorial collage. */
body.ocsai-about .entry-content .ocsai-about-idea-card{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:minmax(280px,.94fr) minmax(360px,1.06fr)!important;
  align-items:stretch!important;
  gap:clamp(24px,3vw,40px)!important;
  width:100%!important;
  max-width:none!important;
  margin:28px 0 32px!important;
  padding:clamp(24px,3vw,34px)!important;
  border:1px solid rgba(217,169,40,.42)!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(8,22,38,.88),rgba(8,22,38,.74))!important;
  box-shadow:0 22px 54px rgba(0,0,0,.16)!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  background:
    radial-gradient(circle at 14% 14%, rgba(255,255,255,.07), transparent 26%),
    radial-gradient(circle at 86% 10%, rgba(217,169,40,.12), transparent 22%),
    linear-gradient(110deg, rgba(4,16,28,.18) 0%, rgba(4,16,28,.38) 45%, rgba(4,16,28,.68) 100%)!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card>.wp-block-column{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col{
  position:relative!important;
  min-height:0!important;
  align-self:stretch!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col::before{content:none!important;display:none!important;}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col::after{
  content:""!important;
  position:absolute!important;
  left:20px!important;
  right:20px!important;
  bottom:-16px!important;
  height:40px!important;
  background:radial-gradient(ellipse at center, rgba(0,0,0,.34), rgba(0,0,0,0) 72%)!important;
  filter:blur(10px)!important;
  z-index:-1!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col figure,
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col .wp-block-image{
  margin:0!important;
  min-height:0!important;
  height:auto!important;
  opacity:1!important;
  visibility:visible!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col img{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  object-fit:cover!important;
  opacity:1!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:clamp(6px,1vw,12px) 0!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col>h2,
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col>h3,
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col>.wp-block-heading{
  margin:0 0 18px!important;
  padding:0 0 16px!important;
  border-top:0!important;
  border-bottom:1px solid rgba(217,169,40,.7)!important;
  text-align:left!important;
  font-size:clamp(1.7rem,2.3vw,2.35rem)!important;
  line-height:1.15!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col>p,
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col li{
  max-width:66ch!important;
  color:rgba(247,244,236,.94)!important;
  line-height:1.82!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col>p:first-of-type::first-letter{
  float:left!important;
  margin:.1em .14em 0 0!important;
  color:#d9a928!important;
  font-size:2.9em!important;
  line-height:.88!important;
  font-weight:600!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col>p+p{
  position:relative!important;
  margin-top:14px!important;
  padding-top:16px!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col>p+p::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  width:68px!important;
  height:1px!important;
  background:rgba(217,169,40,.54)!important;
}
@media(max-width:960px){
  body.ocsai-about .entry-content .ocsai-about-idea-card{
    grid-template-columns:1fr!important;
    gap:20px!important;
    padding:22px 18px!important;
  }
  body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col,
  body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col figure,
  body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col .wp-block-image,
  body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col img{
    min-height:0!important;
  }
}
@media(max-width:640px){
  body.ocsai-about .entry-content .ocsai-about-idea-card{
    border-radius:16px!important;
  }
  body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col,
  body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col figure,
  body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col .wp-block-image,
  body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col img{
    min-height:0!important;
  }
  body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col>p:first-of-type::first-letter{
    font-size:2.4em!important;
  }
}

/* 2.7.8 — richer monastic/editorial treatment for “Het idee”.
   Keeps the existing content, but makes the imagery and copy feel more intentional. */
body.ocsai-about .entry-content .ocsai-about-idea-card{
  grid-template-columns:minmax(320px,1.02fr) minmax(380px,.98fr)!important;
  gap:clamp(30px,4vw,56px)!important;
  padding:clamp(28px,3.4vw,42px)!important;
  border-radius:28px!important;
  border-color:rgba(217,169,40,.52)!important;
  background:
    radial-gradient(circle at 13% 9%, rgba(217,169,40,.12), transparent 24%),
    linear-gradient(145deg,rgba(7,20,35,.94),rgba(12,30,48,.84))!important;
  box-shadow:0 28px 72px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card::after{
  content:""!important;
  position:absolute!important;
  inset:14px!important;
  z-index:-1!important;
  border:1px solid rgba(217,169,40,.18)!important;
  border-radius:20px!important;
  pointer-events:none!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col{
  min-height:0!important;
  display:flex!important;
  align-items:stretch!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col::before{content:none!important;display:none!important;}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col::after{
  left:8%!important;
  right:8%!important;
  bottom:-22px!important;
  height:52px!important;
  background:radial-gradient(ellipse at center, rgba(0,0,0,.45), rgba(0,0,0,0) 70%)!important;
  filter:blur(13px)!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col figure,
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col .wp-block-image,
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col img{
  min-height:0!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col{
  position:relative!important;
  justify-content:flex-start!important;
  padding:clamp(18px,2vw,28px) 0 clamp(12px,1.8vw,22px) clamp(4px,1vw,14px)!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col::before{
  content:""!important;
  position:absolute!important;
  left:-18px!important;
  top:26px!important;
  bottom:26px!important;
  width:1px!important;
  background:linear-gradient(180deg, transparent 0%, rgba(217,169,40,.86) 16%, rgba(217,169,40,.42) 84%, transparent 100%)!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col::after{
  content:""!important;
  display:block!important;
  width:84px!important;
  height:3px!important;
  margin-top:8px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#d9a928,rgba(217,169,40,.10))!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col>h2,
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col>h3,
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col>.wp-block-heading{
  position:relative!important;
  margin:0 0 22px!important;
  padding:0 0 18px!important;
  color:#fffaf0!important;
  border-bottom:1px solid rgba(217,169,40,.58)!important;
  font-size:clamp(1.85rem,2.55vw,2.6rem)!important;
  line-height:1.08!important;
  letter-spacing:.01em!important;
  text-shadow:0 3px 18px rgba(0,0,0,.26)!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col>p,
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col li{
  max-width:64ch!important;
  color:rgba(250,247,239,.92)!important;
  font-size:clamp(.98rem,1.02vw,1.08rem)!important;
  line-height:1.86!important;
  text-wrap:pretty!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col>p:first-of-type{
  margin-top:0!important;
  padding:18px 20px 18px 22px!important;
  border-left:3px solid rgba(217,169,40,.84)!important;
  border-radius:0 16px 16px 0!important;
  background:linear-gradient(90deg,rgba(217,169,40,.095),rgba(217,169,40,.015))!important;
  box-shadow:inset 0 0 0 1px rgba(217,169,40,.05)!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col>p:first-of-type::first-letter{
  color:#e4b73a!important;
  font-size:3.2em!important;
  line-height:.82!important;
  margin:.10em .12em 0 0!important;
  text-shadow:0 2px 16px rgba(217,169,40,.18)!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col>p+p{
  margin-top:15px!important;
  padding-top:17px!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col>p+p::before{
  width:54px!important;
  background:linear-gradient(90deg,rgba(217,169,40,.75),rgba(217,169,40,.12))!important;
}
@media(max-width:960px){
  body.ocsai-about .entry-content .ocsai-about-idea-card{
    grid-template-columns:1fr!important;
    gap:26px!important;
    padding:22px 18px 28px!important;
  }
  body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col,
  body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col figure,
  body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col .wp-block-image,
  body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col img{
    min-height:0!important;
  }
  body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col{
    padding:10px 4px 0!important;
  }
  body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col::before{
    display:none!important;
  }
}
@media(max-width:640px){
  body.ocsai-about .entry-content .ocsai-about-idea-card{
    border-radius:18px!important;
  }
  body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col,
  body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col figure,
  body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col .wp-block-image,
  body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col img{
    min-height:0!important;
  }
  body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col>p:first-of-type{
    padding:16px 14px 16px 16px!important;
  }
}


/* 2.7.9 — About accordion is truly transparent when open, and “Het idee” is more compact with the supplied Seraphim Rose image. */
body.ocsai-about .entry-content .ocsai-about-accordion-row{
  align-items:center!important;
}
body.ocsai-about .entry-content .ocsai-about-accordion-row::after{
  background:linear-gradient(90deg,rgba(8,24,40,.68) 0%,rgba(8,24,40,.46) 46%,rgba(8,24,40,.62) 100%)!important;
}
body.ocsai-about .entry-content .ocsai-about-centered-panel{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-self:center!important;
}
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion,
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion *{
  background-color:transparent!important;
}
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-item,
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-item *,
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header,
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header:hover,
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header:focus,
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header[aria-expanded="true"],
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header.is-active,
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-details,
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-details[style],
body.ocsai-about .entry-content .ocsai-about-accordion-row .ocsai-panel-inner,
body.ocsai-about .entry-content .ocsai-about-accordion-row .uagb-accordion__content,
body.ocsai-about .entry-content .ocsai-about-accordion-row .uagb-accordion__body-wrap,
body.ocsai-about .entry-content .ocsai-about-accordion-row .uagb-accordion__body,
body.ocsai-about .entry-content .ocsai-about-accordion-row .uagb-accordion__title-wrap{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:58px!important;
  padding:14px 0!important;
}
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header-content{
  display:flex!important;
  align-items:center!important;
  min-height:30px!important;
}
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.ocsai-about .entry-content .ocsai-about-accordion-row .ocsai-panel-inner{
  max-width:38ch!important;
  padding:10px 0 20px!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card{
  grid-template-columns:minmax(250px,.86fr) minmax(380px,1.14fr)!important;
  gap:clamp(24px,3vw,42px)!important;
  padding:clamp(22px,2.6vw,32px)!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col{
  min-height:0!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col::before{content:none!important;display:none!important;}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col figure,
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col .wp-block-image,
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col img{
  min-height:0!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col{
  justify-content:center!important;
  padding:clamp(8px,1.2vw,16px) 0!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col>h2,
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col>h3,
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col>.wp-block-heading{
  margin-bottom:16px!important;
  padding-bottom:12px!important;
  font-size:clamp(1.6rem,2.1vw,2.15rem)!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col>p,
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col li{
  max-width:58ch!important;
  font-size:clamp(.94rem,1vw,1.01rem)!important;
  line-height:1.68!important;
  margin-top:0!important;
  margin-bottom:12px!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col>p:first-of-type{
  padding:14px 16px 14px 18px!important;
  margin-bottom:12px!important;
}
body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-copy-col>p+p{
  margin-top:10px!important;
  padding-top:12px!important;
}
@media(max-width:960px){
  body.ocsai-about .entry-content .ocsai-about-accordion-row{
    align-items:start!important;
  }
  body.ocsai-about .entry-content .ocsai-about-idea-card,
  body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col,
  body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col figure,
  body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col .wp-block-image,
  body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col img{
    min-height:0!important;
  }
}
@media(max-width:640px){
  body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col,
  body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col figure,
  body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col .wp-block-image,
  body.ocsai-about .entry-content .ocsai-about-idea-card .ocsai-about-idea-media-col img{
    min-height:0!important;
  }
}


/* 2.7.10 — compact, professional homepage on mobile. */
@media (max-width: 782px){
  body.home .ocsai-homepage{
    width:min(calc(100% - 24px), 720px)!important;
    max-width:720px!important;
    margin:0 auto!important;
  }
  body.home .ocsai-homepage > *{
    margin-bottom:22px!important;
  }
  body.home .ocsai-homepage .ocsai-slider-wrapper{
    margin-bottom:22px!important;
  }
  body.home .ocsai-homepage .ocsai-faq-wrapper{
    max-width:100%!important;
    margin:0 auto 24px!important;
    padding:0!important;
  }
  body.home .ocsai-homepage h2{
    font-size:clamp(1.55rem,7vw,2rem)!important;
    line-height:1.15!important;
    margin:0 0 12px!important;
  }
  body.home .ocsai-homepage h3{
    font-size:clamp(1.02rem,4.2vw,1.16rem)!important;
    letter-spacing:.08em!important;
    margin:0 0 8px!important;
  }
  body.home .ocsai-homepage h4{
    font-size:.86rem!important;
    letter-spacing:.14em!important;
    margin:0 0 10px!important;
  }
  body.home .ocsai-homepage p,
  body.home .ocsai-homepage li,
  body.home .ocsai-homepage .ocsai-faq > details > summary{
    font-size:.98rem!important;
    line-height:1.6!important;
  }
  body.home .ocsai-homepage p{
    margin:0 auto 14px!important;
    max-width:36rem!important;
  }
  body.home .ocsai-homepage ul{
    margin:0 auto 14px!important;
    padding-left:1.15rem!important;
    max-width:35rem!important;
  }
  body.home .ocsai-homepage li{
    margin-bottom:10px!important;
  }
  body.home .ocsai-homepage .button,
  body.home .ocsai-homepage a.button,
  body.home .ocsai-homepage .wp-block-button__link{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:11px 18px!important;
    min-height:0!important;
    border-radius:999px!important;
    font-size:.92rem!important;
    line-height:1.2!important;
    letter-spacing:.06em!important;
  }
  body.home .ocsai-content-page .ocsai-homepage .ocsai-faq{
    gap:10px!important;
  }
  body.home .ocsai-content-page .ocsai-homepage .ocsai-faq > details{
    border-radius:16px!important;
  }
  body.home .ocsai-content-page .ocsai-homepage .ocsai-faq > details > summary{
    min-height:58px!important;
    padding:15px 16px!important;
  }
  body.home .ocsai-content-page .ocsai-homepage .ocsai-faq > details .ocsai-panel-inner,
  body.home .ocsai-content-page .ocsai-homepage .ocsai-faq > details > p{
    padding:0 16px 18px!important;
  }
  body.home .ocsai-content-page .ocsai-homepage .ocsai-faq > details > p:last-child,
  body.home .ocsai-content-page .ocsai-homepage .ocsai-faq > details .ocsai-panel-inner p:last-child{
    margin-bottom:0!important;
  }
}


/* 2.7.14 — remove the pill-style "On this page" navigation from every content page. */
.ocsai-about-reading-nav,
.ocsai-reading-nav,
.ocsai-faith-toc,
nav.ocsai-about-reading-nav,
nav.ocsai-reading-nav,
nav.ocsai-faith-toc{display:none!important}

/* About accordion: never paint a dark-blue hover rectangle; keep the bridge visible. */
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header,
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header:hover,
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header:focus,
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header:active,
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header.is-active,
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header[aria-expanded="true"]{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border-radius:0!important;
}
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header-content{
  position:relative!important;
  transition:color .18s ease, transform .18s ease!important;
}
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header:hover .wp-block-spectra-accordion-child-header-content,
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header:focus-visible .wp-block-spectra-accordion-child-header-content{
  color:#f6d46d!important;
  transform:translateX(3px)!important;
}
body.ocsai-about .entry-content .ocsai-about-accordion-row .wp-block-spectra-accordion-child-header:hover{
  border-bottom-color:#e4bc40!important;
}