/**
 * Article highlight blocks.
 * Used on public blog articles and inside the Gutenberg editor.
 */
.article-content .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
),
.editor-styles-wrapper .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
) {
  --article-highlight-accent: #0b4a8b;
  --article-highlight-icon-bg: #0b4a8b;
  --article-highlight-bg: #edf5fc;
  --article-highlight-border: rgba(11, 74, 139, 0.22);
  position: relative;
  isolation: isolate;
  margin-block: 32px;
  padding: clamp(22px, 2.8vw, 30px) clamp(22px, 3vw, 34px) clamp(22px, 2.8vw, 30px) clamp(76px, 8vw, 88px);
  overflow: hidden;
  color: #17293a;
  background: var(--article-highlight-bg);
  border: 1px solid var(--article-highlight-border);
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(23, 41, 58, 0.08);
}

.article-content .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
)::before,
.editor-styles-wrapper .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
)::before {
  position: absolute;
  top: clamp(22px, 2.8vw, 30px);
  left: clamp(22px, 3vw, 30px);
  z-index: 1;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  color: #fff;
  background: var(--article-highlight-icon-bg);
  border-radius: 50%;
  box-shadow: 0 7px 16px rgba(23, 41, 58, 0.14);
  font-family: Arial, sans-serif;
  font-size: 20px;
  line-height: 1;
  font-weight: 900;
  content: "i";
}

.article-content .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
)::after,
.editor-styles-wrapper .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
)::after {
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: var(--article-highlight-accent);
  content: "";
}

.article-content .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
) > :first-child,
.editor-styles-wrapper .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
) > :first-child {
  margin-top: 0;
}

.article-content .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
) > :last-child,
.editor-styles-wrapper .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
) > :last-child {
  margin-bottom: 0;
}

.article-content .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
) :is(h2, h3, h4, .wp-block-heading),
.editor-styles-wrapper .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
) :is(h2, h3, h4, .wp-block-heading) {
  margin: 0 0 10px;
  color: #17293a;
  font-family: "Onest", "Inter", Arial, sans-serif;
  font-size: clamp(20px, 1.8vw, 23px);
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -0.02em;
}

.article-content .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
) :is(p, li),
.editor-styles-wrapper .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
) :is(p, li) {
  color: #314b63;
  font-size: 16px;
  line-height: 1.68;
}

.article-content .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
) p,
.editor-styles-wrapper .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
) p {
  margin: 0 0 12px;
}

.article-content .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
) :is(ul, ol),
.editor-styles-wrapper .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
) :is(ul, ol) {
  margin: 12px 0 0;
  padding-left: 22px;
}

