/* ==========================================================================
   Colors of Rainbow — Bible study toolkit styles
   Loaded on the front end and inside the block editor.
   ========================================================================== */

:root {
	--ebib-serif: var(--cor-font-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif);
	--ebib-sans: var(--cor-font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
	--ebib-accent: var(--cor-accent, #0a8fe0);
	--ebib-accent-soft: var(--cor-accent-soft, #e7f4fe);
	--ebib-egw: #8a5a1c;                 /* warm sepia for Spirit of Prophecy */
	--ebib-egw-soft: #fbf4ea;
	--ebib-egw-line: #e6cfae;
	--ebib-ink: var(--cor-ink, #1f2429);
	--ebib-text: var(--cor-text, #343a41);
	--ebib-muted: var(--cor-muted, #6b7480);
	--ebib-line: var(--cor-line, #e2e7ed);
	--ebib-surface: var(--cor-surface, #f6f8fb);
	--ebib-bg: var(--cor-bg, #fff);
	--ebib-radius: var(--cor-radius, 10px);
	--ebib-shadow: var(--cor-shadow, 0 1px 2px rgba(20,30,40,.06), 0 6px 20px -8px rgba(20,30,40,.12));
}
@media (prefers-color-scheme: dark) {
	body.cor-dark-auto {
		--ebib-egw: #e0b57a;
		--ebib-egw-soft: #2a2117;
		--ebib-egw-line: #4a3a25;
	}
}

/* --------------------------------------------------------------------------
   1. Quotes: shared skeleton
   .ebib-q            figure wrapper
   .ebib-q__body      blockquote
   .ebib-q__cite      figcaption / cite line
   Modifiers: .ebib-q--scripture, .ebib-q--egw, .ebib-q--general
   Styles (is-style-*): classic, card, ruled, ribbon, plain, pull
   -------------------------------------------------------------------------- */
.ebib-q { margin: 1.8em 0; position: relative; --q-color: var(--ebib-accent); --q-soft: var(--ebib-accent-soft); --q-line: color-mix(in srgb, var(--q-color) 35%, transparent); }
.ebib-q--egw { --q-color: var(--ebib-egw); --q-soft: var(--ebib-egw-soft); --q-line: var(--ebib-egw-line); }
.ebib-q--general { --q-color: var(--ebib-ink); --q-soft: var(--ebib-surface); --q-line: var(--ebib-line); }
.ebib-q__body { margin: 0; padding: 0; border: 0; background: none; font-family: var(--ebib-serif); font-size: 1.08em; line-height: 1.65; color: var(--ebib-text); }
.ebib-q__body p { margin: 0 0 .8em; }
.ebib-q__body p:last-child { margin-bottom: 0; }
.ebib-q__body em, .ebib-q__body i { font-style: italic; }
.ebib-q__cite {
	display: flex; flex-wrap: wrap; align-items: center; gap: .3em .7em; margin-top: .8em;
	font-family: var(--ebib-sans); font-size: .82rem; font-style: normal; color: var(--ebib-muted);
}
.ebib-q__cite a { color: var(--q-color); font-weight: 600; text-decoration: none; }
.ebib-q__cite a:hover { text-decoration: underline; }
.ebib-q__ref { font-weight: 700; color: var(--q-color); letter-spacing: .01em; }
.ebib-q__version, .ebib-q__page, .ebib-q__year { color: var(--ebib-muted); }
.ebib-q__version::before, .ebib-q__page::before, .ebib-q__year::before { content: "\00b7"; margin-right: .6em; opacity: .6; }
.ebib-q__label {
	display: inline-flex; align-items: center; gap: .35em; padding: 2px 9px; border-radius: 999px;
	background: var(--q-soft); color: var(--q-color); font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em;
}
.ebib-q__label svg { width: 11px; height: 11px; fill: currentColor; }
.ebib-q__ext { margin-left: auto; display: inline-flex; align-items: center; gap: .3em; font-size: .75rem; opacity: .75; }
.ebib-q__ext svg { width: 11px; height: 11px; fill: none; stroke: currentColor; stroke-width: 2; }
.ebib-q__ext:hover { opacity: 1; }

/* Style: classic (default) — left bar, serif, italic verse text */
.ebib-q--scripture:not([class*="is-style-"]) .ebib-q__body,
.ebib-q.is-style-classic .ebib-q__body,
.ebib-q--egw:not([class*="is-style-"]) .ebib-q__body,
.ebib-q--general:not([class*="is-style-"]) .ebib-q__body {
	padding: .2em 0 .2em 1.3em; border-left: 4px solid var(--q-color);
}
.ebib-q--scripture:not([class*="is-style-"]) .ebib-q__cite,
.ebib-q.is-style-classic .ebib-q__cite,
.ebib-q--egw:not([class*="is-style-"]) .ebib-q__cite,
.ebib-q--general:not([class*="is-style-"]) .ebib-q__cite { padding-left: calc(1.3em + 4px); }
.ebib-q--scripture:not([class*="is-style-"]) .ebib-q__body,
.ebib-q.is-style-classic.ebib-q--scripture .ebib-q__body { font-style: italic; }
.ebib-q__body strong { color: var(--ebib-ink); }

/* Style: card — soft tinted panel with a big quotation mark */
.ebib-q.is-style-card { padding: 1.5em 1.7em 1.3em 2.2em; background: var(--q-soft); border-radius: var(--ebib-radius); border: 1px solid var(--q-line); }
.ebib-q.is-style-card::before {
	content: "\201C"; position: absolute; left: .35em; top: -.05em; font-family: Georgia, serif; font-size: 4.2em; line-height: 1; color: var(--q-color); opacity: .28; pointer-events: none;
}
.ebib-q.is-style-card .ebib-q__cite { border-top: 1px dashed var(--q-line); padding-top: .7em; }

/* Style: ruled — hairlines above and below, centered reference */
.ebib-q.is-style-ruled { padding: 1.3em 1em; border-top: 1px solid var(--q-line); border-bottom: 1px solid var(--q-line); text-align: center; }
.ebib-q.is-style-ruled .ebib-q__body { font-size: 1.15em; }
.ebib-q.is-style-ruled .ebib-q__cite { justify-content: center; margin-top: 1em; }
.ebib-q.is-style-ruled .ebib-q__cite::before { content: "\2014"; color: var(--q-color); }
.ebib-q.is-style-ruled .ebib-q__ext { margin-left: 0; }

/* Style: ribbon — reference sits in a tab on the top edge */
.ebib-q.is-style-ribbon { margin-top: 2.6em; padding: 1.4em 1.5em 1.2em; border: 1px solid var(--q-line); border-radius: var(--ebib-radius); background: var(--ebib-bg); box-shadow: var(--ebib-shadow); }
.ebib-q.is-style-ribbon .ebib-q__cite { position: absolute; top: -1em; left: 1.2em; margin: 0; padding: 4px 12px; border-radius: 999px; background: var(--q-color); color: #fff; box-shadow: 0 2px 8px -2px var(--q-color); }
.ebib-q.is-style-ribbon .ebib-q__cite a, .ebib-q.is-style-ribbon .ebib-q__ref, .ebib-q.is-style-ribbon .ebib-q__version, .ebib-q.is-style-ribbon .ebib-q__page, .ebib-q.is-style-ribbon .ebib-q__year { color: #fff; }
.ebib-q.is-style-ribbon .ebib-q__label { display: none; }
.ebib-q.is-style-ribbon .ebib-q__ext { display: none; }

/* Style: plain — no decoration, just typography */
.ebib-q.is-style-plain .ebib-q__body { padding: 0; }

/* Style: pull — large, for a key verse/statement */
.ebib-q.is-style-pull { margin: 2.2em 0; padding: 1.2em 0; border-top: 3px solid var(--q-color); border-bottom: 3px solid var(--q-color); }
.ebib-q.is-style-pull .ebib-q__body { font-size: 1.45em; line-height: 1.4; }
.ebib-q.is-style-pull .ebib-q__cite { margin-top: 1em; font-size: .9rem; }

/* Verse numbers inside scripture text */
.ebib-vn { font-family: var(--ebib-sans); font-size: .62em; font-weight: 700; color: var(--q-color, var(--ebib-accent)); vertical-align: super; margin-right: .25em; font-style: normal; }

/* Core quote block: modern default so existing posts look right without editing */
.entry-content blockquote:not(.ebib-q__body):not(.wp-block-pullquote),
.entry-content .wp-block-quote {
	margin: 1.8em 0; padding: .2em 0 .2em 1.3em; border: 0; border-left: 4px solid var(--ebib-accent);
	font-family: var(--ebib-serif); font-size: 1.08em; line-height: 1.65; color: var(--ebib-text); background: none;
}
.entry-content .wp-block-quote p { margin: 0 0 .8em; }
.entry-content .wp-block-quote p:last-child { margin-bottom: 0; }
.entry-content .wp-block-quote cite, .entry-content .wp-block-quote .ebib-cite { display: block; margin-top: .6em; font-family: var(--ebib-sans); font-style: normal; font-size: .82rem; color: var(--ebib-muted); }
.entry-content .wp-block-quote.ebib-auto--egw { border-left-color: var(--ebib-egw); }
.entry-content .wp-block-quote.ebib-auto--egw .ebib-cite a { color: var(--ebib-egw); }
.entry-content .wp-block-quote .ebib-cite a { font-weight: 600; text-decoration: none; }
.entry-content .wp-block-quote .ebib-cite a:hover { text-decoration: underline; }
.entry-content .wp-block-quote.is-style-large { padding-left: 0; border: 0; text-align: center; font-size: 1.3em; }
.entry-content .wp-block-quote.is-style-scripture { border-left-color: var(--ebib-accent); font-style: italic; }
.entry-content .wp-block-quote.is-style-egw { border-left-color: var(--ebib-egw); background: var(--ebib-egw-soft); padding: 1em 1.3em; border-radius: 0 var(--ebib-radius) var(--ebib-radius) 0; }
.entry-content .wp-block-quote.is-style-card { border: 1px solid var(--ebib-line); background: var(--ebib-surface); padding: 1.3em 1.5em; border-radius: var(--ebib-radius); }

/* --------------------------------------------------------------------------
   2. Highlighters (rich-text format: <mark class="ebib-hl ebib-hl--*">)
   -------------------------------------------------------------------------- */
.ebib-hl { background: none; color: inherit; padding: 0 .12em; margin: 0 -.02em; border-radius: 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }

/* real-marker look: skewed gradient, slightly transparent so text stays crisp */
.ebib-hl--yellow, .ebib-hl--green, .ebib-hl--blue, .ebib-hl--pink, .ebib-hl--orange, .ebib-hl--purple {
	background-image: linear-gradient(100deg, transparent 0%, var(--hl) 4%, var(--hl) 96%, transparent 100%);
	background-size: 100% 88%; background-repeat: no-repeat; background-position: 0 60%;
}
.ebib-hl--yellow { --hl: rgba(255, 232, 74, .75); }
.ebib-hl--green  { --hl: rgba(160, 232, 120, .7); }
.ebib-hl--blue   { --hl: rgba(140, 204, 255, .7); }
.ebib-hl--pink   { --hl: rgba(255, 170, 205, .7); }
.ebib-hl--orange { --hl: rgba(255, 195, 120, .75); }
.ebib-hl--purple { --hl: rgba(206, 170, 255, .65); }
@media (prefers-color-scheme: dark) {
	body.cor-dark-auto .ebib-hl--yellow { --hl: rgba(255, 220, 60, .38); }
	body.cor-dark-auto .ebib-hl--green  { --hl: rgba(120, 220, 100, .35); }
	body.cor-dark-auto .ebib-hl--blue   { --hl: rgba(90, 170, 255, .38); }
	body.cor-dark-auto .ebib-hl--pink   { --hl: rgba(255, 120, 180, .35); }
	body.cor-dark-auto .ebib-hl--orange { --hl: rgba(255, 170, 70, .38); }
	body.cor-dark-auto .ebib-hl--purple { --hl: rgba(190, 140, 255, .38); }
}

/* brush underline */
.ebib-hl--underline {
	background-image: linear-gradient(90deg, rgba(255, 214, 0, .95), rgba(255, 170, 0, .95));
	background-repeat: no-repeat; background-size: 100% .38em; background-position: 0 92%;
	padding-bottom: .05em;
}
.ebib-hl--underline-blue { background-image: linear-gradient(90deg, rgba(3, 154, 255, .8), rgba(120, 200, 255, .8)); background-repeat: no-repeat; background-size: 100% .38em; background-position: 0 92%; }

/* boxed */
.ebib-hl--box { padding: .05em .3em; border: 1.5px solid var(--ebib-accent); border-radius: 4px; }

/* hand-drawn circle */
.ebib-hl--circle { position: relative; padding: .05em .35em; }
.ebib-hl--circle::before {
	content: ""; position: absolute; inset: -.3em -.45em -.25em -.4em; border: 2px solid #e5473e; border-radius: 50% 45% 55% 40% / 60% 50% 45% 55%;
	transform: rotate(-2deg); pointer-events: none;
}

/* glow */
.ebib-hl--glow { color: var(--ebib-ink); text-shadow: 0 0 6px rgba(255, 214, 0, .9), 0 0 14px rgba(255, 214, 0, .55); font-weight: 600; }

/* gradient text */
.ebib-hl--gradient { background: linear-gradient(90deg, #0a8fe0, #6f9a10); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: 700; }

/* key term: small caps + dotted underline */
.ebib-hl--term { font-variant: small-caps; letter-spacing: .04em; font-weight: 600; border-bottom: 2px dotted var(--ebib-accent); color: var(--ebib-ink); }

/* reveal (hidden until hover / tap) — great for "answer" text */
.ebib-hl--reveal { background: var(--ebib-ink); color: var(--ebib-ink); border-radius: 3px; padding: 0 .3em; cursor: pointer; transition: background .2s ease, color .2s ease; }
.ebib-hl--reveal:hover, .ebib-hl--reveal:focus, .ebib-hl--reveal.is-revealed { background: rgba(255, 232, 74, .75); color: inherit; }

/* strike marker */
.ebib-hl--strike { background-image: linear-gradient(90deg, rgba(229, 71, 62, .85), rgba(229, 71, 62, .85)); background-repeat: no-repeat; background-size: 100% .18em; background-position: 0 55%; }

/* LORD small caps */
.ebib-sc { font-variant: small-caps; letter-spacing: .03em; }

/* --------------------------------------------------------------------------
   3. Inline references, footnotes, tooltips
   -------------------------------------------------------------------------- */
a.ebib-ref {
	color: var(--ebib-accent); font-weight: 600; text-decoration: none; border-bottom: 1px dotted currentColor; white-space: nowrap;
}
a.ebib-ref:hover { border-bottom-style: solid; }
a.ebib-ref--egw { color: var(--ebib-egw); }

.ebib-chip { display: inline-flex; align-items: center; gap: .3em; padding: .05em .55em; border-radius: 999px; background: var(--ebib-accent-soft); color: var(--ebib-accent); font-size: .85em; font-weight: 600; text-decoration: none !important; white-space: nowrap; vertical-align: baseline; }
.ebib-chip--egw { background: var(--ebib-egw-soft); color: var(--ebib-egw); }

sup.ebib-fn { font-size: .7em; line-height: 0; vertical-align: super; margin-left: 1px; }
sup.ebib-fn a { display: inline-block; min-width: 1.4em; padding: 0 .3em; border-radius: 999px; background: var(--ebib-accent-soft); color: var(--ebib-accent); font-weight: 700; text-align: center; text-decoration: none; font-family: var(--ebib-sans); }
sup.ebib-fn a:hover { background: var(--ebib-accent); color: #fff; }
sup.ebib-fn:target a, .ebib-refs li:target { animation: ebib-flash 1.4s ease; }
@keyframes ebib-flash { 0% { box-shadow: 0 0 0 4px rgba(255, 232, 74, .9); } 100% { box-shadow: 0 0 0 0 rgba(255, 232, 74, 0); } }

.ebib-tip { border-bottom: 2px dotted var(--ebib-accent); cursor: help; }

/* popover (frontend JS) */
.ebib-popover {
	position: absolute; z-index: 9999; max-width: min(360px, 90vw); padding: 12px 14px; border-radius: var(--ebib-radius); background: var(--ebib-bg); color: var(--ebib-text);
	border: 1px solid var(--ebib-line); box-shadow: var(--cor-shadow-lg, 0 10px 40px -12px rgba(20,30,40,.3)); font-family: var(--ebib-sans); font-size: .9rem; line-height: 1.5;
	opacity: 0; transform: translateY(4px); transition: opacity .15s ease, transform .15s ease; pointer-events: none;
}
.ebib-popover.is-open { opacity: 1; transform: none; pointer-events: auto; }
.ebib-popover__head { font-weight: 700; color: var(--ebib-accent); margin-bottom: 4px; font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; }
.ebib-popover__body { font-family: var(--ebib-serif); }
.ebib-popover__body p { margin: 0 0 .5em; }
.ebib-popover__foot { margin-top: 8px; font-size: .78rem; color: var(--ebib-muted); }
.ebib-popover__foot a { color: var(--ebib-accent); }
.ebib-popover--egw .ebib-popover__head { color: var(--ebib-egw); }

/* --------------------------------------------------------------------------
   4. References list & scripture index
   -------------------------------------------------------------------------- */
.ebib-refs { margin: 2.5em 0 1.5em; padding: 1.4em 1.6em; border: 1px solid var(--ebib-line); border-radius: var(--ebib-radius); background: var(--ebib-surface); font-size: .92rem; }
.ebib-refs__title { margin: 0 0 .8em; font-size: 1rem; text-transform: uppercase; letter-spacing: .08em; color: var(--ebib-muted); display: flex; align-items: center; gap: .5em; }
.ebib-refs__title::after { content: ""; flex: 1; height: 1px; background: var(--ebib-line); }
.ebib-refs ol, .ebib-refs ul { margin: 0; padding-left: 1.6em; }
.ebib-refs li { margin-bottom: .45em; padding-left: .2em; }
.ebib-refs li::marker { color: var(--ebib-accent); font-weight: 700; }
.ebib-refs .ebib-backref { margin-left: .4em; font-size: .8em; text-decoration: none; color: var(--ebib-muted); }
.ebib-refs .ebib-backref:hover { color: var(--ebib-accent); }
.ebib-refs.is-style-compact { padding: 0; border: 0; background: none; font-size: .85rem; }
.ebib-refs.is-style-compact .ebib-refs__title { font-size: .85rem; }
.ebib-refs.is-style-columns ol, .ebib-refs.is-style-columns ul { columns: 2; column-gap: 2em; }
@media (max-width: 600px) { .ebib-refs.is-style-columns ol, .ebib-refs.is-style-columns ul { columns: 1; } }
.ebib-refs__manual + .ebib-refs__auto { margin-top: 1em; padding-top: 1em; border-top: 1px dashed var(--ebib-line); }
.ebib-refs__sub { margin: 0 0 .5em; font-size: .8rem; font-weight: 700; color: var(--ebib-muted); }

.ebib-index { margin: 2.5em 0 1.5em; padding: 1.4em 1.6em; border: 1px solid var(--ebib-line); border-radius: var(--ebib-radius); font-size: .92rem; }
.ebib-index__title { margin: 0 0 .8em; font-size: 1rem; text-transform: uppercase; letter-spacing: .08em; color: var(--ebib-muted); }
.ebib-index__group { margin: 0 0 .8em; }
.ebib-index__book { font-weight: 700; color: var(--ebib-ink); margin-right: .5em; }
.ebib-index__refs { display: inline-flex; flex-wrap: wrap; gap: 4px 6px; }
.ebib-index__refs a { padding: 1px 8px; border-radius: 999px; background: var(--ebib-accent-soft); color: var(--ebib-accent); font-size: .85em; font-weight: 600; text-decoration: none; }
.ebib-index__refs a:hover { background: var(--ebib-accent); color: #fff; }
.ebib-index__refs a.is-egw { background: var(--ebib-egw-soft); color: var(--ebib-egw); }
.ebib-index__refs a.is-egw:hover { background: var(--ebib-egw); color: #fff; }

/* --------------------------------------------------------------------------
   5. Callouts (ebib/callout)
   -------------------------------------------------------------------------- */
.ebib-callout { --co: var(--ebib-accent); --co-soft: var(--ebib-accent-soft); margin: 1.8em 0; padding: 1.1em 1.3em 1.1em 1.4em; border-left: 4px solid var(--co); border-radius: var(--ebib-radius); background: var(--co-soft); display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .3em .9em; }
.ebib-callout--key { --co: #6f9a10; --co-soft: #f1f8df; }
.ebib-callout--question { --co: #7c3aed; --co-soft: #f3ecff; }
.ebib-callout--warning { --co: #d9534f; --co-soft: #fdecec; }
.ebib-callout--tip { --co: #d98d00; --co-soft: #fff5e0; }
.ebib-callout--study { --co: #0f766e; --co-soft: #e6f7f5; }
.ebib-callout--sop { --co: var(--ebib-egw); --co-soft: var(--ebib-egw-soft); }
@media (prefers-color-scheme: dark) {
	body.cor-dark-auto .ebib-callout { --co-soft: color-mix(in srgb, var(--co) 14%, var(--ebib-bg)); }
}
.ebib-callout__icon { width: 22px; height: 22px; color: var(--co); grid-row: 1 / span 2; margin-top: .1em; }
.ebib-callout__icon svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ebib-callout__title { margin: 0; font-family: var(--ebib-sans); font-size: .8rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: var(--co); }
.ebib-callout__body { grid-column: 2; font-size: .98em; }
.ebib-callout__body > *:last-child { margin-bottom: 0; }
.ebib-callout.no-icon { grid-template-columns: minmax(0, 1fr); }
.ebib-callout.no-icon .ebib-callout__body { grid-column: 1; }

/* --------------------------------------------------------------------------
   6. Tables — modern default plus block styles for core/table
   -------------------------------------------------------------------------- */
.entry-content table, .wp-block-table table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: .95em; line-height: 1.5; margin: 0; }
.entry-content table th, .entry-content table td, .wp-block-table th, .wp-block-table td { padding: .75em 1em; border: 0; border-bottom: 1px solid var(--ebib-line); text-align: left; vertical-align: top; }
.entry-content table thead th, .wp-block-table thead th { font-family: var(--ebib-sans); font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--ebib-muted); border-bottom: 2px solid var(--ebib-line); background: var(--ebib-surface); }
.entry-content table tbody tr:last-child td, .wp-block-table tbody tr:last-child td { border-bottom: 0; }
.entry-content table tbody tr:hover td, .wp-block-table tbody tr:hover td { background: color-mix(in srgb, var(--ebib-accent) 5%, transparent); }
.entry-content table tfoot td, .wp-block-table tfoot td { font-weight: 600; background: var(--ebib-surface); border-top: 2px solid var(--ebib-line); }
.wp-block-table { margin: 1.8em 0; overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--ebib-line); border-radius: var(--ebib-radius); }
.wp-block-table > table { border: 0; }
.wp-block-table figcaption { padding: .6em 1em; font-size: .85rem; color: var(--ebib-muted); text-align: left; border-top: 1px solid var(--ebib-line); }
.wp-block-table.aligncenter, .wp-block-table.alignleft, .wp-block-table.alignright { width: auto; }

/* Style: striped */
.wp-block-table.is-style-stripes { border-bottom: 0; }
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) td { background: var(--ebib-surface); }
.wp-block-table.is-style-stripes tbody tr:hover td { background: color-mix(in srgb, var(--ebib-accent) 8%, transparent); }

/* Style: comparison — first column is a bold label column */
.wp-block-table.is-style-comparison td:first-child, .wp-block-table.is-style-comparison th:first-child { font-weight: 700; color: var(--ebib-ink); background: var(--ebib-surface); border-right: 1px solid var(--ebib-line); width: 28%; }
.wp-block-table.is-style-comparison thead th { text-align: center; background: var(--ebib-accent-soft); color: var(--ebib-accent); }
.wp-block-table.is-style-comparison thead th:first-child { background: var(--ebib-surface); color: var(--ebib-muted); text-align: left; }
.wp-block-table.is-style-comparison td:not(:first-child) { border-right: 1px solid var(--ebib-line); }
.wp-block-table.is-style-comparison td:last-child { border-right: 0; }

/* Style: minimal — no borders or box */
.wp-block-table.is-style-minimal { border: 0; border-radius: 0; }
.wp-block-table.is-style-minimal thead th { background: none; }
.wp-block-table.is-style-minimal tbody tr:hover td { background: none; }

/* Style: verse — for verse-by-verse / parallel passage tables */
.wp-block-table.is-style-verse table { font-family: var(--ebib-serif); font-size: 1em; }
.wp-block-table.is-style-verse thead th { font-family: var(--ebib-sans); background: var(--ebib-accent-soft); color: var(--ebib-accent); }
.wp-block-table.is-style-verse td { padding: 1em 1.2em; }
.wp-block-table.is-style-verse td:not(:last-child) { border-right: 1px solid var(--ebib-line); }

/* Style: cards — each row becomes a card on phones */
@media (max-width: 640px) {
	.wp-block-table.is-style-cards { border: 0; overflow: visible; }
	.wp-block-table.is-style-cards thead { display: none; }
	.wp-block-table.is-style-cards tr { display: block; margin-bottom: 12px; border: 1px solid var(--ebib-line); border-radius: var(--ebib-radius); overflow: hidden; }
	.wp-block-table.is-style-cards td { display: grid; grid-template-columns: 38% 1fr; gap: 8px; border-bottom: 1px solid var(--ebib-line); }
	.wp-block-table.is-style-cards td::before { content: attr(data-label); font-family: var(--ebib-sans); font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--ebib-muted); }
}

/* --------------------------------------------------------------------------
   7. Utilities for raw HTML in posts
   -------------------------------------------------------------------------- */
.ebib-two-col { columns: 2; column-gap: 2.5em; }
@media (max-width: 640px) { .ebib-two-col { columns: 1; } }
.ebib-center { text-align: center; }
.ebib-small { font-size: .85em; color: var(--ebib-muted); }
.ebib-lead { font-size: 1.18em; line-height: 1.6; color: var(--ebib-ink); }
.ebib-dropcap::first-letter { float: left; font-family: var(--ebib-serif); font-size: 3.6em; line-height: .8; padding: .1em .12em 0 0; color: var(--ebib-accent); font-weight: 700; }
.ebib-divider { display: flex; align-items: center; gap: 1em; margin: 2.5em 0; color: var(--ebib-muted); font-size: .8rem; text-transform: uppercase; letter-spacing: .12em; }
.ebib-divider::before, .ebib-divider::after { content: ""; flex: 1; height: 1px; background: var(--ebib-line); }