/* EFGAVIOTA · BlogArise */

/* 1. Imágenes destacadas de las entradas: formato 16:9 */

.bs-blog-post .bs-blog-thumb.lg.back-img {
  width: 100% !important;
  height: 0 !important;
  padding-top: 56.25% !important;
  min-height: 0 !important;

  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #fff !important;
}

/* 2. Accesos destacados con imágenes completas */

.promoss .container > .row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}

.promoss .container > .row > div {
  width: auto;
  max-width: none;
  min-width: 0;
  padding: 0;
}

.promoss .container > .row > div:not(:has(a[href])) {
  display: none;
}

.promoss .bs-widget.promo {
  position: relative;
  width: auto;
  height: auto !important;
  min-height: 0;
  max-height: none;
  aspect-ratio: 16 / 9;
  box-sizing: content-box;
  padding: 0 0 44px;
  margin: 0;

  background-color: #fff !important;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-origin: content-box;
  background-clip: padding-box;

  border: 2px solid #111;
  border-bottom: 4px solid #fc0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: none;
}

.promoss .promo .inner-content {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}

.promoss .promo .text,
.promoss .promo h5 {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent !important;
}

.promoss .promo .text::before,
.promoss .promo .text::after {
  display: none;
}

.promoss .promo h5 a {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 6px 8px;

  color: #111 !important;
  background: transparent !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.promoss .promo h5 a:hover {
  text-decoration: underline;
}

.promoss .promo h5 a:focus-visible {
  outline: 3px solid #0069b4;
  outline-offset: -5px;
}

/* 3. Portada: ancho adaptable y márgenes razonables */

body.home #custom-background-css:has(> .mainfeatured .homemain):has(> .promoss a[href]) {
  --ef-ancho: 1440px;
  --ef-margen: clamp(12px, 2.5vw, 40px);
  --ef-alto: clamp(320px, 30vw, 440px);

  display: grid;
  grid-template-columns:
    minmax(var(--ef-margen), 1fr)
    minmax(0, var(--ef-ancho))
    minmax(var(--ef-margen), 1fr);
}

body.home #custom-background-css > * {
  min-width: 0;
  grid-column: 1 / -1;
}

body.home #custom-background-css > .promoss,
body.home #custom-background-css > .mainfeatured {
  grid-column: 2;
  min-width: 0;
  margin: 20px 0 !important;
}

body.home .promoss > .container,
body.home .mainfeatured > .container {
  width: 100%;
  max-width: none;
  padding: 0;
}

body.home .mainfeatured > .container > .row {
  margin: 0;
}

body.home .mainfeatured .cc {
  padding: 0;
  min-width: 0;
}

/* 4. Carrusel: imagen completa y título debajo */

body.home .mainfeatured .homemain {
  width: 100%;
  min-width: 0;
  margin: 0;
}

body.home .mainfeatured .bs-slide {
  height: var(--ef-alto, 380px) !important;
  min-height: 0;
  box-sizing: border-box;
  padding: 0 0 82px;

  background-color: #fff;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-origin: content-box;
  background-clip: content-box;

  border: 2px solid #111;
  border-radius: 12px;
}

body.home .mainfeatured::before,
body.home .mainfeatured .bs-slide.overlay::before,
body.home .mainfeatured .bs-slide .inner::after {
  display: none !important;
}

body.home .mainfeatured .bs-slide .inner {
  position: absolute;
  inset: auto 0 0;
  width: 100%;
  height: 82px;
  box-sizing: border-box;
  padding: 5px 12px;
  margin: 0;

  background: #fff;
  border: 0;
  border-top: 2px solid #fc0;
  border-radius: 0;
  box-shadow: none;
  pointer-events: none;
}

body.home .mainfeatured .bs-slide .inner::before {
  content: "AHORA EN CLASE";
  color: #111;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 3px;
}

body.home .mainfeatured .bs-blog-category,
body.home .mainfeatured .bs-blog-meta {
  display: none;
}

body.home .mainfeatured .inner .title {
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: clamp(18px, 1.8vw, 24px);
  line-height: 1.15;
}

body.home .mainfeatured .inner .title a {
  color: #111 !important;
  pointer-events: auto;
}

body.home .mainfeatured .swiper-button-prev,
body.home .mainfeatured .swiper-button-next {
  top: calc((100% - 82px) / 2);
  width: 34px;
  height: 34px;
  margin-top: -17px;

  color: #111;
  background: #fc0;
  border: 1px solid #111;
  border-radius: 50%;
}

