/* Native article tail: original 1320px container and 20px gutters. */
:is(.d030-article--structured, .editor-styles-wrapper) :is(.d030-article-benefits, .d030-article-team, .d030-article-conclusion, .d030-article-related) {
  --d030-tail-font: 16px;
  --d030-rating-row: 28.390625px;
  --d030-cta-baseline: 8.390625px;
  width: 100%; margin: 80px 0;
  font-size: var(--d030-tail-font); font-weight: 500; line-height: 1.65;
}
:is(.d030-article--structured, .editor-styles-wrapper) :is(.d030-article-team, .d030-article-related) { padding: 0 20px; }
:is(.d030-article--structured, .editor-styles-wrapper) :is(.d030-article-benefits, .d030-article-team, .d030-article-related) > * {
  width: 100%; max-width: 1320px; margin-inline: auto;
}
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-benefits { padding: 80px 20px; border-radius: 48px; background: #111112; }
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-ratings {
  display: flex; flex-wrap: wrap;
  column-gap: 3px; align-items: center; justify-content: center;
}
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-ratings-title {
  margin: calc((var(--d030-rating-row) + 2px - 16px) / 2) 0; color: #fff; font-size: 16px; font-weight: 700;
  font-variation-settings: 'wght' 700;
  line-height: 16px; text-align: center;
}
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-ratings > .d030-article-ratings-title:first-child {
  margin-block-start: calc((var(--d030-rating-row) + 2px - 16px) / 2);
}
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-ratings-stars,
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-ratings-stars img {
  display: block; width: 20px; height: 20px; margin: 0;
}
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-rating-list {
  grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  width: min(1320px, calc(100vw - 40px)); margin: 20px auto 0 !important; gap: 20px;
}
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-rating-card {
  position: relative;
  display: flex; flex-direction: column; align-items: center; gap: 0;
  min-height: 0; padding: 18px 18px 24px; border-radius: 24px; background: #1c1c1e;
}
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-rating-logo {
  display: flex; width: 100%; max-width: none; max-height: none;
  height: var(--d030-rating-row); align-items: center; justify-content: center;
}
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-rating-logo img {
  display: block; width: auto; height: 20px; max-width: 100%; object-fit: contain;
}
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-rating-logo a {
  display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;
}
.d030-article--structured .d030-article-rating-logo a::after {
  content: ''; position: absolute; inset: 0; z-index: 1;
}
.d030-article--structured .d030-article-rating-logo,
.d030-article--structured .d030-article-rating-logo a { position: static; }
.d030-article--structured .d030-article-rating-card:has(a:focus-visible) {
  outline: 2px solid #cdf7ad; outline-offset: 3px;
}
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-rating-value {
  margin: 0; font-size: 14px; font-weight: 500;
  font-variation-settings: 'wght' 500; line-height: var(--d030-rating-row);
}
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-rating-stars {
  --d030-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='white' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z'/%3E%3C/svg%3E");
  position: relative; display: block; width: 60.625px; height: 11px;
  background: var(--d030-star) left top / 12.125px 9px repeat-x;
}
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-rating-stars--partial::after {
  content: ''; position: absolute; inset: 0 0 2px 0; background: #a2a2a2;
  mask: var(--d030-star) left top / 12.125px 9px repeat-x; clip-path: inset(0 0 0 95%);
}
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-rating-star { display: none; }
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-rating-score {
  display: block; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-benefits-title {
  width: 30%; max-width: 396px; margin: 100px auto 50px;
  color: #f6f6f8; font-size: 30px; font-weight: 700; line-height: 1.3;
}
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-benefit-list {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; align-items: center;
}
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-benefit {
  display: flex; flex-direction: column; align-items: center; gap: 10px; margin-block: 0;
}
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-benefit > .wp-block-group { margin-block: 0; }
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-benefit-icon { width: 64px; height: 64px; margin: 0; }
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-benefit h3 { margin: 0; font-size: 24px; font-weight: 700; line-height: 1; }
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-benefit p {
  margin: 0; color: #f6f6f8; font-size: var(--d030-tail-font); font-weight: 500;
  font-variation-settings: 'wght' 500; line-height: 1.65;
}
:is(.d030-article--structured, .editor-styles-wrapper) :is(.d030-article-team, .d030-article-related) > h2 {
  max-width: 1320px; margin: 0 auto 20px; font-size: 48px; line-height: 1.3;
}
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-related > h2 { width: 60%; max-width: 792px; }
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-team-layout { display: flex; align-items: center; gap: 0; margin-block: 0; }
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-team-layout > * { width: 100%; flex: 0 1 auto; min-width: 0; margin-block: 0; }
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-team-copy { padding: 0 0 var(--d030-cta-baseline) 72px; }
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-related-layout {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; align-items: center; margin-block: 0;
}
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-related-layout > *,
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-benefit-list { margin-block: 0; }
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-related-copy { padding: 0 72px var(--d030-cta-baseline) 0; }
:is(.d030-article--structured, .editor-styles-wrapper) :is(.d030-article-team-copy, .d030-article-related-copy) h3 {
  margin: 0 0 24px; font-size: 32px; line-height: 1.3;
}
:is(.d030-article--structured, .editor-styles-wrapper) :is(.d030-article-team, .d030-article-conclusion, .d030-article-related) p {
  margin: 0 0 12px; color: #111112; font-size: var(--d030-tail-font); font-weight: 500;
  font-variation-settings: 'wght' 500; line-height: 1.65;
}
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-team-copy p { padding-right: 30px; }
:is(.d030-article--structured, .editor-styles-wrapper) :is(.d030-article-team-copy, .d030-article-related-copy) > p:last-of-type { margin-bottom: 24px; }
:is(.d030-article--structured, .editor-styles-wrapper) :is(.d030-article-team, .d030-article-conclusion, .d030-article-related) :is(b, strong) {
  font-variation-settings: 'wght' 700;
}
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-team-copy > .d030-article-field-trailing-paragraph:last-of-type { margin-bottom: 36px; }
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-related-copy > p:not(:last-of-type) { margin-bottom: 1.75em; }
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-related-copy:not(:has(.wp-block-buttons)) { padding-bottom: 0; }
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-related-copy:not(:has(.wp-block-buttons)) > p:last-of-type { margin-bottom: 0; }
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-related-copy:not(:has(.wp-block-buttons)) > .d030-article-field-trailing-paragraph:last-of-type { margin-bottom: 1.75em; }
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-field-div > .d030-article-field-div-text { margin-block: 0; }
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-related-copy .d030-article-field-div > p:not(:last-child) { margin-bottom: 1.75em; }
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-team-copy > .d030-article-field-div:last-of-type { margin-bottom: 24px; }
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-team-copy > .d030-article-field-div + .d030-article-field-div { margin-block-start: 0; }
:is(.d030-article--structured, .editor-styles-wrapper) :is(.d030-article-team, .d030-article-related) .wp-block-button__link {
  width: 300px; min-width: 0; min-height: 0; padding: 20px 16px; line-height: 16px;
  box-shadow: 0 3px 8px rgba(5, 10, 57, .45);
}
:is(.d030-article--structured, .editor-styles-wrapper) :is(.d030-article-team, .d030-article-related) .wp-block-button__link:focus-visible {
  background: #cdf7ad !important;
  color: #111112 !important;
  -webkit-text-fill-color: #111112 !important;
  outline: 1px dotted #111112;
}
:is(.d030-article--structured, .editor-styles-wrapper) :is(.d030-article-team-image, .d030-article-related-image) img {
  display: block; width: 100%; height: auto !important; border-radius: 20px;
  contain: none; contain-intrinsic-size: none;
}
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-related-image img { object-fit: fill; }
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-conclusion { padding: 0 20px; background: transparent; border-radius: 0; }
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-conclusion > .d030-article-section-inner {
  width: 100%; max-width: 1320px; margin: 0 auto; padding: 48px; border-radius: 32px; background: #cdf7ad;
}
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-conclusion h2 { margin: 0 0 24px; font-size: 30px; line-height: 1.3; }
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-conclusion p:last-child { margin-bottom: 0; }
:is(.d030-article--structured, .editor-styles-wrapper) .d030-article-conclusion .d030-article-field-empty-tail:last-child { margin-bottom: 12px; }
@media (max-width: 1024px) {
  :is(.d030-article--structured, .editor-styles-wrapper) .d030-article-ratings { column-gap: 0; }
  :is(.d030-article--structured, .editor-styles-wrapper) .d030-article-rating-list { grid-template-columns: repeat(2, 40%); justify-content: center; }
  :is(.d030-article--structured, .editor-styles-wrapper) .d030-article-benefits-title { width: 100%; max-width: none; margin: 64px auto 20px; }
  :is(.d030-article--structured, .editor-styles-wrapper) .d030-article-benefit-list { grid-template-columns: 1fr; gap: 24px; }
  :is(.d030-article--structured, .editor-styles-wrapper) :is(.d030-article-team, .d030-article-related) > h2 { font-size: 24px; }
  :is(.d030-article--structured, .editor-styles-wrapper) .d030-article-team-layout { flex-direction: column; gap: 24px; }
  :is(.d030-article--structured, .editor-styles-wrapper) .d030-article-related-layout { grid-template-columns: 1fr; gap: 24px; }
  :is(.d030-article--structured, .editor-styles-wrapper) :is(.d030-article-team-copy, .d030-article-related-copy) { padding: 0 0 var(--d030-cta-baseline); }
  :is(.d030-article--structured, .editor-styles-wrapper) :is(.d030-article-team-copy, .d030-article-related-copy) h3 { font-size: 22px; }
  :is(.d030-article--structured, .editor-styles-wrapper) .d030-article-team .wp-block-button { width: 50%; }
  :is(.d030-article--structured, .editor-styles-wrapper) .d030-article-team .wp-block-button__link { width: 100%; }
  :is(.d030-article--structured, .editor-styles-wrapper) .d030-article-conclusion > .d030-article-section-inner { padding: 32px 20px; }
  :is(.d030-article--structured, .editor-styles-wrapper) .d030-article-conclusion h2 { width: fit-content; max-width: 100%; margin-inline: auto; text-align: center; }
}
@media (max-width: 921px) {
  :is(.d030-article--structured, .editor-styles-wrapper) :is(.d030-article-benefits, .d030-article-team, .d030-article-conclusion, .d030-article-related) {
    --d030-tail-font: 14.592px; --d030-rating-row: 26.078125px; --d030-cta-baseline: 7.078125px;
  }
  :is(.d030-article--structured, .editor-styles-wrapper) .d030-article-benefits-title { font-size: 27.36px; }
  :is(.d030-article--structured, .editor-styles-wrapper) .d030-article-conclusion h2 { font-size: 25px; }
}
@media (max-width: 767px) {
  :is(.d030-article--structured, .editor-styles-wrapper) :is(.d030-article-benefits, .d030-article-team, .d030-article-conclusion) { margin-block: 48px; }
  :is(.d030-article--structured, .editor-styles-wrapper) .d030-article-benefits { padding-block: 48px; border-radius: 32px; }
  :is(.d030-article--structured, .editor-styles-wrapper) .d030-article-rating-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  :is(.d030-article--structured, .editor-styles-wrapper) .d030-article-rating-card { padding: 14px 10px 20px; border-radius: 18px; }
  :is(.d030-article--structured, .editor-styles-wrapper) .d030-article-benefits-title { width: 81%; }
  :is(.d030-article--structured, .editor-styles-wrapper) .d030-article-benefit-list { gap: 14px; padding-inline: 20px; }
  :is(.d030-article--structured, .editor-styles-wrapper) .d030-article-team .wp-block-button { width: 100%; }
  :is(.d030-article--structured, .editor-styles-wrapper) .d030-article-conclusion { padding-block: 24px; }
  :is(.d030-article--structured, .editor-styles-wrapper) .d030-article-related > h2 { width: 100%; font-size: 34px; }
  :is(.d030-article--structured, .editor-styles-wrapper) .d030-article-related-copy { text-align: center; }
  :is(.d030-article--structured, .editor-styles-wrapper) .d030-article-related .wp-block-button,
  :is(.d030-article--structured, .editor-styles-wrapper) .d030-article-related .wp-block-button__link { width: 100%; }
}