.article-content .wp-block-group.is-style-seo-medical-important,
.editor-styles-wrapper .wp-block-group.is-style-seo-medical-important {
  --article-highlight-accent: #0b4a8b;
  --article-highlight-icon-bg: linear-gradient(135deg, #0b4a8b, #087685);
  --article-highlight-bg: linear-gradient(135deg, #edf5fc 0%, #f5fbfd 100%);
  --article-highlight-border: rgba(11, 74, 139, 0.2);
}

.article-content .wp-block-group.is-style-seo-medical-warning,
.editor-styles-wrapper .wp-block-group.is-style-seo-medical-warning {
  --article-highlight-accent: #a86500;
  --article-highlight-icon-bg: #a86500;
  --article-highlight-bg: linear-gradient(135deg, #fff4db 0%, #fffaf0 100%);
  --article-highlight-border: rgba(168, 101, 0, 0.25);
}

.article-content .wp-block-group.is-style-seo-medical-warning::before,
.editor-styles-wrapper .wp-block-group.is-style-seo-medical-warning::before {
  content: "!";
}

.article-content .wp-block-group.is-style-seo-medical-expert,
.editor-styles-wrapper .wp-block-group.is-style-seo-medical-expert {
  --article-highlight-accent: #087685;
  --article-highlight-icon-bg: linear-gradient(135deg, #087685, #0b4a8b);
  --article-highlight-bg: linear-gradient(135deg, #eaf7f7 0%, #f2f8fc 100%);
  --article-highlight-border: rgba(8, 118, 133, 0.22);
}

.article-content .wp-block-group.is-style-seo-medical-expert::before,
.editor-styles-wrapper .wp-block-group.is-style-seo-medical-expert::before {
  content: "\2726";
  font-size: 18px;
}

.article-content .wp-block-group.is-style-seo-medical-summary,
.editor-styles-wrapper .wp-block-group.is-style-seo-medical-summary {
  --article-highlight-accent: #17293a;
  --article-highlight-icon-bg: #17293a;
  --article-highlight-bg: #fff;
  --article-highlight-border: #dbe7f0;
}

.article-content .wp-block-group.is-style-seo-medical-summary::before,
.editor-styles-wrapper .wp-block-group.is-style-seo-medical-summary::before {
  content: "\2713";
  font-size: 18px;
}

@media (max-width: 620px) {
  .article-content .wp-block-group:is(
    .is-style-seo-medical-important,
    .is-style-seo-medical-warning,
    .is-style-seo-medical-expert,
    .is-style-seo-medical-summary
  ),
  .editor-styles-wrapper .wp-block-group:is(
    .is-style-seo-medical-important,
    .is-style-seo-medical-warning,
    .is-style-seo-medical-expert,
    .is-style-seo-medical-summary
  ) {
    padding: 68px 20px 22px;
    border-radius: 16px;
  }

  .article-content .wp-block-group:is(
    .is-style-seo-medical-important,
    .is-style-seo-medical-warning,
    .is-style-seo-medical-expert,
    .is-style-seo-medical-summary
  )::before,
  .editor-styles-wrapper .wp-block-group:is(
    .is-style-seo-medical-important,
    .is-style-seo-medical-warning,
    .is-style-seo-medical-expert,
    .is-style-seo-medical-summary
  )::before {
    top: 18px;
    left: 20px;
    width: 34px;
    height: 34px;
    font-size: 18px;
  }
}

/* v1.5.50: brand palette, Gutenberg wrapper compatibility and calmer article accents. */
:where(.article-content, .editor-styles-wrapper) .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
) {
  --article-highlight-text: var(--blog-detail-text, var(--color-text, #102033));
  --article-highlight-muted: var(--blog-detail-muted, var(--color-muted, #5f6f82));
  --article-highlight-surface: var(--blog-detail-surface, var(--color-bg, #fff));
  --article-highlight-line: var(--blog-detail-line, var(--color-border, #d9e6f0));
  color: var(--article-highlight-text);
  border-radius: 20px;
  box-shadow: 0 12px 30px rgba(16, 32, 51, .075);
}

:where(.article-content, .editor-styles-wrapper) .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
) > .wp-block-group__inner-container {
  position: relative;
  z-index: 1;
  min-width: 0;
  width: 100%;
}

:where(.article-content, .editor-styles-wrapper) .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
) > .wp-block-group__inner-container > :first-child {
  margin-top: 0;
}

:where(.article-content, .editor-styles-wrapper) .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
) > .wp-block-group__inner-container > :last-child {
  margin-bottom: 0;
}

:where(.article-content, .editor-styles-wrapper) .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
) :is(h2, h3, h4, .wp-block-heading) {
  color: var(--article-highlight-text);
}

:where(.article-content, .editor-styles-wrapper) .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
) :is(p, li) {
  color: var(--article-highlight-muted);
}

:where(.article-content, .editor-styles-wrapper) .wp-block-group.is-style-seo-medical-important {
  --article-highlight-accent: var(--blog-detail-primary, var(--color-primary, #0b4a8b));
  --article-highlight-icon-bg: linear-gradient(135deg, var(--blog-detail-primary, var(--color-primary, #0b4a8b)), var(--blog-detail-accent, var(--color-accent, #087685)));
  --article-highlight-bg: linear-gradient(135deg, #edf4fb 0%, #f7fbfd 100%);
  --article-highlight-border: rgba(11, 74, 139, .18);
}

:where(.article-content, .editor-styles-wrapper) .wp-block-group.is-style-seo-medical-warning {
  --article-highlight-accent: #7a5c25;
  --article-highlight-icon-bg: linear-gradient(135deg, #7a5c25 0%, #9b7640 100%);
  --article-highlight-bg: linear-gradient(135deg, #fbf7ed 0%, #fffdfa 100%);
  --article-highlight-border: rgba(122, 92, 37, .2);
}

:where(.article-content, .editor-styles-wrapper) .wp-block-group.is-style-seo-medical-expert {
  --article-highlight-accent: var(--blog-detail-accent, var(--color-accent, #087685));
  --article-highlight-icon-bg: linear-gradient(135deg, var(--blog-detail-accent, var(--color-accent, #087685)), var(--blog-detail-primary, var(--color-primary, #0b4a8b)));
  --article-highlight-bg: linear-gradient(135deg, #edf8f7 0%, #f5fafc 100%);
  --article-highlight-border: rgba(8, 118, 133, .19);
}

:where(.article-content, .editor-styles-wrapper) .wp-block-group.is-style-seo-medical-summary {
  --article-highlight-accent: var(--article-highlight-text);
  --article-highlight-icon-bg: linear-gradient(135deg, var(--article-highlight-text) 0%, var(--blog-detail-primary, var(--color-primary, #0b4a8b)) 100%);
  --article-highlight-bg: linear-gradient(135deg, var(--article-highlight-surface) 0%, #f7fafc 100%);
  --article-highlight-border: var(--article-highlight-line);
}


/* v1.5.51: public article specificity bridge and encoding-safe icons. */
.page--blog-detail .article-content .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
) > .wp-block-group__inner-container > :first-child {
  margin-top: 0;
}

.page--blog-detail .article-content .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
) > .wp-block-group__inner-container > :last-child {
  margin-bottom: 0;
}

.page--blog-detail .article-content .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
) :is(h2, h3, h4, .wp-block-heading) {
  margin: 0 0 10px;
  font-size: clamp(20px, 1.8vw, 23px);
  line-height: 1.2;
}

.page--blog-detail .article-content .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
) p {
  margin: 0 0 12px;
}

.page--blog-detail .article-content .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
) :is(ul, ol) {
  margin: 12px 0 0;
  padding-left: 22px;
}

.page--blog-detail .article-content .wp-block-group.is-style-seo-medical-expert::before,
.editor-styles-wrapper .wp-block-group.is-style-seo-medical-expert::before {
  content: "\2726";
}

.page--blog-detail .article-content .wp-block-group.is-style-seo-medical-summary::before,
.editor-styles-wrapper .wp-block-group.is-style-seo-medical-summary::before {
  content: "\2713";
}


.editor-styles-wrapper .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
) :is(h2, h3, h4, .wp-block-heading) {
  margin: 0 0 10px;
}

.editor-styles-wrapper .wp-block-group:is(
  .is-style-seo-medical-important,
  .is-style-seo-medical-warning,
  .is-style-seo-medical-expert,
  .is-style-seo-medical-summary
) p {
  margin: 0 0 12px;
}