body.home .mainfeatured .swiper-button-prev::after,
body.home .mainfeatured .swiper-button-next::after {
  font-size: 16px;
}

/* 5. Ordenador y tablet ancha: dos columnas */

@media (min-width: 900px) {
  body.home #custom-background-css > .promoss {
    grid-row: 2;
    justify-self: start;
    width: calc(30% - 10px);
    height: var(--ef-alto);
  }

  body.home #custom-background-css > .mainfeatured {
    grid-row: 2;
    justify-self: end;
    width: calc(70% - 10px);
  }

  body.home .promoss > .container,
  body.home .promoss .container > .row {
    height: 100%;
  }

  body.home .promoss .container > .row {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: 1fr;
    gap: 10px;
  }

  body.home .promoss .bs-widget.promo {
    height: 100% !important;
    box-sizing: border-box;
    aspect-ratio: auto;
    padding: 0;

    background-origin: padding-box;
    background-clip: padding-box;
    background-size: 50% auto !important;
    background-position: 8px center !important;
  }

  body.home .promoss .promo h5 a {
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    padding: 10px 10px 10px 54%;
    font-size: clamp(13px, 1.1vw, 16px);
  }
}

/* 6. Móvil y tablet estrecha: accesos y carrusel debajo */

@media (max-width: 899px) {
  body.home #custom-background-css > .promoss {
    grid-row: 2;
    width: 100%;
    margin: 12px 0 10px !important;
  }

  body.home #custom-background-css > .mainfeatured {
    grid-row: 3;
    width: 100%;
    margin: 0 0 18px !important;
  }

  body.home .promoss .container > .row {
    gap: 8px;
  }

  body.home .promoss .promo h5 a {
    font-size: clamp(10px, 2.6vw, 14px);
    padding: 5px;
  }

  body.home .mainfeatured .bs-slide {
    height: auto !important;
    aspect-ratio: 16 / 9;
    box-sizing: content-box;
    padding-bottom: 82px;
  }

  body.home .mainfeatured .inner .title {
    font-size: clamp(16px, 4vw, 23px);
  }
}
/* 7. Corregir el borde de las esquinas del carrusel */

body.home .mainfeatured .homemain {
  border-radius: 0 !important;
}

body.home .mainfeatured .bs-slide {
  border: 2px solid #111 !important;
  border-radius: 12px !important;
  overflow: hidden;
}


