/* MRKeliawebModernBlog 1.9 — responsive, RTL/LTR and scoped to the module. */
.eb-module,
.eb-admin,
.eb-editor,
.eb-widget {
  /* Theme priority (1.13): MRKeliawebModern --ew-* tokens, then Bootstrap 5 skins such as
     DNN Go (--bs-*), then DNN 10 site CSS variables (--dnn-color-*), then module defaults.
     Fonts are never set here: the module inherits the active skin's font unless an
     administrator picks one of the module's own fonts (data-eb-font, fonts.css). */
  --eb-brand: var(--ew-brand, var(--bs-primary, var(--dnn-color-primary, #006f69)));
  --eb-brand-strong: color-mix(in srgb, var(--eb-brand) 78%, #001b1a);
  /* 3.11.0: the skin can give the blog its own accent (Atelier uses the brand colour; copper stays for alerts). */
  --eb-accent: var(--ew-blog-accent, var(--ew-accent, var(--bs-warning, var(--dnn-color-secondary, #ff4d35))));
  --eb-surface: var(--ew-surface, var(--bs-body-bg, var(--dnn-color-background, #fff)));
  --eb-canvas: var(--ew-canvas, var(--bs-tertiary-bg, color-mix(in srgb, var(--eb-surface) 94%, var(--eb-brand))));
  --eb-text: var(--ew-text, var(--bs-body-color, var(--dnn-color-foreground, #17212b)));
  --eb-muted: var(--ew-muted, color-mix(in srgb, var(--eb-text) 80%, var(--eb-surface)));
  /* Readable brand colour for small text and links (WCAG AA), even when the theme brand is light. */
  --eb-brand-text: var(--ew-link, color-mix(in srgb, var(--eb-brand) 58%, var(--eb-text)));
  /* Button fill: the theme button colour when the skin defines one, otherwise a darkened brand so white text stays readable. */
  --eb-button-bg: var(--ew-btn-bg, color-mix(in srgb, var(--eb-brand) 72%, #000));
  --eb-button-fg: var(--ew-btn-colour, #fff);
  --eb-border: color-mix(in srgb, var(--eb-text) 14%, transparent);
  --eb-radius: var(--ew-radius, var(--bs-border-radius-lg, var(--dnn-controls-radius, 20px)));
  --eb-radius-sm: calc(var(--eb-radius) * .6);
  --eb-shadow: 0 18px 55px rgba(14, 28, 38, .09);

  color: var(--eb-text);
  box-sizing: border-box;
  font-family: inherit;
  font-size: 1rem;
  inline-size: 100%;
  line-height: 1.65;
  margin-inline: auto;
  max-inline-size: min(1680px, 100%);
  min-inline-size: 0;
  container-type: inline-size;
  overflow-wrap: break-word;
}
.eb-module[dir="rtl"], .eb-admin[dir="rtl"], .eb-editor[dir="rtl"], .eb-widget[dir="rtl"] { font-family: inherit; }
.eb-module *, .eb-admin *, .eb-editor *, .eb-widget * { box-sizing: border-box; }
.eb-module :where(img,svg,video,canvas,iframe), .eb-admin :where(img,svg,video,canvas,iframe), .eb-editor :where(img,svg,video,canvas,iframe), .eb-widget :where(img,svg,video,canvas,iframe) { max-inline-size: 100%; }
.eb-module :where(input,select,textarea,button), .eb-admin :where(input,select,textarea,button), .eb-editor :where(input,select,textarea,button), .eb-widget :where(input,select,textarea,button) { max-inline-size: 100%; min-inline-size: 0; }
.eb-module a, .eb-admin a, .eb-editor a, .eb-widget a { color: inherit; text-decoration: none; }
.eb-module :focus-visible, .eb-admin :focus-visible, .eb-editor :focus-visible, .eb-widget :focus-visible { outline: 3px solid color-mix(in srgb, var(--eb-accent) 55%, transparent); outline-offset: 3px; }
.eb-sr-only { block-size: 1px; inline-size: 1px; overflow: hidden; position: absolute; clip: rect(0 0 0 0); white-space: nowrap; }

.eb-toolbar { display: flex; flex-wrap: wrap; gap: .65rem; justify-content: flex-end; margin-block-end: 1rem; }
.eb-button { appearance: none; align-items: center; border: 1px solid transparent; border-radius: 12px; cursor: pointer; display: inline-flex; font-weight: 700; font-size: .92rem; line-height: 1; font-family: inherit; justify-content: center; min-block-size: 44px; padding: .75rem 1.05rem; transition: transform .18s var(--eb-ease, cubic-bezier(.23,1,.32,1)), box-shadow .18s ease, background .18s ease; }
[dir="rtl"] .eb-button { font-family: inherit; }
@media (hover: hover) and (pointer: fine) { .eb-button:hover { transform: translateY(-1px); } }
.eb-button--primary { background: var(--eb-brand); box-shadow: 0 9px 24px color-mix(in srgb, var(--eb-brand) 24%, transparent); color: #fff; }
.eb-button--primary:hover { background: var(--eb-brand-strong); color: #fff; }
.eb-button--secondary { background: var(--eb-surface); border-color: var(--eb-border); color: var(--eb-text); }
.eb-button--ghost { background: transparent; color: var(--eb-muted); }

.eb-section-heading { align-items: flex-end; display: flex; flex-wrap: wrap; gap: .75rem; justify-content: space-between; margin-block-end: clamp(1.25rem, 3vw, 2.25rem); }
.eb-eyebrow { color: var(--eb-brand); display: block; font-size: .75rem; font-weight: 800; letter-spacing: .12em; margin-block-end: .3rem; text-transform: uppercase; }
[dir="rtl"] .eb-eyebrow { letter-spacing: 0; }
.eb-section-title, .eb-admin h1, .eb-editor h1 { font-size: clamp(1.75rem, 4vw, 3.35rem); letter-spacing: -.045em; line-height: 1.06; margin: 0; }
[dir="rtl"] .eb-section-title, [dir="rtl"].eb-admin h1, [dir="rtl"].eb-editor h1 { letter-spacing: -.02em; }

.eb-grid { display: grid; gap: clamp(1rem, 2.2vw, 1.75rem); grid-template-columns: repeat(12, minmax(0, 1fr)); }
.eb-card { background: var(--eb-surface); border: 1px solid var(--eb-border); border-radius: var(--eb-radius); display: flex; flex-direction: column; grid-column: span 4; min-inline-size: 0; overflow: hidden; transition: box-shadow .25s ease, transform .25s var(--eb-ease, cubic-bezier(.23,1,.32,1)); }
.eb-card { content-visibility: auto; contain-intrinsic-size: 420px; }
@media (hover: hover) and (pointer: fine) { .eb-card:hover { box-shadow: var(--eb-shadow); transform: translateY(-4px); } }
.eb-card--featured { grid-column: span 8; grid-row: span 2; }
.eb-card__media { aspect-ratio: 16 / 10; background: linear-gradient(145deg, color-mix(in srgb, var(--eb-brand) 12%, var(--eb-canvas)), var(--eb-canvas)); display: block; overflow: hidden; position: relative; }
.eb-card--featured .eb-card__media { aspect-ratio: 16 / 9; }
.eb-card__media img { block-size: 100%; display: block; inline-size: 100%; object-fit: cover; transition: transform .4s cubic-bezier(.23,1,.32,1); }
@media (hover: hover) and (pointer: fine) { .eb-card:hover .eb-card__media img { transform: scale(1.035); } }
.eb-card__placeholder { background: radial-gradient(circle at 20% 30%, color-mix(in srgb, var(--eb-accent) 20%, transparent), transparent 35%), linear-gradient(135deg, color-mix(in srgb, var(--eb-brand) 16%, var(--eb-canvas)), var(--eb-canvas)); inset: 0; position: absolute; z-index: -1; }
.eb-card__content { display: flex; flex: 1; flex-direction: column; padding: clamp(1rem, 2.4vw, 1.5rem); }
.eb-card__date, .eb-article__date { color: var(--eb-muted); font-size: .78rem; font-weight: 650; }
.eb-card__title { font-size: clamp(1.1rem, 2vw, 1.45rem); letter-spacing: -.025em; line-height: 1.28; margin: .55rem 0 .5rem; }
.eb-card__title a:hover { color: var(--eb-brand); }
.eb-card--featured .eb-card__title { font-size: clamp(1.45rem, 3vw, 2.3rem); }
.eb-card__excerpt { color: var(--eb-muted); display: -webkit-box; font-size: .92rem; margin: 0 0 1rem; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.eb-card__read { color: var(--eb-brand); font-size: .86rem; font-weight: 800; margin-block-start: auto; }
[dir="ltr"] .eb-card__read span { display: inline-block; transform: scaleX(-1); }

[data-eb-template="magazine"] .eb-card { grid-column: span 3; }
[data-eb-template="magazine"] .eb-card--featured { grid-column: span 6; }
[data-eb-template="minimal"] .eb-grid { display: block; }
[data-eb-template="minimal"] .eb-card { border: 0; border-block-end: 1px solid var(--eb-border); border-radius: 0; display: grid; gap: 1.25rem; grid-template-columns: minmax(160px, 26%) 1fr; margin: 0; padding-block: 1.15rem; }
[data-eb-template="minimal"] .eb-card:hover { box-shadow: none; transform: none; }
[data-eb-template="minimal"] .eb-card__media { border-radius: var(--eb-radius-sm); }
[data-eb-template="minimal"] .eb-card__content { padding: .25rem 0; }
[data-eb-template="spotlight"] .eb-card:first-child { color: #fff; grid-column: span 12; min-block-size: clamp(430px, 62vw, 720px); position: relative; }
[data-eb-template="spotlight"] .eb-card:first-child .eb-card__media { inset: 0; position: absolute; }
[data-eb-template="spotlight"] .eb-card:first-child .eb-card__media::after { background: linear-gradient(0deg, rgba(3,15,24,.9), rgba(3,15,24,.08) 70%); content: ""; inset: 0; position: absolute; }
[data-eb-template="spotlight"] .eb-card:first-child .eb-card__content { justify-content: flex-end; max-inline-size: 820px; padding: clamp(1.4rem, 5vw, 4rem); position: relative; z-index: 1; }
[data-eb-template="spotlight"] .eb-card:first-child :where(.eb-card__date,.eb-card__excerpt,.eb-card__read) { color: rgba(255,255,255,.82); }
[data-eb-template="spotlight"] .eb-card:first-child .eb-card__title { font-size: clamp(2rem, 6vw, 4.8rem); line-height: 1; }
[data-eb-template="timeline"] .eb-grid { display: block; margin-inline-start: 1rem; }
[data-eb-template="timeline"] .eb-card { border: 0; border-inline-start: 2px solid var(--eb-border); border-radius: 0; display: grid; gap: 1.25rem; grid-template-columns: minmax(140px, 24%) minmax(0, 1fr); overflow: visible; padding: 0 0 2rem 1.5rem; position: relative; }
[dir="rtl"][data-eb-template="timeline"] .eb-card { padding: 0 1.5rem 2rem 0; }
[data-eb-template="timeline"] .eb-card::before { background: var(--eb-brand); border: 4px solid var(--eb-surface); border-radius: 50%; content: ""; block-size: 16px; inline-size: 16px; inset-inline-start: -9px; inset-block-start: 1rem; position: absolute; }
[data-eb-template="timeline"] .eb-card:hover { box-shadow: none; transform: none; }
[data-eb-template="timeline"] .eb-card__media { border-radius: var(--eb-radius-sm); }

.eb-empty { background: linear-gradient(140deg, color-mix(in srgb, var(--eb-brand) 8%, var(--eb-surface)), var(--eb-surface)); border: 1px dashed color-mix(in srgb, var(--eb-brand) 32%, transparent); border-radius: var(--eb-radius); padding: clamp(2rem, 7vw, 5rem); text-align: center; }
.eb-empty__icon { color: var(--eb-brand); display: block; font-size: 2rem; }
.eb-empty h3 { font-size: 1.35rem; margin: .65rem 0 .25rem; }
.eb-empty p { color: var(--eb-muted); margin: 0; }
.eb-empty--compact { padding: 1.25rem; }

.eb-article { margin-inline: auto; max-inline-size: 1080px; }
.eb-article__header { margin-inline: auto; max-inline-size: 860px; text-align: center; }
.eb-article__header h1 { font-size: clamp(1.75rem, 6vw, 5rem); letter-spacing: -.055em; line-height: 1.04; margin: .4rem 0 1.2rem; overflow-wrap: anywhere; text-wrap: balance; }
[dir="rtl"] .eb-article__header h1 { letter-spacing: -.025em; }
.eb-article__excerpt { color: var(--eb-muted); font-size: clamp(1.05rem, 2vw, 1.32rem); margin: 0 auto 1rem; max-inline-size: 720px; }
.eb-article__hero { border-radius: var(--eb-radius); margin: clamp(2rem, 5vw, 4.5rem) 0; overflow: hidden; }
.eb-article__hero img { aspect-ratio: 16 / 9; block-size: auto; display: block; inline-size: 100%; object-fit: cover; }
.eb-prose { font-size: 1.06rem; margin-inline: auto; max-inline-size: 760px; overflow-wrap: anywhere; }
.eb-prose :where(h2,h3,h4) { line-height: 1.25; margin-block: 2em .65em; }
.eb-prose h2 { font-size: 1.75rem; }
.eb-prose img { block-size: auto; border-radius: var(--eb-radius-sm); max-inline-size: 100%; }
.eb-prose :where(video,iframe) { aspect-ratio: 16 / 9; block-size: auto; inline-size: 100%; }
.eb-prose pre { max-inline-size: 100%; overflow: auto; padding: 1rem; white-space: pre; }
.eb-prose table { border-collapse: collapse; display: block; max-inline-size: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.eb-prose a { color: var(--eb-brand); text-decoration: underline; text-underline-offset: .18em; }
.eb-prose blockquote { border-inline-start: 4px solid var(--eb-accent); color: var(--eb-muted); margin-inline: 0; padding-inline-start: 1.25rem; }
.eb-faq { margin: 4rem auto 0; max-inline-size: 760px; }
.eb-faq h2 { font-size: 1.75rem; }
.eb-faq__item { border-block-end: 1px solid var(--eb-border); padding-block: .2rem; }
.eb-faq__item summary { cursor: pointer; font-weight: 800; padding-block: 1.1rem; }

.eb-admin, .eb-editor { background: var(--eb-canvas); border: 1px solid var(--eb-border); border-radius: var(--eb-radius); padding: clamp(1rem, 3vw, 2.25rem); }
.eb-admin__header { align-items: center; display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between; margin-block-end: 2rem; min-inline-size: 0; }
.eb-admin__header > div { min-inline-size: 0; }
.eb-admin-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.eb-admin-card { background: var(--eb-surface); border: 1px solid var(--eb-border); border-radius: var(--eb-radius-sm); display: grid; gap: .25rem; min-block-size: 148px; padding: 1.25rem; transition: border-color .2s ease, box-shadow .2s ease, transform .2s var(--eb-ease, cubic-bezier(.23,1,.32,1)); }
@media (hover: hover) and (pointer: fine) { .eb-admin-card:hover { border-color: color-mix(in srgb, var(--eb-brand) 45%, transparent); box-shadow: var(--eb-shadow); transform: translateY(-3px); } }
.eb-admin-card--accent { background: linear-gradient(145deg, var(--eb-brand), var(--eb-brand-strong)); color: #fff; }
.eb-admin-card__icon { align-items: center; background: color-mix(in srgb, var(--eb-brand) 11%, var(--eb-surface)); border-radius: 12px; color: var(--eb-brand); display: inline-flex; font-size: 1.35rem; block-size: 42px; inline-size: 42px; justify-content: center; margin-block-end: .65rem; }
.eb-admin-card--accent .eb-admin-card__icon { background: rgba(255,255,255,.14); color: #fff; }
.eb-admin-card strong { font-size: 1.05rem; }
.eb-admin-card small { color: var(--eb-muted); }
.eb-admin-card--accent small { color: rgba(255,255,255,.75); }
.eb-admin-panel { background: var(--eb-surface); border: 1px solid var(--eb-border); border-radius: var(--eb-radius); margin-block-start: 1.5rem; padding: clamp(1rem, 3vw, 1.75rem); }
.eb-admin-panel__heading, .eb-form-card__heading { align-items: center; display: flex; flex-wrap: wrap; gap: .75rem; justify-content: space-between; margin-block-end: 1rem; }
.eb-admin-panel h2, .eb-form-card h2 { font-size: 1.35rem; margin: 0; }
.eb-table-wrap { border-radius: 10px; max-inline-size: 100%; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-gutter: stable; -webkit-overflow-scrolling: touch; }
.eb-table { border-collapse: collapse; inline-size: 100%; min-inline-size: 620px; }
.eb-table th, .eb-table td { border-block-end: 1px solid var(--eb-border); padding: .9rem .75rem; text-align: start; }
.eb-table td { max-inline-size: 420px; overflow-wrap: anywhere; vertical-align: top; }
.eb-table th { color: var(--eb-muted); font-size: .74rem; letter-spacing: .07em; text-transform: uppercase; }
.eb-status { background: var(--eb-canvas); border-radius: 999px; display: inline-flex; font-size: .74rem; font-weight: 750; padding: .3rem .65rem; }
.eb-status--published { background: #e1f7ef; color: #116b49; }
.eb-status--awaitingapproval { background: #fff3d5; color: #865d00; }
.eb-text-link { color: var(--eb-brand); font-weight: 750; }

.eb-editor-grid { align-items: start; display: grid; gap: 1.25rem; grid-template-columns: minmax(0, 1fr) minmax(280px, 340px); }
.eb-editor-grid--categories { grid-template-columns: minmax(0, 1fr) minmax(300px, 38%); }
.eb-editor-main { display: grid; gap: 1.25rem; min-inline-size: 0; }
.eb-form-card { background: var(--eb-surface); border: 1px solid var(--eb-border); border-radius: var(--eb-radius-sm); padding: clamp(1rem, 3vw, 1.6rem); }
.eb-form-card--sticky { position: sticky; top: 1rem; }
.eb-form-card hr { border: 0; border-block-start: 1px solid var(--eb-border); margin-block: 1.4rem; }
.eb-field { display: grid; gap: .4rem; margin-block-end: 1rem; }
.eb-field-row { display: grid; gap: 1rem; grid-template-columns: 1fr 1fr; }
.eb-field label, .eb-check label { font-size: .85rem; font-weight: 750; }
.eb-field small, .eb-hint { color: var(--eb-muted); font-size: .76rem; }
.eb-label-row, .eb-heading-help { align-items: center; display: flex; flex-wrap: wrap; gap: .45rem; min-inline-size: 0; }
.eb-label-row { justify-content: space-between; }
.eb-heading-help { justify-content: flex-start; }
.eb-admin-card-wrap { min-inline-size: 0; position: relative; }
.eb-admin-card-wrap .eb-admin-card { block-size: 100%; }
.eb-admin-card-wrap > .eb-help { inset-block-start: .8rem; inset-inline-end: .8rem; position: absolute; z-index: 4; }
.eb-help { display: inline-flex; flex: 0 0 auto; position: relative; vertical-align: middle; }
.eb-help__trigger { align-items: center; appearance: none; background: #ff7600; border: 0; border-radius: 50%; color: #17211f; cursor: help; display: inline-flex; font-weight: 900; font-size: .78rem; line-height: 1; font-family: inherit; block-size: 22px; inline-size: 22px; justify-content: center; padding: 0; transition: background .18s ease, box-shadow .18s ease, transform .18s var(--eb-ease, cubic-bezier(.23,1,.32,1)); }
.eb-help__trigger:hover, .eb-help__trigger:focus-visible, .eb-help.is-open .eb-help__trigger { background: #ff9b21; box-shadow: 0 0 0 4px rgba(255,118,0,.18); transform: translateY(-1px); }
.eb-help__popover { background: #17211f; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; box-shadow: 0 20px 55px rgba(0,0,0,.28); color: #f7faf9; display: block; font-family: inherit; inline-size: min(360px, calc(100vw - 32px)); inset-block-start: calc(100% + 10px); inset-inline-start: 50%; opacity: 0; padding: .65rem; pointer-events: none; position: absolute; text-align: start; transform: translate(-50%, -4px); transition: opacity .16s ease, transform .16s var(--eb-ease, cubic-bezier(.23,1,.32,1)), visibility .16s ease; visibility: hidden; z-index: 1000; }
[dir="rtl"] .eb-help__popover { transform: translate(50%, -4px); }
.eb-help.is-open .eb-help__popover { opacity: 1; pointer-events: auto; transform: translate(-50%, 0); visibility: visible; }
[dir="rtl"] .eb-help.is-open .eb-help__popover { transform: translate(50%, 0); }
.eb-help.is-flipped .eb-help__popover { inset-block-end: calc(100% + 10px); inset-block-start: auto; }
.eb-help.is-edge-start .eb-help__popover { inset-inline-start: 0; transform: none; }
.eb-help.is-edge-end .eb-help__popover { inset-inline-end: 0; inset-inline-start: auto; transform: none; }
.eb-help__section { display: block; padding: .45rem .35rem; }
.eb-help__section--fa { border-block-start: 1px solid rgba(255,255,255,.14); font-family: inherit; margin-block-start: .35rem; padding-block-start: .8rem; }
.eb-help__badge { background: rgba(255,255,255,.11); border-radius: 999px; color: #c8d1ce; display: inline-flex; font-size: .67rem; font-weight: 800; margin-inline-end: .45rem; padding: .18rem .42rem; }
.eb-help__section--fa .eb-help__badge { float: right; margin-inline-end: 0; margin-inline-start: .45rem; }
.eb-help__text { color: #f7faf9; font-size: .79rem; font-weight: 550; line-height: 1.65; }
.eb-input, .eb-select, .eb-textarea { background: var(--eb-surface); border: 1px solid var(--eb-border); border-radius: 11px; color: var(--eb-text); font-weight: 500; font-size: .95rem; line-height: 1.5; font-family: inherit; inline-size: 100%; max-inline-size: 100%; min-block-size: 46px; min-inline-size: 0; padding: .68rem .8rem; transition: border-color .18s ease, box-shadow .18s ease; }
[dir="rtl"] :where(.eb-input,.eb-select,.eb-textarea) { font-family: inherit; }
.eb-input:focus, .eb-select:focus, .eb-textarea:focus { border-color: var(--eb-brand); box-shadow: 0 0 0 4px color-mix(in srgb, var(--eb-brand) 12%, transparent); outline: 0; }
.eb-input--title { font-size: 1.28rem; font-weight: 750; }
.eb-input--small { max-inline-size: 140px; }
.eb-textarea { resize: vertical; }
.eb-textarea--editor { min-block-size: 440px; }
.eb-check { align-items: center; display: flex; gap: .5rem; margin-block: .8rem 1rem; }
.eb-actions { display: flex; flex-wrap: wrap; gap: .65rem; margin-block-start: 1rem; }
.eb-upload { align-items: center; background: color-mix(in srgb, var(--eb-brand) 5%, var(--eb-canvas)); border: 1px dashed color-mix(in srgb, var(--eb-brand) 40%, transparent); border-radius: 12px; display: grid; gap: .45rem; padding: 1rem; }
.eb-upload span { color: var(--eb-muted); font-size: .74rem; }
.eb-upload-preview { aspect-ratio: 16 / 10; border-radius: 12px; display: block; inline-size: 100%; margin-block-end: .75rem; object-fit: cover; }
.eb-score { align-items: center; background: var(--eb-canvas); border-radius: 999px; display: inline-flex; font-weight: 800; min-block-size: 42px; min-inline-size: 42px; justify-content: center; }
.eb-alert { border-radius: 12px; margin-block-end: 1rem; padding: .85rem 1rem; }
.eb-alert--error { background: #fff0f0; border: 1px solid #ffc9c9; color: #9c2525; }
.eb-alert--success { background: #e9f8f1; border: 1px solid #afe3cd; color: #136847; }
.eb-form-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.eb-form-grid > label { display: grid; gap: .4rem; }
.eb-form-grid > label > span, .eb-field-label { font-size: .85rem; font-weight: 750; }
.eb-field--wide { grid-column: 1 / -1; }
.eb-field-actions { align-items: end; display: flex; }
.eb-choice-list { display: flex; flex-wrap: wrap; gap: .7rem 1rem; padding-block: .65rem; }
.eb-choice-list input { margin-inline-end: .35rem; }
.eb-block { display: block; }
.eb-error { color: #b42318; }
.eb-social-post { background: var(--eb-canvas); border: 1px solid var(--eb-border); border-radius: var(--eb-radius-sm); margin-block-start: 1rem; padding: 1rem; }
.eb-social-post > header { align-items: flex-start; display: flex; gap: 1rem; justify-content: space-between; margin-block-end: 1rem; }
.eb-social-post > header small { color: #b42318; max-inline-size: 55%; }
.eb-field-error { color: #b42318; }
.eb-category-list { list-style: none; margin: 0; padding: 0; }
.eb-category-list li { align-items: center; border-block-end: 1px solid var(--eb-border); display: flex; justify-content: space-between; padding: .85rem .25rem; }
.eb-category-list small { color: var(--eb-muted); display: block; direction: ltr; }

.eb-settings-layout { align-items: start; display: grid; gap: 1.25rem; grid-template-columns: 220px minmax(0, 1fr); }
.eb-settings-nav { display: grid; gap: .3rem; position: sticky; top: 1rem; }
.eb-settings-nav a { border-radius: 10px; color: var(--eb-muted); font-size: .9rem; font-weight: 700; padding: .65rem .8rem; }
.eb-settings-nav a:hover { background: var(--eb-surface); color: var(--eb-brand); }
.eb-settings-main { display: grid; gap: 1rem; }
.eb-settings-main, .eb-editor-grid > *, .eb-form-grid > *, .eb-admin-grid > *, .eb-kpi-grid > * { min-inline-size: 0; }
.eb-template-picker { display: grid; gap: .6rem; }
.eb-template-picker label { background: var(--eb-canvas); border: 1px solid var(--eb-border); border-radius: 12px; cursor: pointer; display: inline-flex; margin-inline-start: .45rem; padding: .8rem; }

.eb-widget { background: var(--eb-surface); border: 1px solid var(--eb-border); border-radius: var(--eb-radius); box-shadow: 0 12px 38px rgba(14, 28, 38, .055); padding: clamp(1rem, 3vw, 1.6rem); }
.eb-widget__header { align-items: flex-end; display: flex; gap: 1rem; justify-content: space-between; margin-block-end: 1.2rem; }
.eb-widget__header h2 { font-size: clamp(1.3rem, 3vw, 1.85rem); letter-spacing: -.035em; line-height: 1.18; margin: 0; }
[dir="rtl"].eb-widget .eb-widget__header h2 { letter-spacing: -.015em; }
.eb-widget__settings { border: 1px solid var(--eb-border); border-radius: 999px; color: var(--eb-muted) !important; flex: 0 0 auto; font-size: .74rem; font-weight: 750; padding: .4rem .7rem; }
.eb-widget__settings:hover { border-color: var(--eb-brand); color: var(--eb-brand) !important; }
.eb-widget-list { display: grid; gap: 1rem; }
.eb-widget-card { align-items: center; display: grid; gap: 1rem; grid-template-columns: minmax(108px, 31%) minmax(0, 1fr); }
.eb-widget-card + .eb-widget-card { border-block-start: 1px solid var(--eb-border); padding-block-start: 1rem; }
.eb-widget-card__media { aspect-ratio: 4 / 3; background: var(--eb-canvas); border-radius: var(--eb-radius-sm); display: block; overflow: hidden; }
.eb-widget-card__media img { block-size: 100%; display: block; inline-size: 100%; object-fit: cover; transition: transform .3s var(--eb-ease, cubic-bezier(.23,1,.32,1)); }
@media (hover: hover) and (pointer: fine) { .eb-widget-card:hover .eb-widget-card__media img { transform: scale(1.035); } }
.eb-widget-card time, .eb-search-result time, .eb-comment-list time { color: var(--eb-muted); font-size: .73rem; }
.eb-widget-card h3, .eb-search-result h3 { font-size: 1.02rem; line-height: 1.35; margin: .18rem 0; }
.eb-widget-card h3 a:hover, .eb-search-result h3 a:hover { color: var(--eb-brand); }
.eb-widget-card p, .eb-search-result p { color: var(--eb-muted); display: -webkit-box; font-size: .82rem; margin: 0; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.eb-widget[data-eb-template="cards"] .eb-widget-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.eb-widget[data-eb-template="cards"] .eb-widget-card + .eb-widget-card { border-block-start: 0; padding-block-start: 0; }
.eb-widget[data-eb-template="feature"] .eb-widget-card:first-child { align-items: end; min-block-size: 320px; overflow: hidden; position: relative; }
.eb-widget[data-eb-template="feature"] .eb-widget-card:first-child .eb-widget-card__media { inset: 0; position: absolute; }
.eb-widget[data-eb-template="feature"] .eb-widget-card:first-child .eb-widget-card__media::after { background: linear-gradient(0deg, rgba(4,18,24,.85), rgba(4,18,24,0)); content: ""; inset: 0; position: absolute; }
.eb-widget[data-eb-template="feature"] .eb-widget-card:first-child > div { color: #fff; padding: 1.25rem; position: relative; z-index: 1; }
.eb-widget[data-eb-template="feature"] .eb-widget-card:first-child p, .eb-widget[data-eb-template="feature"] .eb-widget-card:first-child time { color: rgba(255,255,255,.75); }
.eb-searchbox { align-items: stretch; display: grid; gap: .55rem; grid-template-columns: minmax(0, 1fr) auto; margin-block-end: 1rem; }
.eb-search-results { display: grid; gap: .2rem; }
.eb-search-result { border-block-start: 1px solid var(--eb-border); padding-block: 1rem; }
.eb-article-sources { background: color-mix(in srgb, var(--eb-brand) 5%, var(--eb-surface)); border: 1px solid var(--eb-border); border-radius: 14px; margin-block-start: clamp(2rem, 5vw, 3.5rem); padding: clamp(1rem, 3vw, 1.5rem); }
.eb-article-sources h2 { font-size: 1.15rem; margin-block: 0 .8rem; }
.eb-article-sources ol { margin: 0; padding-inline-start: 1.4rem; }
.eb-article-sources li + li { margin-block-start: .45rem; }
.eb-citation-link { overflow-wrap: anywhere; text-decoration: underline; text-decoration-color: color-mix(in srgb, currentColor 45%, transparent); text-underline-offset: .18em; }
.eb-citation-link--blocked { color: inherit; text-decoration: none; }
.eb-search-result h3 { font-size: 1.08rem; }
.eb-archive-list, .eb-comment-list { list-style: none; margin: 0; padding: 0; }
.eb-archive-list li + li, .eb-comment-list li + li { border-block-start: 1px solid var(--eb-border); }
.eb-archive-list a { align-items: center; display: flex; justify-content: space-between; padding-block: .78rem; }
.eb-archive-list a:hover span { color: var(--eb-brand); }
.eb-archive-list strong { align-items: center; background: var(--eb-canvas); border-radius: 999px; display: inline-flex; font-size: .75rem; justify-content: center; min-block-size: 28px; min-inline-size: 28px; padding-inline: .35rem; }
.eb-comment-list li { padding-block: 1rem; }
.eb-comment-list__meta { align-items: center; display: flex; gap: .6rem; justify-content: space-between; }
.eb-comment-list p { color: var(--eb-muted); font-size: .86rem; margin: .35rem 0; }
.eb-comment-list li > a { color: var(--eb-brand); font-size: .8rem; font-weight: 750; }
.eb-pager { margin-block-start: clamp(1.5rem, 4vw, 2.5rem); text-align: center; }
.eb-pager__links { align-items: center; display: flex; flex-wrap: wrap; gap: .45rem; justify-content: center; }
.eb-pager__link, .eb-pager__current { align-items: center; border: 1px solid var(--eb-border); border-radius: 10px; display: inline-flex; font-size: .85rem; font-weight: 750; justify-content: center; min-block-size: 42px; min-inline-size: 42px; padding: .55rem .75rem; }
.eb-pager__link:hover { border-color: var(--eb-brand); color: var(--eb-brand); }
.eb-pager__current { background: var(--eb-button-bg); border-color: var(--eb-button-bg); color: var(--eb-button-fg); }
.eb-pager__sentinel { display: block; block-size: 2px; inline-size: 100%; }
.eb-pager__status { color: var(--eb-muted); display: block; font-size: .8rem; min-block-size: 1.5rem; padding-block-start: .6rem; }
.eb-pager--infinite.eb-pager--enhanced .eb-pager__links { block-size: 1px; clip: rect(0 0 0 0); inline-size: 1px; overflow: hidden; position: absolute; white-space: nowrap; }
.eb-pager--loading .eb-pager__sentinel::after { animation: eb-spin .7s linear infinite; border: 3px solid var(--eb-border); border-block-start-color: var(--eb-brand); border-radius: 50%; content: ""; display: inline-block; block-size: 26px; inline-size: 26px; }
@keyframes eb-spin { to { transform: rotate(360deg); } }
.eb-poll__description { color: var(--eb-muted); margin-block: -.5rem 1rem; }
.eb-poll__options { list-style: none; margin: 0; padding: 0; }
.eb-poll__options li { align-items: flex-start; border-block-start: 1px solid var(--eb-border); display: flex; gap: .65rem; padding-block: .85rem; }
.eb-poll__options input { accent-color: var(--eb-brand); block-size: 1.15rem; inline-size: 1.15rem; margin-block-start: .2rem; }
.eb-poll__options label { cursor: pointer; flex: 1; }
.eb-poll__results { display: grid; gap: 1rem; }
.eb-poll-result__label { align-items: center; display: flex; gap: 1rem; justify-content: space-between; }
.eb-poll-result__track { background: var(--eb-canvas); border-radius: 999px; block-size: 10px; margin-block: .35rem; overflow: hidden; }
.eb-poll-result__track span { background: linear-gradient(90deg, var(--eb-brand), var(--eb-accent)); border-radius: inherit; display: block; block-size: 100%; inline-size: var(--eb-poll-percent); transform-origin: left; }
[dir="rtl"] .eb-poll-result__track span { transform-origin: right; }
.eb-poll-result small { color: var(--eb-muted); }
.eb-quicknav--sticky { position: sticky; top: 1rem; }
.eb-quicknav__list { list-style: none; margin: 0; padding: 0; }
.eb-quicknav__list li + li { margin-block-start: .15rem; }
.eb-quicknav__list a { align-items: center; border-radius: 9px; color: var(--eb-muted); display: flex; font-size: .88rem; gap: .65rem; padding: .45rem .55rem; }
.eb-quicknav__list a:hover, .eb-quicknav__list a.is-active { background: color-mix(in srgb, var(--eb-brand) 8%, transparent); color: var(--eb-brand); }
.eb-quicknav__list a span { align-items: center; background: var(--eb-canvas); border-radius: 50%; display: inline-flex; flex: 0 0 auto; font-size: .68rem; justify-content: center; block-size: 24px; inline-size: 24px; }
.eb-quicknav__level-3 { padding-inline-start: 1rem; }
.eb-quicknav__level-4 { padding-inline-start: 2rem; }
[dir="rtl"] .eb-quicknav__level-3, [dir="rtl"] .eb-quicknav__level-4 { padding-inline-start: 0; padding-inline-end: 1rem; }
[dir="rtl"] .eb-quicknav__level-4 { padding-inline-end: 2rem; }
.eb-quicknav__progress { background: var(--eb-border); border-radius: 999px; block-size: 3px; display: none; margin-block-start: 1rem; overflow: hidden; }
.eb-quicknav--progress .eb-quicknav__progress { display: block; }
.eb-quicknav__progress span { background: var(--eb-brand); display: block; block-size: 100%; inline-size: 100%; transform: scaleX(0); transform-origin: left; }
[dir="rtl"] .eb-quicknav__progress span { transform-origin: right; }
.eb-kpi-grid { display: grid; gap: .8rem; grid-template-columns: repeat(5, minmax(0,1fr)); margin-block: 1rem; }
.eb-kpi { background: linear-gradient(145deg, var(--eb-surface), color-mix(in srgb, var(--eb-brand) 5%, var(--eb-surface))); border: 1px solid var(--eb-border); border-radius: 16px; display: grid; gap: .3rem; padding: 1rem; }
.eb-kpi span { color: var(--eb-muted); font-size: .78rem; font-weight: 700; }
.eb-kpi strong { color: var(--eb-brand); font-size: clamp(1.35rem, 3vw, 2rem); line-height: 1; }
.eb-table-sub { color: var(--eb-muted); display: block; font-size: .7rem; font-weight: 500; margin-block-start: .2rem; max-inline-size: 380px; overflow-wrap: anywhere; }
.eb-status--warning, .eb-status--pending { background: #fff4d6; color: #7a4b00; }
.eb-status--spam { background: #ffe6e6; color: #9b1c1c; }
.eb-status--scheduled { background: #e9efff; color: #244a9b; }
.eb-button--danger { background: #fff; border-color: #d94040; color: #a01c1c !important; }
.eb-comment-admin { border: 1px solid var(--eb-border); border-radius: 14px; padding: 1rem; }
.eb-comment-admin + .eb-comment-admin { margin-block-start: .8rem; }
.eb-comment-admin header { align-items: center; display: flex; flex-wrap: wrap; gap: .6rem; }
.eb-comment-admin header > span:not(.eb-status) { color: var(--eb-muted); font-size: .78rem; }
.eb-comment-admin p { background: var(--eb-canvas); border-radius: 10px; padding: .75rem; white-space: pre-wrap; }
.eb-form-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.eb-engagement { align-items: center; border-block: 1px solid var(--eb-border); display: flex; flex-wrap: wrap; gap: .65rem; margin-block: 2rem; padding-block: 1rem; }
.eb-engagement a, .eb-engagement__button, .eb-engagement__rating { align-items: center; background: var(--eb-surface); border: 1px solid var(--eb-border); border-radius: 999px; color: var(--eb-text); display: inline-flex; font: inherit; font-size: .78rem; gap: .25rem; padding: .45rem .7rem; }
.eb-engagement button { cursor: pointer; }
.eb-engagement__rating button { background: transparent; border: 0; border-radius: 50%; block-size: 28px; inline-size: 28px; }
.eb-engagement__rating button:hover, .eb-engagement__rating button.is-recorded, .eb-engagement__button.is-recorded { background: color-mix(in srgb, var(--eb-accent) 18%, transparent); color: var(--eb-brand); }
.eb-comments { border-block-start: 1px solid var(--eb-border); margin-block-start: 2.5rem; padding-block-start: 2rem; }
.eb-public-comment { border: 1px solid var(--eb-border); border-radius: 14px; margin-block: .7rem; padding: 1rem; }
.eb-public-comment--reply { background: color-mix(in srgb, var(--eb-brand) 3%, var(--eb-surface)); margin-inline-start: clamp(1rem, 5vw, 3rem); }
.eb-public-comment header { align-items: center; display: flex; gap: 1rem; justify-content: space-between; }
.eb-public-comment time { color: var(--eb-muted); font-size: .72rem; }
.eb-public-comment p { margin-block-end: 0; white-space: pre-wrap; }
.eb-comment-form { background: var(--eb-canvas); border-radius: 16px; margin-block-start: 1.5rem; padding: clamp(1rem, 3vw, 1.5rem); position: relative; }
.eb-honeypot { block-size: 1px !important; clip: rect(0,0,0,0) !important; inline-size: 1px !important; opacity: 0 !important; overflow: hidden !important; pointer-events: none !important; position: absolute !important; }

@container (min-width: 1420px) {
  .eb-admin-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .eb-grid { gap: 2rem; }
  .eb-admin, .eb-editor { padding: 2.5rem; }
}
@container (max-width: 1100px) {
  .eb-form-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .eb-kpi-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  [data-eb-template="magazine"] .eb-card { grid-column: span 4; }
  [data-eb-template="magazine"] .eb-card--featured { grid-column: span 8; }
}

@container (max-width: 900px) {
  .eb-card { grid-column: span 6; }
  .eb-card--featured { grid-column: span 12; }
  [data-eb-template="magazine"] .eb-card { grid-column: span 6; }
  .eb-admin-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .eb-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .eb-editor-grid, .eb-editor-grid--categories { grid-template-columns: 1fr; }
  .eb-form-card--sticky { position: static; }
  .eb-settings-layout { grid-template-columns: 1fr; }
  .eb-settings-nav { display: flex; overflow-x: auto; overscroll-behavior-inline: contain; padding-block-end: .35rem; position: static; scrollbar-width: thin; white-space: nowrap; -webkit-overflow-scrolling: touch; }
  .eb-social-post > header { flex-wrap: wrap; }
  .eb-social-post > header small { max-inline-size: 100%; }
}
@container (max-width: 620px) {
  .eb-card, [data-eb-template="magazine"] .eb-card { grid-column: span 12; }
  .eb-card--featured .eb-card__title { font-size: 1.45rem; }
  [data-eb-template="minimal"] .eb-card { grid-template-columns: 110px 1fr; }
  .eb-admin, .eb-editor { border-radius: 14px; padding: .85rem; }
  .eb-admin__header { align-items: stretch; flex-direction: column; }
  .eb-admin__header > .eb-button { inline-size: 100%; }
  .eb-admin-grid { grid-template-columns: 1fr; }
  .eb-field-row { grid-template-columns: 1fr; }
  .eb-form-grid { grid-template-columns: 1fr; }
  .eb-form-grid--3, .eb-kpi-grid { grid-template-columns: 1fr; }
  .eb-field--wide { grid-column: auto; }
  .eb-widget[data-eb-template="cards"] .eb-widget-list { grid-template-columns: 1fr; }
  .eb-widget[data-eb-template="cards"] .eb-widget-card + .eb-widget-card { border-block-start: 1px solid var(--eb-border); padding-block-start: 1rem; }
  .eb-widget-card { grid-template-columns: 90px minmax(0, 1fr); }
  .eb-searchbox { grid-template-columns: 1fr; }
  [data-eb-template="timeline"] .eb-card { grid-template-columns: 100px minmax(0, 1fr); }
  .eb-quicknav--sticky { position: static; }
  .eb-help__popover { bottom: 12px; inline-size: auto; inset: auto 12px 12px 12px; position: fixed; transform: translateY(8px) !important; }
  .eb-help.is-open .eb-help__popover { transform: translateY(0) !important; }
  .eb-table { min-inline-size: 560px; }
  .eb-table th, .eb-table td { padding: .7rem .6rem; }
  .eb-actions > .eb-button { flex: 1 1 160px; }
  .eb-engagement { align-items: stretch; }
  .eb-engagement > :where(a,button,.eb-engagement__rating) { justify-content: center; }
  .eb-public-comment--reply { margin-inline-start: .75rem; }
  [data-eb-template="spotlight"] .eb-card:first-child { min-block-size: 360px; }
}
@container (max-width: 420px) {
  .eb-module, .eb-widget { font-size: 15px; }
  .eb-card__content, .eb-admin-panel, .eb-form-card, .eb-widget { padding: .9rem; }
  [data-eb-template="minimal"] .eb-card, [data-eb-template="timeline"] .eb-card { display: block; }
  [data-eb-template="minimal"] .eb-card__media, [data-eb-template="timeline"] .eb-card__media { margin-block-end: .8rem; }
  [data-eb-template="timeline"] .eb-grid { margin-inline-start: .4rem; }
  [data-eb-template="timeline"] .eb-card { padding-inline-start: 1rem; }
  [dir="rtl"][data-eb-template="timeline"] .eb-card { padding-inline-end: 1rem; padding-inline-start: 0; }
  .eb-searchbox .eb-button, .eb-toolbar .eb-button, .eb-actions > .eb-button { inline-size: 100%; }
  .eb-kpi-grid { grid-template-columns: 1fr; }
  .eb-comment-admin header, .eb-public-comment header { align-items: flex-start; flex-direction: column; gap: .25rem; }
  .eb-engagement > :where(a,button,.eb-engagement__rating) { inline-size: 100%; }
}

/* Viewport fallbacks for browsers without CSS container queries. */
@media (max-width: 900px) {
  .eb-editor-grid, .eb-editor-grid--categories, .eb-settings-layout { grid-template-columns: 1fr; }
  .eb-form-card--sticky, .eb-settings-nav { position: static; }
  .eb-settings-nav { display: flex; overflow-x: auto; white-space: nowrap; }
}
@media (max-width: 620px) {
  .eb-admin-grid, .eb-form-grid, .eb-form-grid--3, .eb-kpi-grid { grid-template-columns: 1fr; }
  .eb-admin__header { align-items: stretch; flex-direction: column; }
  .eb-admin__header > .eb-button { inline-size: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .eb-module *, .eb-admin *, .eb-editor *, .eb-widget * { scroll-behavior: auto; transition-duration: .01ms; }
}
@media print {
  .eb-toolbar, .eb-breadcrumb, .eb-admin, .eb-editor { display: none; }
  .eb-article { max-inline-size: none; }
}
/* 1.20: small brand-coloured text uses the readable variant. */
:is(.eb-module,.eb-widget,.eb-admin,.eb-editor) :is(.eb-eyebrow,.eb-card__read,.eb-text-link,.eb-prose a,.eb-latest-readmore,.eb-pager__link) { color: var(--eb-brand-text); }
:is(.eb-module,.eb-admin,.eb-editor,.eb-widget) .eb-button--primary, :is(.eb-admin,.eb-editor) .eb-appnav__new, :is(.eb-admin,.eb-editor) .eb-appnav__pages a[aria-current=page] { background: var(--eb-button-bg); color: var(--eb-button-fg) !important; }
:is(.eb-module,.eb-admin,.eb-editor,.eb-widget) .eb-button--primary:hover { background: color-mix(in srgb, var(--eb-button-bg) 85%, #000); }

/* 2.7.1 share group: all networks in one wrapping row */
.eb-share{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.eb-share>a,.eb-share>button{font-size:.88em}

/* 3.10: automatic first reply label */
.eb-comment-auto { display: inline-block; margin-inline-start: .4rem; padding: .05rem .45rem; border-radius: 999px; font-size: .7rem; line-height: 1.5; color: var(--eb-muted); border: 1px solid currentColor; vertical-align: middle; }

/* 3.11.0 Atelier (visual only): calm surfaces like the MRKeliawebModern skin. Flat colour instead of decorative gradients,
   one soft shadow, no coloured glow, movement only with a real mouse, and a quiet help button with a 44px touch area.
   Every value still follows the skin tokens (--ew-*) through the --eb-* variables above. */
.eb-module, .eb-admin, .eb-editor, .eb-widget {
  --eb-shadow: 0 12px 32px rgba(18, 26, 25, .16);
  --eb-ease: cubic-bezier(.23, 1, .32, 1);
}
.eb-card__media { background: color-mix(in srgb, var(--eb-brand) 6%, var(--eb-canvas)); }
.eb-card__placeholder { background: color-mix(in srgb, var(--eb-brand) 10%, var(--eb-surface)); }
.eb-empty { background: var(--eb-surface); border-color: color-mix(in srgb, var(--eb-text) 22%, transparent); }
.eb-admin-card--accent { background: var(--eb-brand); }
.eb-poll-result__track span { background: var(--eb-brand); }
.eb-kpi { background: var(--eb-surface); }
.eb-widget { box-shadow: none; }
.eb-card:hover { box-shadow: none; border-color: color-mix(in srgb, var(--eb-brand) 35%, transparent); }
.eb-admin-card:hover { box-shadow: none; }
.eb-button--primary { box-shadow: none; }
.eb-eyebrow { letter-spacing: .06em; }
.eb-section-title, .eb-admin h1, .eb-editor h1 { letter-spacing: -.02em; }
[dir="rtl"] .eb-section-title, [dir="rtl"] .eb-admin h1, [dir="rtl"] .eb-editor h1 { letter-spacing: 0; }
/* Hover movement only with a mouse (a tap must not leave a card lifted); a short press instead. */
.eb-button:hover, .eb-card:hover, .eb-admin-card:hover, .eb-card:hover .eb-card__media img, .eb-widget-card:hover .eb-widget-card__media img { transform: none; }
.eb-button { transition: background-color .16s var(--eb-ease), border-color .16s var(--eb-ease), color .16s var(--eb-ease), transform .16s var(--eb-ease); }
.eb-button:active { transform: scale(.97); }
@media (hover: hover) and (pointer: fine) {
  .eb-card:hover { transform: translateY(-2px); }
  [data-eb-template="minimal"] .eb-card:hover, [data-eb-template="timeline"] .eb-card:hover { transform: none; }
  .eb-admin-card:hover { transform: translateY(-2px); }
  .eb-card:hover .eb-card__media img, .eb-widget-card:hover .eb-widget-card__media img { transform: scale(1.02); }
}
/* Help "?" button: neutral, brand on hover, larger invisible touch area (the visible dot stays 22px). */
.eb-help__trigger { position: relative; background: color-mix(in srgb, var(--eb-text) 10%, var(--eb-surface)); color: var(--eb-text); font-weight: 800; }
.eb-help__trigger::before { content: ""; position: absolute; inset: -11px; }
.eb-help__trigger:hover, .eb-help__trigger:focus-visible, .eb-help.is-open .eb-help__trigger { background: var(--eb-brand); color: #fff; box-shadow: none; transform: none; }
.eb-help__popover { background: #121a19; color: #eef2f1; box-shadow: var(--eb-shadow); }
@media (prefers-reduced-motion: reduce) {
  .eb-button, .eb-card, .eb-admin-card, .eb-card__media img, .eb-widget-card__media img { transition: none; }
  .eb-card:hover, .eb-admin-card:hover, .eb-button:active { transform: none; }
}