/* Shared styling for Palm's editorial and comparison pages. */
.palm-product-figure {
  width: min(100%, 980px);
  margin: 34px auto 48px;
}
.palm-visual {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  border: 1px solid rgba(255, 241, 200, .18);
  border-radius: 22px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .28);
}
.palm-visual-caption {
  max-width: 760px;
  margin: 12px auto 48px;
  color: #bcb4c7;
  font-size: .88rem;
  text-align: center;
}
.palm-seo-more {
  max-width: 850px;
  margin: 54px auto;
}
.palm-seo-more h2 { margin-top: 42px; }
.palm-seo-more li { margin: .55rem 0; }
.palm-light-cta,
aside[data-yuzool-cta="app"] {
  color: #171923 !important;
  background: #fffaf0 !important;
  border: 1px solid #d8cbb4 !important;
  border-radius: 20px;
  padding: 25px 28px;
  line-height: 1.65;
}
.palm-light-cta p,
aside[data-yuzool-cta="app"] p { color: #45413a !important; }
.palm-light-cta a,
aside[data-yuzool-cta="app"] a {
  color: #71320d !important;
  font-weight: 750;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.palm-light-cta a:focus-visible,
aside[data-yuzool-cta="app"] a:focus-visible { outline: 3px solid #d7652a; outline-offset: 4px; }
@media (max-width: 640px) {
  .palm-product-figure { margin: 24px auto 38px; }
  .palm-visual { border-radius: 14px; }
  .palm-visual-caption { margin: 10px auto 0; padding: 0 12px; }
  .palm-light-cta,
  aside[data-yuzool-cta="app"] { padding: 20px; }
}