/* Also recognizes the legacy promotional block without changing ordinary quotations. */
.article-content blockquote:is(.story-team-cta, blockquote:has(> h2):has(> ul):has(> p > a[href="https://blue-life.it/contatti/"]):has(> p > a[href="https://blue-life.it/progetti/"])) {
  margin: 56px 0 24px;
  padding: clamp(28px, 5vw, 64px);
  border: 0;
  border-radius: 20px;
  background: #fff;
  color: #184e87;
  font-family: 'Mulish', sans-serif;
  font-style: normal;
  box-shadow: none;
}
.article-content :is(.story-team-cta, blockquote:has(> h2):has(> ul):has(> p > a[href="https://blue-life.it/contatti/"]):has(> p > a[href="https://blue-life.it/progetti/"])) h2 {
  max-width: 780px;
  margin: 16px 0 24px;
  color: #184e87;
  font-family: 'Lexend', sans-serif;
  font-size: clamp(1.7rem, 3.2vw, 2.6rem);
  line-height: 1.15;
  letter-spacing: -.035em;
}
.article-content :is(.story-team-cta, blockquote:has(> h2):has(> ul):has(> p > a[href="https://blue-life.it/contatti/"]):has(> p > a[href="https://blue-life.it/progetti/"])) p {
  max-width: 820px;
  margin: 0 0 24px;
  color: #344e68;
  font-size: 1.05rem;
  line-height: 1.75;
}
.article-content :is(.story-team-cta, blockquote:has(> h2):has(> ul):has(> p > a[href="https://blue-life.it/contatti/"]):has(> p > a[href="https://blue-life.it/progetti/"])) > p:first-child {
  color: #184e87;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.article-content :is(.story-team-cta, blockquote:has(> h2):has(> ul):has(> p > a[href="https://blue-life.it/contatti/"]):has(> p > a[href="https://blue-life.it/progetti/"])) ul {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0;
  margin: 28px 0;
  list-style: none;
  color: #184e87;
}
.article-content :is(.story-team-cta, blockquote:has(> h2):has(> ul):has(> p > a[href="https://blue-life.it/contatti/"]):has(> p > a[href="https://blue-life.it/progetti/"])) li {
  padding: 10px 16px;
  border: 1px solid #184e87;
  border-radius: 12px;
  background: #184e87;
  color: #fff;
  font-size: .92rem;
  line-height: 1.5;
}
.article-content :is(.story-team-cta, blockquote:has(> h2):has(> ul):has(> p > a[href="https://blue-life.it/contatti/"]):has(> p > a[href="https://blue-life.it/progetti/"])) > p:last-child {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 32px 0 0;
}
.article-content :is(.story-team-cta, blockquote:has(> h2):has(> ul):has(> p > a[href="https://blue-life.it/contatti/"]):has(> p > a[href="https://blue-life.it/progetti/"])) a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 13px 22px;
  border: 1px solid #6387a6;
  border-radius: 60px;
  color: #184e87;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
}
.article-content :is(.story-team-cta, blockquote:has(> h2):has(> ul):has(> p > a[href="https://blue-life.it/contatti/"]):has(> p > a[href="https://blue-life.it/progetti/"])) a:first-child {
  border-color: #184e87;
  background: #184e87;
  color: #fff;
}
.article-content :is(.story-team-cta, blockquote:has(> h2):has(> ul):has(> p > a[href="https://blue-life.it/contatti/"]):has(> p > a[href="https://blue-life.it/progetti/"])) a:hover { text-decoration: underline; }
.article-content :is(.story-team-cta, blockquote:has(> h2):has(> ul):has(> p > a[href="https://blue-life.it/contatti/"]):has(> p > a[href="https://blue-life.it/progetti/"])) a:focus-visible { outline: 3px solid #184e87; outline-offset: 4px; }
@media (max-width: 540px) {
  .article-content :is(.story-team-cta, blockquote:has(> h2):has(> ul):has(> p > a[href="https://blue-life.it/contatti/"]):has(> p > a[href="https://blue-life.it/progetti/"])) li,
  .article-content :is(.story-team-cta, blockquote:has(> h2):has(> ul):has(> p > a[href="https://blue-life.it/contatti/"]):has(> p > a[href="https://blue-life.it/progetti/"])) a { width: 100%; box-sizing: border-box; }
}

.article-content :is(.story-team-cta, blockquote:has(> h2):has(> ul):has(> p > a[href="https://blue-life.it/contatti/"]):has(> p > a[href="https://blue-life.it/progetti/"])) li {display:flex;align-items:center;gap:10px;}
.article-content :is(.story-team-cta, blockquote:has(> h2):has(> ul):has(> p > a[href="https://blue-life.it/contatti/"]):has(> p > a[href="https://blue-life.it/progetti/"])) li::before {content:"";width:22px;height:22px;flex:0 0 22px;background:currentColor;mask:var(--benefit-icon) center/contain no-repeat;}
.article-content :is(.story-team-cta, blockquote:has(> h2):has(> ul):has(> p > a[href="https://blue-life.it/contatti/"]):has(> p > a[href="https://blue-life.it/progetti/"])) li:nth-child(1) {--benefit-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2021v-3a6%206%200%200%201%2012%200v3M16%204a3%203%200%200%201%200%206M21%2021v-3a6%206%200%200%200-3-5%22%2F%3E%3C%2Fsvg%3E");}
.article-content :is(.story-team-cta, blockquote:has(> h2):has(> ul):has(> p > a[href="https://blue-life.it/contatti/"]):has(> p > a[href="https://blue-life.it/progetti/"])) li:nth-child(2) {--benefit-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%204C9%203%203%208%205%2015s14%207%2015-11ZM4%2021%2016%209%22%2F%3E%3C%2Fsvg%3E");}
.article-content :is(.story-team-cta, blockquote:has(> h2):has(> ul):has(> p > a[href="https://blue-life.it/contatti/"]):has(> p > a[href="https://blue-life.it/progetti/"])) li:nth-child(3) {--benefit-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%203v4M17%203v4M3%2011h18m-12%205%202%202%204-4%22%2F%3E%3C%2Fsvg%3E");}