/* 8. EFGAVIOTA · biblioteca editorial central v3
   En esta primera etapa solo afecta a contenido con la clase .efg-content.
   Las entradas antiguas NO se consideran migradas por el mero hecho de añadirla.
   BLOGARISE: body.dark y body.defaultcolor; NO depende del color del sistema.
*/
/* EFGAVIOTA — contrato de componentes v2 · 22/10/2026
   CONTRATO VISUAL PARA MIGRACION. NO INSTALADO EN WORDPRESS.
   BlogArise activa el modo nocturno mediante body.dark y el claro con body.defaultcolor.
   Fuente: js/dark.js y css/colors/dark.css de la familia BlogArise.
   No pegar sobre publicaciones con CSS heredado sin completar su migración.
*/
.efg-content {
  --efg-brand:#ffcc00; --efg-brand-ink:#15181b;
  --efg-page:#fafbfc;--efg-on-page:#22292d;
  --efg-card:#fff9e4;--efg-card-ink:#15181b;--efg-card-white:#fff;
  --efg-link-on-page:#155d9c;--efg-link-on-card:#135b9d;
  --efg-line:#b4bcc4;--efg-focus:#1866a3;
  --efg-r:12px;--efg-gap:16px;--efg-width:1140px;
  font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  font-size:16px;line-height:1.6;color:var(--efg-on-page);
  background:var(--efg-page);max-width:var(--efg-width);margin-inline:auto;
  padding:clamp(15px,3vw,35px);box-sizing:border-box;
}
/* Conector de modo real de BlogArise; no depender del modo de sistema. */
body.dark .efg-content{--efg-page:#222222;--efg-on-page:#f0f3f6;--efg-link-on-page:#a9d8ff;--efg-card:#fff9e4;--efg-card-ink:#15181b}
.efg-content *, .efg-content *::before, .efg-content *::after{box-sizing:border-box}
.efg-content p,.efg-content li,.efg-content figcaption{overflow-wrap:break-word;word-break:normal;hyphens:none}
.efg-content :is(p,li,figcaption) :is(strong,b){display:inline;margin:0}
.efg-content :is(h2,h3,h4){line-height:1.33;margin:0 0 .65em}
.efg-content .efg-section-title{background:#fff;color:#15181b;border-left:6px solid var(--efg-brand);padding:12px 16px;margin:25px 0 16px;font-size:clamp(1.2rem,2vw,1.45rem);font-weight:800}
.efg-content .efg-nav{display:flex;flex-wrap:wrap;gap:9px;padding:12px;background:#fff9e4;border:1.5px solid #15181b;border-radius:var(--efg-r);margin:14px 0 28px}
.efg-content .efg-nav a{display:inline-flex;align-items:center;justify-content:center;background:var(--efg-brand);color:var(--efg-brand-ink);padding:9px 13px;font-weight:700;min-height:44px;border-radius:7px;border:1px solid #15181b;text-decoration:none}
.efg-content .efg-surface{background:var(--efg-card);color:var(--efg-card-ink);border:1.5px solid var(--efg-line);border-radius:var(--efg-r);padding:18px;margin:14px 0;min-width:0}
.efg-content .efg-surface :is(h2,h3,h4,p,ul,ol,li,small,span,em,b,strong,figcaption,summary,dd,dt){color:var(--efg-card-ink)}
.efg-content .efg-surface a:not(.efg-action){color:var(--efg-link-on-card);background:transparent!important;box-shadow:none!important;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.efg-content .efg-reading a:not(.efg-action){color:var(--efg-link-on-page);background:transparent!important;box-shadow:none!important;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.efg-content a:focus-visible,.efg-content summary:focus-visible,.efg-content button:focus-visible{outline:3px solid var(--efg-focus);outline-offset:3px}
.efg-content a:hover{text-decoration-thickness:2.5px}
.efg-content :is(.efg-grid,.efg-video-grid,.efg-figure-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--efg-gap)}
.efg-content .efg-figure{margin:0}.efg-content .efg-figure svg{display:block;width:100%;height:auto;max-height:290px}
.efg-content figcaption{font-size:.88em;line-height:1.5;margin-top:9px}
.efg-content .efg-accordion{border:1.5px solid #b4bcc4;border-radius:var(--efg-r);background:#fff9e4;color:#15181b;margin:15px 0;overflow:hidden}
.efg-content .efg-accordion summary{cursor:pointer;background:#ffcc00;color:#15181b;list-style:none;font-weight:750;padding:13px 15px}
.efg-content .efg-accordion summary::-webkit-details-marker{display:none}
.efg-content .efg-accordion summary::before{content:"＋";margin-right:9px}.efg-content .efg-accordion[open] summary::before{content:"−"}
.efg-content .efg-accordion .efg-accordion-body{padding:16px;color:#15181b}
.efg-content .efg-accordion-body :is(p,li,strong){color:#15181b}
.efg-content .efg-video-grid > :only-child{grid-column:1 / -1;justify-self:center;width:min(100%,680px)}
.efg-content .efg-video-card{background:#fff9e4;color:#15181b;padding:14px;border-radius:var(--efg-r);border:1.5px solid var(--efg-line)}
.efg-content .efg-video-card :is(p,h3,figcaption){color:#15181b}
.efg-content .efg-video-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;aspect-ratio:16 / 9;min-height:180px;background:linear-gradient(145deg,#10292a,#23595b);border-radius:8px;color:#fff;padding:20px}
.efg-content .efg-video-placeholder strong{color:#fff;display:inline!important}
.efg-content .efg-video-card iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0}
.efg-content .efg-action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.efg-content .efg-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.92em;font-weight:750;min-height:44px;padding:10px 14px;text-decoration:none!important;border-radius:8px;border:2px solid #15181b;line-height:1.2}
.efg-content .efg-action--instagram{background:#ffcc00!important;color:#15181b!important}
.efg-content .efg-action--website{background:#15181b!important;color:#fff!important}
.efg-content .efg-action :is(span,strong){color:inherit!important;display:inline!important}
.efg-content .efg-rubric{display:grid;gap:16px}
.efg-content .efg-rubric-dimension{background:#fff;color:#15181b;border:1.5px solid #15181b;border-radius:var(--efg-r);overflow:hidden}
.efg-content .efg-rubric-title{background:#ffd16b;color:#15181b;font-size:1.05em;font-weight:800;padding:13px 16px;margin:0}
.efg-content .efg-rubric-levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px}
.efg-content .efg-rubric-level{color:#15181b;padding:12px;border:1px solid #82909b;border-radius:9px;min-width:0;line-height:1.48;font-size:.9em}
.efg-content .efg-rubric-level :is(p,strong,span){color:#15181b}
.efg-content .efg-rubric-level > strong{display:block;margin-bottom:8px}
.efg-content .efg-rubric-level p strong{display:inline;margin:0}
.efg-content .efg-rubric-level[data-efg-level="1"]{background:#ffafaf}
.efg-content .efg-rubric-level[data-efg-level="2"]{background:#fff4a0}
.efg-content .efg-rubric-level[data-efg-level="3"]{background:#cbfaa1}
.efg-content .efg-rubric-level[data-efg-level="4"]{background:#c8e6f6}
.efg-content .efg-table{width:100%;border-collapse:collapse;background:#fff;color:#15181b}
.efg-content .efg-table th,.efg-content .efg-table td{border:1px solid #9fa7aa;padding:11px 12px;text-align:left;vertical-align:top}
.efg-content .efg-table th{background:#ffcc00;color:#15181b}
.efg-content .efg-table td{color:#15181b}
.efg-content .efg-source-list{list-style:disc;padding-left:24px;margin:0}
.efg-content .efg-source-list li{margin:9px 0}
.efg-content .efg-muted{font-size:.9em;opacity:.86}
@media(max-width:880px){.efg-content .efg-rubric-levels{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:660px){.efg-content{padding:14px}.efg-content :is(.efg-grid,.efg-video-grid,.efg-figure-grid),.efg-content .efg-rubric-levels{grid-template-columns:1fr}.efg-content .efg-surface{padding:13px}.efg-content .efg-table{font-size:.88em}}
@media(prefers-reduced-motion:reduce){.efg-content .efg-animated,.efg-content .efg-animated *{animation:none!important;transition:none!important}}


/* CONTRATO DE PROFUNDIDAD v2 · 22/10/2026
   Las reglas siguientes NO son parches por publicación: son familias semánticas
   aplicables al contenido estructurado y al contenido libre en Gutenberg/HTML.
   Puente nocturno: body.dark (verificado en codigo fuente del tema de referencia).
*/
.efg-content {
  --efg-ink:var(--efg-on-page);
  --efg-link:var(--efg-link-on-page);
  --efg-muted-ink:#54616b;
  --efg-selection:#ffe274;
}
body.dark .efg-content{--efg-muted-ink:#c9d4de}
/* Cualquier texto no incluido en una tarjeta mantiene legibilidad; también un
   párrafo Gutenberg libre en un wp-block-group SIN fondo, un UL y los H3-H6.
   Las variables se resuelven en el elemento donde se pinta, NO en la raíz. */
.efg-content :is(h1,h2,h3,h4,h5,h6,p,li,dt,dd,figcaption,summary,blockquote,small,caption,label,th,td){
  color:var(--efg-ink);
}
.efg-content :is(ul,ol,dl){color:var(--efg-ink)}
.efg-content :is(h1,h2,h3,h4,h5,h6){overflow-wrap:break-word;word-break:normal;hyphens:auto}
.efg-content :is(p,li,dd,figcaption){overflow-wrap:break-word;word-break:normal;hyphens:auto;}
.efg-content :is(p,li,dd,figcaption,blockquote) :is(strong,b,em,i,span){
  color:inherit;display:inline;margin:0;padding:0;
}
/* Párrafos libres, entradillas, notas menores, listas y subapartados H3-H6. */
.efg-content .efg-reading :is(p,ul,ol,dl){margin-block:0 1rem}
.efg-content .efg-reading :is(h3,h4,h5,h6){margin:1.45em 0 .6em;border-left:4px solid var(--efg-brand);padding-left:11px}
.efg-content .efg-reading :is(h5,h6){font-size:.96em;letter-spacing:.01em}
.efg-content .efg-lead{font-size:1.07em;font-weight:450;line-height:1.65}
.efg-content .efg-note{font-size:.92em;line-height:1.52;border-left:4px solid var(--efg-brand);padding:10px 14px;margin:16px 0}
.efg-content .efg-muted{color:var(--efg-muted-ink)!important;opacity:1}
.efg-content .efg-reading :is(ul,ol){padding-left:1.65em}
.efg-content .efg-reading li{margin:.45em 0}
.efg-content .efg-reading li :is(ul,ol){margin:.45em 0}
.efg-content :is(a,a:visited):not(.efg-action):not(.efg-nav a){
  color:var(--efg-link);background:none;box-shadow:none;
  text-decoration:underline;text-decoration-thickness:1.4px;
  text-underline-offset:3px;
}
.efg-content :is(.efg-surface,.efg-accordion,.efg-video-card,.efg-rubric-dimension,.efg-nav){
  --efg-ink:var(--efg-card-ink);
  --efg-link:var(--efg-link-on-card);
  --efg-muted-ink:#475767;
  color:var(--efg-ink);
}
.efg-content .efg-rubric-level{--efg-ink:#15181b;--efg-link:#135b9d;color:var(--efg-ink)}
.efg-content .efg-section-title{--efg-ink:#15181b;color:var(--efg-ink)}
.efg-content .efg-rubric-title{--efg-ink:#15181b;color:var(--efg-ink)}
.efg-content :is(.efg-nav a,.efg-action--instagram){--efg-ink:#15181b;color:#15181b}
.efg-content .efg-action--website{--efg-ink:#fff;color:#fff}
.efg-content .efg-action--website :is(span,strong){color:#fff}
.efg-content :is(code,kbd,samp){font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.91em}
.efg-content :not(pre)>code{background:#eaf0f4;color:#16252f;padding:.13em .35em;border-radius:4px}
.efg-content pre{padding:14px 16px;border-radius:9px;background:#17232d;color:#f3f7fc;overflow-x:auto;max-width:100%}
.efg-content pre code{background:transparent!important;color:inherit!important}
.efg-content blockquote{border-left:5px solid var(--efg-brand);padding:10px 16px;margin:16px 0;background:transparent;color:var(--efg-ink)}
.efg-content blockquote p{margin:0}
.efg-content hr{border:0;border-top:1px solid var(--efg-line);margin:22px 0}
.efg-content mark{background:#ffcc00;color:#15181b;padding:0 .15em;border-radius:2px}
.efg-content :is(sup,sub){font-size:.76em;line-height:0}
.efg-content ::selection{background:var(--efg-selection);color:#15181b}
.efg-content .efg-caption{font-size:.88em;line-height:1.46;color:var(--efg-ink)}
.efg-content .efg-table-wrap{overflow-x:auto;max-width:100%}
.efg-content .efg-table caption{caption-side:bottom;text-align:left;background:transparent;padding:8px 0;font-size:.88em;color:var(--efg-ink)}
.efg-content .efg-table :is(th,td){--efg-ink:#15181b}
.efg-content .efg-accordion :is(p,li,dd,figcaption,summary){color:var(--efg-ink)}
.efg-content .efg-accordion summary{--efg-ink:#15181b;color:#15181b}
.efg-content .efg-accordion-body{--efg-ink:#15181b;--efg-link:#135b9d}
/* Gutenberg: no falsear que un H6 es un párrafo huérfano. Estas clases indican
   texto libre SIN tarjeta y superficies CON fondo; migración explícita,
   no inferencia por nombre del deporte. */
.efg-content .wp-block-group:not(.efg-surface):not(.has-background){--efg-ink:inherit}
.efg-content .wp-block-group.efg-surface{--efg-ink:#15181b;--efg-link:#135b9d}
/* Las clases 'has-text-color' y estilos inline heredados se revisan en migración.
   NO incluir !important masivos ni recolorear SVG que tienen fill/stroke propios. */
@media(max-width:660px){
  .efg-content .efg-reading :is(h3,h4,h5,h6){margin-top:1.25em}
  .efg-content .efg-note{padding:9px 12px}
}

/* v3 | alineacion con el tema BlogArise: colores de pagina y superficies.
   NUNCA sustituir el CSS de portada. NUNCA aplicar estos estilos a entradas
   que aun carecen del wrapper .efg-content o que mantienen CSS heredado en conflicto.
*/
body.defaultcolor .efg-content { color-scheme:light; }
body.dark .efg-content { color-scheme:dark; }
.efg-content :is(.efg-surface,.efg-accordion,.efg-video-card,.efg-rubric-dimension,.efg-nav) { color-scheme:light; }
.efg-content .efg-reading :is(.wp-block-group:not(.has-background),.wp-block-columns:not(.has-background),.wp-block-column:not(.has-background)) { color:var(--efg-ink); }
.efg-content .efg-reading :is(.wp-block-group:not(.has-background),.wp-block-columns:not(.has-background),.wp-block-column:not(.has-background)) :is(p,li,h3,h4,h5,h6,figcaption){color:inherit;}
.efg-content .efg-source-list :is(a,a:visited) { background:transparent;box-shadow:none;text-decoration:underline;color:var(--efg-link); }
.efg-content .efg-surface .efg-source-list { --efg-link:var(--efg-link-on-card); }



/* EFGAVIOTA: enlaces de relacionados y navegación entre entradas. */
body.single-post:not(.home) #content :is(#jp-relatedposts,nav.post-navigation){--efg-theme-link:#135b9d;--efg-theme-focus:#1866a3}
body.single-post.dark:not(.home) #content :is(#jp-relatedposts,nav.post-navigation){--efg-theme-link:#a9d8ff;--efg-theme-focus:var(--wp--preset--color--pale-cyan-blue,#8ed1fc)}
body.single-post:not(.home) #content :is(#jp-relatedposts,nav.post-navigation) :is(a,a:visited){color:var(--efg-theme-link);text-decoration:underline;text-underline-offset:3px}
body.single-post:not(.home) #content :is(#jp-relatedposts,nav.post-navigation) a:focus-visible{outline:3px solid var(--efg-theme-focus);outline-offset:3px}


/* PROPOSAL ONLY: replacement Gutenberg reading component, never append alongside old module.
   Post selectors/declarations preserved; native page branch and page-only heading/gallery variants.
   Excludes home, local styles/EFG systems, HTML apps and public password screens. */
:where(body.single-post:not(.home):not(.page) #content .bs-blog-post.single > article.small.single:not(:has(.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"])),body.page:not(.home):not(.single-post) main#content.page-class .type-page:not(.post-password-required) > .bs-card-box:not(:has(style,.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"],.post-password-form))) { --efg-gb-link:#155d9c; --efg-gb-focus:#1866a3; --efg-gb-quote-ink:#39434d; --efg-gb-caption-ink:#54616b; --efg-gb-surface-link:#135b9d; --efg-gb-surface-focus:#1866a3; }
body.dark :where(body.single-post:not(.home):not(.page) #content .bs-blog-post.single > article.small.single:not(:has(.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"])),body.page:not(.home):not(.single-post) main#content.page-class .type-page:not(.post-password-required) > .bs-card-box:not(:has(style,.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"],.post-password-form))) { --efg-gb-link:#a9d8ff; --efg-gb-focus:#8ed1fc; --efg-gb-quote-ink:#e5eaf0; --efg-gb-caption-ink:#c9d4de; }
:where(body.single-post:not(.home):not(.page) #content .bs-blog-post.single > article.small.single:not(:has(.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"])),body.page:not(.home):not(.single-post) main#content.page-class .type-page:not(.post-password-required) > .bs-card-box:not(:has(style,.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"],.post-password-form))) .has-background { --efg-gb-link:currentColor; --efg-gb-focus:currentColor; --efg-gb-quote-ink:currentColor; --efg-gb-caption-ink:currentColor; }
:where(body.single-post:not(.home):not(.page) #content .bs-blog-post.single > article.small.single:not(:has(.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"])),body.page:not(.home):not(.single-post) main#content.page-class .type-page:not(.post-password-required) > .bs-card-box:not(:has(style,.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"],.post-password-form))) :is( .has-white-background-color, .has-very-light-gray-background-color, .has-pale-cyan-blue-background-color, .has-light-green-cyan-background-color, .has-pale-pink-background-color, .efg-gutenberg-surface ) { --efg-gb-link:var(--efg-gb-surface-link); --efg-gb-focus:var(--efg-gb-surface-focus); --efg-gb-quote-ink:#39434d; --efg-gb-caption-ink:#54616b; }
:where(body.single-post:not(.home):not(.page) #content .bs-blog-post.single > article.small.single:not(:has(.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"])),body.page:not(.home):not(.single-post) main#content.page-class .type-page:not(.post-password-required) > .bs-card-box:not(:has(style,.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"],.post-password-form))) :is(p,li,cite,figcaption,blockquote,.wp-block-file,figure.wp-block-table td,figure.wp-block-table th,.wp-block-embed__wrapper) a:not(:is(.wp-element-button,.wp-block-button__link,.wp-block-file__button, .efg-action,.efg-social-btn,[role="button"],.has-text-color,[style*="color"])):not(:is(.wp-block-button,svg) *):not(:where(.wp-block-embed a:not(:is(blockquote.wp-embedded-content,.wp-block-embed__wrapper)>a))),
:where(body.single-post:not(.home):not(.page) #content .bs-blog-post.single > article.small.single:not(:has(.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"])),body.page:not(.home):not(.single-post) main#content.page-class .type-page:not(.post-password-required) > .bs-card-box:not(:has(style,.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"],.post-password-form))) a[href^="https://www.scribd.com/doc/"]:not([style*="color"]):not(.has-text-color),
:where(body.page:not(.home):not(.single-post) main#content.page-class .type-page:not(.post-password-required) > .bs-card-box:not(:has(style,.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"],.post-password-form))) :is(h2,h3,h4,h5,h6) a:not(:is(.wp-element-button,.wp-block-button__link,.wp-block-file__button, .efg-action,.efg-social-btn,[role="button"],.has-text-color,[style*="color"])):not(:is(.wp-block-button,svg) *):not(:where(.wp-block-embed a:not(:is(blockquote.wp-embedded-content,.wp-block-embed__wrapper)>a))) { color:var(--efg-gb-link); text-decoration:underline; text-underline-offset:3px; }
:where(body.single-post:not(.home):not(.page) #content .bs-blog-post.single > article.small.single:not(:has(.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"])),body.page:not(.home):not(.single-post) main#content.page-class .type-page:not(.post-password-required) > .bs-card-box:not(:has(style,.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"],.post-password-form))) :is(p,li,cite,figcaption,blockquote,.wp-block-file,figure.wp-block-table td,figure.wp-block-table th,.wp-block-embed__wrapper) a:not(:is(.wp-element-button,.wp-block-button__link,.wp-block-file__button, .efg-action,.efg-social-btn,[role="button"],.has-text-color,[style*="color"])):not(:is(.wp-block-button,svg) *):not(:where(.wp-block-embed a:not(:is(blockquote.wp-embedded-content,.wp-block-embed__wrapper)>a))) :is(strong,b,em,i,span):not(.has-text-color):not([style*="color"]),
:where(body.single-post:not(.home):not(.page) #content .bs-blog-post.single > article.small.single:not(:has(.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"])),body.page:not(.home):not(.single-post) main#content.page-class .type-page:not(.post-password-required) > .bs-card-box:not(:has(style,.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"],.post-password-form))) .has-background :is(h2,h3,h4,h5,h6):not(.has-text-color):not([style*="color"]),
:where(body.single-post:not(.home):not(.page) #content .bs-blog-post.single > article.small.single:not(:has(.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"])),body.page:not(.home):not(.single-post) main#content.page-class .type-page:not(.post-password-required) > .bs-card-box:not(:has(style,.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"],.post-password-form))) blockquote.wp-block-quote:not(.has-background):not([style*="background"]) :is(p,ul,ol,li,cite):not(.has-text-color):not([style*="color"]),
:where(body.single-post:not(.home):not(.page) #content .bs-blog-post.single > article.small.single:not(:has(.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"])),body.page:not(.home):not(.single-post) main#content.page-class .type-page:not(.post-password-required) > .bs-card-box:not(:has(style,.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"],.post-password-form))) blockquote.wp-block-quote:not(.has-background):not([style*="background"]) :is(p,li,cite) :is(strong,b,em,i,span):not(.has-text-color):not([style*="color"]),
:where(body.single-post:not(.home):not(.page) #content .bs-blog-post.single > article.small.single:not(:has(.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"])),body.page:not(.home):not(.single-post) main#content.page-class .type-page:not(.post-password-required) > .bs-card-box:not(:has(style,.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"],.post-password-form))) :is(figure.wp-block-image,figure.wp-block-table,div.wp-block-image,figure.wp-block-embed) figcaption :is(strong,b,em,i,span):not(.has-text-color):not([style*="color"]),
:where(body.page:not(.home):not(.single-post) main#content.page-class .type-page:not(.post-password-required) > .bs-card-box:not(:has(style,.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"],.post-password-form))) :is(h2,h3,h4,h5,h6) a:not(:is(.wp-element-button,.wp-block-button__link,.wp-block-file__button, .efg-action,.efg-social-btn,[role="button"],.has-text-color,[style*="color"])):not(:is(.wp-block-button,svg) *):not(:where(.wp-block-embed a:not(:is(blockquote.wp-embedded-content,.wp-block-embed__wrapper)>a))) :is(strong,b,em,i,span):not(.has-text-color):not([style*="color"]),
:where(body.page:not(.home):not(.single-post) main#content.page-class .type-page:not(.post-password-required) > .bs-card-box:not(:has(style,.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"],.post-password-form))) figure.wp-block-gallery > figcaption:not(.has-text-color):not([style*="color"]) :is(strong,b,em,i,span):not(.has-text-color):not([style*="color"]) { color:inherit; }
:where(body.single-post:not(.home):not(.page) #content .bs-blog-post.single > article.small.single:not(:has(.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"])),body.page:not(.home):not(.single-post) main#content.page-class .type-page:not(.post-password-required) > .bs-card-box:not(:has(style,.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"],.post-password-form))) :is(p,li,cite,figcaption,blockquote,.wp-block-file,figure.wp-block-table td,figure.wp-block-table th,.wp-block-embed__wrapper) a:not(:is(.wp-element-button,.wp-block-button__link,.wp-block-file__button, .efg-action,.efg-social-btn,[role="button"],.has-text-color,[style*="color"])):not(:is(.wp-block-button,svg) *):not(:where(.wp-block-embed a:not(:is(blockquote.wp-embedded-content,.wp-block-embed__wrapper)>a))):focus-visible,
:where(body.single-post:not(.home):not(.page) #content .bs-blog-post.single > article.small.single:not(:has(.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"])),body.page:not(.home):not(.single-post) main#content.page-class .type-page:not(.post-password-required) > .bs-card-box:not(:has(style,.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"],.post-password-form))) a[href^="https://www.scribd.com/doc/"]:not([style*="color"]):not(.has-text-color):focus-visible,
:where(body.page:not(.home):not(.single-post) main#content.page-class .type-page:not(.post-password-required) > .bs-card-box:not(:has(style,.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"],.post-password-form))) :is(h2,h3,h4,h5,h6) a:not(:is(.wp-element-button,.wp-block-button__link,.wp-block-file__button, .efg-action,.efg-social-btn,[role="button"],.has-text-color,[style*="color"])):not(:is(.wp-block-button,svg) *):not(:where(.wp-block-embed a:not(:is(blockquote.wp-embedded-content,.wp-block-embed__wrapper)>a))):focus-visible { outline:3px solid var(--efg-gb-focus); outline-offset:3px; }
:where(body.single-post:not(.home):not(.page) #content .bs-blog-post.single > article.small.single:not(:has(.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"])),body.page:not(.home):not(.single-post) main#content.page-class .type-page:not(.post-password-required) > .bs-card-box:not(:has(style,.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"],.post-password-form))) blockquote.wp-block-quote:not(.has-background):not([style*="background"]) { color:var(--efg-gb-quote-ink); }
:where(body.single-post:not(.home):not(.page) #content .bs-blog-post.single > article.small.single:not(:has(.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"])),body.page:not(.home):not(.single-post) main#content.page-class .type-page:not(.post-password-required) > .bs-card-box:not(:has(style,.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"],.post-password-form))) :is(figure.wp-block-image,figure.wp-block-table,div.wp-block-image,figure.wp-block-embed) figcaption:not(.has-text-color):not([style*="color"]),
:where(body.page:not(.home):not(.single-post) main#content.page-class .type-page:not(.post-password-required) > .bs-card-box:not(:has(style,.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"],.post-password-form))) figure.wp-block-gallery > figcaption:not(.has-text-color):not([style*="color"]) { color:var(--efg-gb-caption-ink); }
:where(body.single-post:not(.home):not(.page) #content .bs-blog-post.single > article.small.single:not(:has(.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"])),body.page:not(.home):not(.single-post) main#content.page-class .type-page:not(.post-password-required) > .bs-card-box:not(:has(style,.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"],.post-password-form))) figure.wp-block-table:not(.has-background):not([style*="background"]) > table.has-black-color.has-text-color:not(.has-background):not([style*="background"]):not(:has(.has-text-color:not(.has-black-color),[style*="color"])) { --efg-gb-link:var(--efg-gb-surface-link); --efg-gb-focus:var(--efg-gb-surface-focus); background-color:#fff; }

.efg-lesson .efg-court svg{background:var(--wp--preset--color--white,#fff)}

/* Common mobile question/action summary; preserves existing padding, fonts, colors and marker. */
@media(max-width:540px){
.efg-lesson details.efg-check>summary:where(:has(>.efg-q:first-child+.efg-action:last-child)){display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px}
.efg-lesson details.efg-check>summary:where(:has(>.efg-q:first-child+.efg-action:last-child))>.efg-action{grid-column:2;justify-self:start;margin-left:0;max-width:100%;white-space:normal}
}

@media(max-width:650px){.efg-lesson :is(div,section,article).efg-media-card{flex-direction:column;align-items:stretch}}

/* Native article images: cap natural width and preserve aspect ratio.
   Figure components, explicit dimensions, local styles and EFG apps retain their sizing. */
:where(body.single-post:not(.home):not(.page) #content .bs-blog-post.single > article.small.single:not(:has(style,.efg-content,.efg-lesson,.efg-rope,iframe[src*="/wp-content/uploads/"][src*=".html"]))) img:not(:where(figure img,.wp-block-image img,.wp-block-gallery img,.gallery img,.wp-caption img,[style*="width" i],[style*="height" i])) { max-width:100%; height:auto; }