.eb-category-checks { list-style:none; max-height:230px; overflow:auto; margin:0; padding:.5rem; }
.eb-category-checks li { display:flex; gap:.6rem; padding:.4rem; align-items:center; }
.eb-media-tabs { display:flex; flex-wrap:wrap; gap:.6rem; margin:1rem 0; }
.eb-media-tabs button { border:1px solid var(--eb-border,#ccd); background:transparent; padding:.6rem 1rem; border-radius:10px; cursor:pointer; }
.eb-media-tabs button[aria-pressed=true] { background:var(--eb-brand,#235f86); color:white; }
.eb-media-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:1rem; }
.eb-media-drop { display:grid; gap:.6rem; text-align:center; padding:2.5rem 1rem; border:2px dashed var(--eb-brand,#235f86); border-radius:15px; background:var(--eb-canvas,#eff5fa); cursor:pointer; margin-block:1rem; }
.eb-media-drop.is-dragging,.eb-media-drop:focus-visible { outline:3px solid var(--eb-brand,#235f86); background:#dcefff; }
.eb-media-asset,.eb-faq-editor { display:grid; gap:.7rem; border:1px solid var(--eb-border,#ccd); border-radius:12px; padding:1rem; margin:.7rem 0; min-width:0; }
.eb-media-asset img { max-height:140px; object-fit:contain; width:100%; }
.eb-media-asset[data-hero=true] { outline:3px solid var(--eb-brand,#235f86); }
/* 3.0 breadcrumb. Markup uses the skin's classes (.ew-bc*): MRKeliawebModern 2.26.14+ sends its chosen breadcrumb style and it wins.
   These rules have zero specificity (:where), so any skin rule beats them; without one they draw the trail with the theme's
   colours (--ew-*, then the module's) and the page font. No layout reads, no script. */
:where(.eb-breadcrumb){display:flex;min-width:0;margin-block:0 1.5rem;font-family:inherit;font-size:.875rem;line-height:1.5;color:color-mix(in srgb,var(--ew-text,var(--eb-text,#243431)) 72%,transparent)}
:where(.eb-breadcrumb .ew-bc-ol){display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;max-width:100%;margin:0;padding:0;list-style:none}
/* 3.11.0: DNN default.css gives every ol a 1.5rem start padding, which beat the :where() rule above and pushed the crumb 24px in.
   Specificity (0,0,3): above "ol,ul" (0,0,2), still below the skin crumb styles (.ew-bc-ol, 0,1,0). */
html body :where(.eb-breadcrumb) ol:where(.ew-bc-ol){padding-inline-start:0}
:where(.eb-breadcrumb .ew-bc-li){display:inline-flex;align-items:center;gap:6px;min-width:0;margin:0;padding:0}
:where(.eb-breadcrumb .ew-bc-li)::marker{content:none}
:where(.eb-breadcrumb .ew-bc-i){display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 6px;border-radius:calc(var(--ew-radius,10px) * .6);color:inherit;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,color .2s ease}
:where(.eb-breadcrumb a.ew-bc-i:hover){color:var(--ew-brand,var(--eb-brand-text,var(--eb-brand,#235f86)));background:color-mix(in srgb,var(--ew-brand,var(--eb-brand,#235f86)) 10%,transparent)}
:where(.eb-breadcrumb a.ew-bc-i:focus-visible){outline:2px solid var(--ew-brand,var(--eb-brand,#235f86));outline-offset:2px}
:where(.eb-breadcrumb .ew-bc-now){display:block;max-width:min(60vw,320px);overflow:hidden;text-overflow:ellipsis;color:var(--ew-text,var(--eb-text,#243431));font-weight:700}
:where(.eb-breadcrumb .ew-bc-ico){flex:none;width:16px;height:16px}
:where(.eb-breadcrumb .ew-bc-sep){flex:none;display:inline-block;width:13px;height:13px;background:currentColor;opacity:.5;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
:where([dir=rtl] .eb-breadcrumb .ew-bc-sep,.eb-breadcrumb[dir=rtl] .ew-bc-sep,[dir=rtl].eb-breadcrumb .ew-bc-sep){transform:scaleX(-1)}
:where(.eb-breadcrumb .ew-bc-more){display:none}
@media print{.eb-breadcrumb{display:none}}
.eb-category-intro { padding:clamp(1rem,3vw,2rem); border-radius:18px; background:var(--eb-canvas,#f0f5f8); border:1px solid var(--eb-border,#ccd); margin-block:1.5rem; }
.eb-faq[data-theme=cards] .eb-faq__item { border:1px solid var(--eb-border,#ccd); border-radius:12px; padding:1rem; box-shadow:0 8px 24px #1231; margin:1rem 0; }
.eb-faq[data-theme=minimal] .eb-faq__item { border:0; border-bottom:1px solid var(--eb-border,#ccd); border-radius:0; }
.eb-rating { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; }
.eb-rating button { cursor:pointer; border:1px solid var(--eb-border,#ccd); border-radius:9px; padding:.35rem .7rem; background:transparent; color:inherit; }
.eb-rating[data-mode=stars] button { color:#a56c00; font-size:1.5rem; }
.eb-rating .is-recorded { background:var(--eb-brand,#235f86); color:white; }
.eb-comment-thread { border-inline-start:2px solid var(--eb-border,#ccd); padding-inline-start:1rem; margin-inline-start:min(5vw,2rem); }
.eb-public-comment { scroll-margin-top:100px; }
.eb-comment-actions { display:flex; flex-wrap:wrap; gap:.7rem; align-items:center; }
.eb-poll[data-poll-theme=cards] .eb-poll__options li { border:1px solid var(--eb-border,#ccd); border-radius:12px; padding:1rem; margin:.5rem 0; }
.eb-poll[data-poll-theme=minimal] { border:0; box-shadow:none; }
.eb-poll[data-poll-theme=contrast] { background:#152f40; color:#fff; }
.eb-poll[data-poll-theme=contrast] h2,.eb-poll[data-poll-theme=contrast] label { color:#fff; }
.eb-poll .eb-poll__options { list-style:none; padding:0; }
.eb-poll .eb-poll__options label { margin-inline-start:.7rem; cursor:pointer; }
.eb-comment-email { overflow-wrap:anywhere; }
.eb-public-comment img { max-width:100%; height:auto; }
@media(max-width:600px) { .eb-comment-thread { margin-inline-start:0; padding-inline-start:.5rem; } }

/* 2.7 per-article SEO check */
.eb-seo-check{margin-top:1rem;padding:1rem;border:1px solid var(--eb-border,#d9dee5);border-radius:var(--eb-radius,10px);display:grid;gap:.6rem}
.eb-seo-check h3{margin:0;font-size:1rem}
.eb-seo-score{margin:0}
.eb-seo-issues{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.eb-seo-issues li{display:flex;gap:.5rem;align-items:flex-start;line-height:1.6}