/*
 * SceltaLab Editoriale 1.4.7
 * Every rule is scoped behind a plugin body class. Saved content is not changed.
 */

body.sl-editorial {
  --sle-navy: #062d4a;
  --sle-petrol: #07566b;
  --sle-teal: #087c79;
  --sle-coral: #f06750;
  --sle-ivory: #fffdf8;
  --sle-paper: #faf7ef;
  --sle-sage: #e8eee8;
  --sle-line: #d9ddd8;
  --sle-muted: #52616a;
  --sle-serif: Georgia, "Times New Roman", serif;
  --sle-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sle-shadow: 0 14px 34px rgba(6, 45, 74, .08);
}

body.sl-editorial :where(.sceltalab-home, .sl-pillar, .sl-guide-hub, #sceltabrain-widget) h1,
body.sl-editorial :where(.sceltalab-home, .sl-pillar, .sl-guide-hub, #sceltabrain-widget) h2,
body.sl-editorial :where(.sceltalab-home, .sl-pillar, .sl-guide-hub, #sceltabrain-widget) h3,
body.sl-editorial :where(.sceltalab-home, .sl-pillar, .sl-guide-hub, #sceltabrain-widget) h4 {
  color: var(--sle-navy);
  font-family: var(--sle-serif);
  letter-spacing: -.025em;
  text-wrap: balance;
}

body.sl-editorial :where(.sceltalab-home, .sl-pillar, .sl-guide-hub, #sceltabrain-widget) a {
  color: var(--sle-petrol);
}

/* Astra header and footer: structure, mobile menu and accessibility stay native. */
body.sl-editorial-chrome .site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  border-bottom: 1px solid rgba(6, 45, 74, .08);
  background: rgba(255, 253, 248, .97);
  backdrop-filter: blur(12px);
}

body.sl-editorial-chrome .main-header-bar,
body.sl-editorial-chrome .ast-primary-header-bar {
  min-height: 96px;
  border: 0;
  background: transparent;
}

body.sl-editorial-chrome .site-branding img,
body.sl-editorial-chrome .custom-logo {
  width: 270px !important;
  max-width: 270px !important;
  max-height: 86px !important;
  object-fit: contain;
}

body.sl-editorial-chrome .site-branding,
body.sl-editorial-chrome .site-branding .site-logo-img,
body.sl-editorial-chrome .site-branding .custom-logo-link {
  width: 270px;
  min-width: 270px;
  max-width: 270px;
}

/* The logo already links to home: avoid repeating the very long page title on desktop. */
@media (min-width: 922px) {
  body.sl-editorial-chrome .main-header-menu > .menu-item-home {
    display: none;
  }
}

body.sl-editorial-chrome .main-header-menu > .menu-item > .menu-link {
  color: var(--sle-navy);
  font: 700 .84rem var(--sle-serif);
}

body.sl-editorial-chrome .main-header-menu > .menu-item > .menu-link:hover,
body.sl-editorial-chrome .main-header-menu > .current-menu-item > .menu-link {
  color: var(--sle-teal);
}

body.sl-editorial-chrome .ast-mobile-menu-trigger-minimal {
  color: var(--sle-navy);
}

/* Custom footer rendered at Astra's documented astra_footer hook. */
body.sl-editorial-chrome .sle-offers,
body.sl-editorial-chrome .sle-footer,
body.sl-editorial-chrome .sle-offers *,
body.sl-editorial-chrome .sle-footer * { box-sizing: border-box; }

body.sl-editorial-chrome .sle-offers {
  padding: 28px 0 0;
  border-top: 1px solid #e0ddd5;
  background: linear-gradient(180deg, #faf8f2 0 58%, var(--sle-navy) 58% 100%);
}

body.sl-editorial-chrome .sle-offers__inner {
  width: min(1180px, calc(100% - 44px));
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: auto;
  border: 1px solid #ddd9d0;
  background: #fffdf8;
  box-shadow: 0 18px 45px rgba(6, 45, 74, .18);
}

body.sl-editorial-chrome .sle-offers__card {
  min-width: 0;
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 22px;
  align-items: center;
  padding: 25px 34px;
  color: var(--sle-navy);
  text-decoration: none;
}

body.sl-editorial-chrome .sle-offers__card + .sle-offers__card { border-left: 1px solid #ddd9d0; }

body.sl-editorial-chrome .sle-offers__icon {
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
}

body.sl-editorial-chrome .sle-offers__card--telegram .sle-offers__icon { background: #229ed9; }
body.sl-editorial-chrome .sle-offers__card--whatsapp .sle-offers__icon { background: #25d366; }
body.sl-editorial-chrome .sle-offers__icon svg { width: 34px; height: 34px; fill: currentColor; }
body.sl-editorial-chrome .sle-offers__card > span:last-child { min-width: 0; display: flex; flex-direction: column; }
body.sl-editorial-chrome .sle-offers__card small { color: var(--sle-coral); font-size: .66rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
body.sl-editorial-chrome .sle-offers__card strong { margin: 3px 0; color: var(--sle-navy); font: 700 1.28rem/1.15 var(--sle-serif); }
body.sl-editorial-chrome .sle-offers__card em { color: #4d5f68; font-size: .79rem; font-style: normal; line-height: 1.45; }
body.sl-editorial-chrome .sle-offers__card b { margin-top: 9px; color: var(--sle-petrol); font-size: .73rem; }

body.sl-editorial-chrome .sle-footer {
  color: rgba(255, 255, 255, .82);
  background: linear-gradient(135deg, #062d4a 0%, #073d50 62%, #062d4a 100%);
}
body.sl-editorial-chrome .sle-footer__grid {
  width: min(1180px, calc(100% - 44px));
  display: grid;
  grid-template-columns: minmax(250px, 1.75fr) repeat(4, 1fr);
  gap: 38px;
  margin: auto;
  padding: 44px 0 34px;
}

body.sl-editorial-chrome .sle-footer__brand p { margin: 15px 0 17px; color: rgba(255, 255, 255, .76); font-size: .82rem; line-height: 1.55; }
body.sl-editorial-chrome .sle-footer__brand .custom-logo-link {
  display: inline-flex;
  align-items: center;
  padding: 0;
  background: transparent;
}
body.sl-editorial-chrome .sle-footer__brand .custom-logo {
  width: 270px !important;
  max-width: 100% !important;
  max-height: 78px !important;
  object-fit: contain;
  filter: brightness(2.05) saturate(1.12) drop-shadow(0 5px 18px rgba(0, 0, 0, .18));
}
body.sl-editorial-chrome .sle-footer__name { color: #fff; font: 700 1.8rem var(--sle-serif); text-decoration: none; }
body.sl-editorial-chrome .sle-footer__social { display: flex; gap: 8px; }
body.sl-editorial-chrome .sle-footer__social a { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, .45); border-radius: 50%; color: #fff; font-size: .62rem; font-weight: 800; text-decoration: none; }
body.sl-editorial-chrome .sle-footer nav { display: flex; flex-direction: column; gap: 8px; }
body.sl-editorial-chrome .sle-footer nav strong { margin-bottom: 3px; color: #fff; font-size: .68rem; letter-spacing: .09em; text-transform: uppercase; }
body.sl-editorial-chrome .sle-footer nav a { color: rgba(255, 255, 255, .74); font-size: .76rem; line-height: 1.35; text-decoration: none; }
body.sl-editorial-chrome .sle-footer nav a:hover { color: #fff; }
body.sl-editorial-chrome .sle-footer__bottom { padding: 12px max(22px, calc((100vw - 1180px) / 2)); border-top: 1px solid rgba(255, 255, 255, .18); color: rgba(255, 255, 255, .68); font-size: .68rem; }

/* Homepage. The original HTML, headings, copy and links remain in WordPress. */
body.sl-editorial-home .site-content > .ast-container,
body.sl-editorial-home #primary,
body.sl-editorial-home .site-main,
body.sl-editorial-home article.page,
body.sl-editorial-home .entry-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.sl-editorial-home .entry-content > p:empty,
body.sl-editorial-home .sceltalab-home > p:empty,
body.sl-editorial-home .sceltalab-home__section > p:empty {
  display: none;
}

body.sl-editorial-home .sceltalab-home {
  overflow: hidden;
  color: var(--sle-navy);
  background: var(--sle-ivory);
}

body.sl-editorial-home .sceltalab-home__wrap {
  width: min(1180px, calc(100% - 44px));
  margin-inline: auto;
}

body.sl-editorial-home .sceltalab-home__hero {
  position: relative;
  min-height: 535px;
  display: flex;
  align-items: center;
  isolation: isolate;
  overflow: hidden;
  padding: 0 !important;
  background: var(--sle-ivory);
}

body.sl-editorial-home .sceltalab-home__hero .sceltalab-home__wrap {
  width: min(1180px, calc(100% - 44px)) !important;
  max-width: none !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
}

body.sl-editorial-home .sceltalab-home__hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: 54%;
  height: 100%;
  background: url('../images/hero-appliances.jpg') center / cover no-repeat;
  clip-path: ellipse(83% 82% at 83% 50%);
}

body.sl-editorial-home .sceltalab-home__hero .sceltalab-home__wrap {
  margin-top: 0;
  margin-bottom: 0;
}

body.sl-editorial-home .sceltalab-home__hero .sceltalab-home__wrap > * {
  max-width: 500px;
}

body.sl-editorial-home .sceltalab-home__eyebrow,
body.sl-editorial-home .sceltalab-home__tag {
  color: var(--sle-coral);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body.sl-editorial-home .sceltalab-home__hero h1 {
  margin: 14px 0 20px !important;
  font-size: clamp(3.45rem, 5vw, 5rem);
  line-height: .98;
  letter-spacing: -.045em;
}

body.sl-editorial-home .sceltalab-home__hero h1::after,
body.sl-editorial-home .sceltalab-home__section-head h2::after {
  content: "";
  display: block;
  width: 42px;
  height: 3px;
  margin-top: 20px;
  background: var(--sle-coral);
}

body.sl-editorial-home .sceltalab-home__lead {
  margin: 0 0 26px;
  color: #314956;
  font: 600 1.16rem/1.55 var(--sle-serif);
}

body.sl-editorial-home .sceltalab-home__search {
  margin: 0;
  max-width: none !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.sl-editorial-home .sceltalab-home__search-row {
  width: min(440px, 100%);
  height: 58px;
  display: flex;
  gap: 0 !important;
  border: 1px solid #c8d0ce;
  background: #fff;
}

body.sl-editorial-home .sceltalab-home__search-row input {
  min-width: 0;
  flex: 1;
  height: 100%;
  padding: 0 17px;
  border: 0;
  border-radius: 0 !important;
  outline: 0;
  background: transparent;
  box-shadow: none !important;
}

body.sl-editorial-home .sceltalab-home__search-row button {
  width: auto !important;
  min-width: 112px;
  flex: 0 0 auto;
  padding: 0 22px;
  border: 0;
  border-radius: 0 !important;
  color: #fff;
  background: var(--sle-petrol);
  font-weight: 800;
}

body.sl-editorial-home .sceltalab-home__search-row > br {
  display: none !important;
}

body.sl-editorial-home .sceltalab-home__quick-links {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 16px;
  justify-content: flex-start !important;
}

body.sl-editorial-home .sceltalab-home__quick-links a {
  border-bottom: 2px solid #ef9b8d;
  font-size: .78rem;
  font-weight: 850;
  text-decoration: none;
}

body.sl-editorial-home .sceltalab-home__section {
  padding: 58px 0 0;
}

body.sl-editorial-home .sceltalab-home__section:nth-of-type(2) {
  padding-top: 18px;
}

body.sl-editorial-home .sceltalab-home__section:nth-of-type(2) .sceltalab-home__guide-card,
body.sl-editorial-home .sceltalab-home__section[aria-labelledby="sceltabrain-beta-title"] .sceltalab-home__guide-card {
  min-height: 155px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: none !important;
  padding: 25px 30px 25px 190px !important;
  border: 1px solid #e3e0d7 !important;
  border-radius: 0 !important;
  background: var(--sle-paper) url('../images/sceltabrain.jpg') 25px center / 140px auto no-repeat !important;
  box-shadow: none !important;
  transform: none !important;
}

body.sl-editorial-home .sceltalab-home__section:nth-of-type(2) h2,
body.sl-editorial-home .sceltalab-home__section[aria-labelledby="sceltabrain-beta-title"] h2 {
  margin: 3px 0 7px;
  color: var(--sle-teal);
  font-size: 2rem;
}

body.sl-editorial-home .sceltalab-home__section:nth-of-type(2) p,
body.sl-editorial-home .sceltalab-home__section[aria-labelledby="sceltabrain-beta-title"] p {
  max-width: 720px;
  margin: 0 0 7px;
}

body.sl-editorial-home .sceltalab-home__section-head {
  max-width: 760px;
  margin: 0 auto 26px;
  text-align: center;
}

body.sl-editorial-home .sceltalab-home__section-head h2 {
  margin: 5px 0 0;
  font-size: 2.35rem;
  line-height: 1.05;
}

body.sl-editorial-home .sceltalab-home__section-head h2::after {
  margin: 13px auto 0;
}

body.sl-editorial-home .sceltalab-home__section-head > p {
  color: #4b5d65;
  font-size: .88rem;
  line-height: 1.55;
}

body.sl-editorial-home .sceltalab-home__main-areas {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px;
}

body.sl-editorial-home .sceltalab-home__area-card {
  position: relative;
  grid-column: span 4;
  min-width: 0;
  min-height: 420px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0 23px 23px;
  border: 1px solid var(--sle-line);
  border-radius: 0 !important;
  background: #fff;
  box-shadow: 0 10px 28px rgba(6, 45, 74, .055);
}

body.sl-editorial-home .sceltalab-home__area-card--pillar {
  grid-column: span 6;
  min-height: 495px;
}

body.sl-editorial-home .sceltalab-home__area-strip {
  width: auto !important;
  height: 190px;
  margin: 0 -23px 22px;
  border-radius: 0 !important;
  background-position: center;
  background-size: cover;
}

body.sl-editorial-home .sceltalab-home__area-card--pillar .sceltalab-home__area-strip {
  height: 255px;
}

body.sl-editorial-home .sceltalab-home__area-strip--coffee { background-image: url('../images/category-coffee.jpg'); }
body.sl-editorial-home .sceltalab-home__area-strip--fryers { background-image: url('../images/category-fryer.jpg'); }
body.sl-editorial-home .sceltalab-home__area-strip--ice { background-image: url('../images/category-ice.jpg'); }
body.sl-editorial-home .sceltalab-home__area-strip--kitchen { background-image: url('../images/category-robot.jpg'); }
body.sl-editorial-home .sceltalab-home__area-strip--home { background-image: url('../images/hero-appliances.jpg'); }

body.sl-editorial-home .sceltalab-home__area-card h3 {
  margin: 8px 0 10px;
  font-size: 1.5rem;
  line-height: 1.08;
}

body.sl-editorial-home .sceltalab-home__area-card > p {
  margin: 0 0 12px;
  color: #455a64;
  font-size: .84rem;
  line-height: 1.52;
}

body.sl-editorial-home .sceltalab-home__area-card > p:last-child {
  margin-top: auto;
  margin-bottom: 0;
}

body.sl-editorial-home .sceltalab-home__card-link,
body.sl-editorial-home .sceltalab-home__guide-card a,
body.sl-editorial-home .sceltalab-home__coffee-item a,
body.sl-editorial-home .sceltalab-home__question-card a {
  font-size: .78rem;
  font-weight: 850;
  text-decoration: none;
}

/*
 * The existing CTA remains the only link in each main-area card. Its overlay
 * makes the whole card clickable without duplicating anchors or changing the
 * saved homepage HTML.
 */
body.sl-editorial-home .sceltalab-home__area-card .sceltalab-home__card-link::after {
  /* Override the legacy homepage reset: .sceltalab-home a::after. */
  content: "" !important;
  display: block !important;
  position: absolute;
  z-index: 2;
  inset: 0;
  cursor: pointer;
}

body.sl-editorial-home .sceltalab-home__area-card .sceltalab-home__card-link:focus-visible::after {
  outline: 3px solid var(--sle-coral);
  outline-offset: -5px;
}

body.sl-editorial-home .sceltalab-home__coffee-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

body.sl-editorial-home .sceltalab-home__coffee-item {
  min-height: 185px;
  display: flex;
  flex-direction: column;
  padding: 20px;
  border: 1px solid var(--sle-line);
  border-radius: 0 !important;
  background: #fff;
}

body.sl-editorial-home .sceltalab-home__coffee-item h3 {
  margin: 0 0 7px;
  font-size: 1.12rem;
}

body.sl-editorial-home .sceltalab-home__coffee-item p {
  margin: 0 0 8px;
  color: #53656d;
  font-size: .76rem;
}

body.sl-editorial-home .sceltalab-home__coffee-item p:last-child {
  margin-top: auto;
}

body.sl-editorial-home .sceltalab-home__guides-grid,
body.sl-editorial-home .sceltalab-home__questions-grid,
body.sl-editorial-home .sceltalab-home__method-grid {
  display: grid;
  gap: 12px;
}

body.sl-editorial-home .sceltalab-home__guides-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
body.sl-editorial-home .sceltalab-home__questions-grid,
body.sl-editorial-home .sceltalab-home__method-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

body.sl-editorial-home .sceltalab-home__guides-grid .sceltalab-home__guide-card,
body.sl-editorial-home .sceltalab-home__question-card,
body.sl-editorial-home .sceltalab-home__method-card {
  min-width: 0;
  min-height: 235px;
  display: flex;
  flex-direction: column;
  padding: 24px;
  border: 1px solid var(--sle-line);
  border-radius: 0 !important;
  background: #fff;
}

body.sl-editorial-home .sceltalab-home__question-card,
body.sl-editorial-home .sceltalab-home__method-card {
  min-height: 200px;
  border-top: 4px solid var(--sle-teal);
  background: #eef4f0;
}

body.sl-editorial-home :where(.sceltalab-home__guide-card, .sceltalab-home__question-card) h3 {
  margin: 8px 0 10px;
  font-size: 1.25rem;
}

body.sl-editorial-home :where(.sceltalab-home__guide-card, .sceltalab-home__question-card) p {
  margin: 0 0 10px;
  color: #465a63;
  font-size: .81rem;
  line-height: 1.5;
}

body.sl-editorial-home :where(.sceltalab-home__guide-card, .sceltalab-home__question-card) p:last-child {
  margin-top: auto;
}

/* WordPress Guide archive. Main query and pagination are untouched. */
body.sl-editorial-guide .site-content > .ast-container,
body.sl-editorial-guide #primary {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

body.sl-editorial-guide .sl-guide-hub {
  overflow: hidden;
  background: var(--sle-ivory);
}

body.sl-editorial-guide .sl-guide-hub__shell {
  width: min(1180px, calc(100% - 44px));
  margin-inline: auto;
}

body.sl-editorial-guide .sl-guide-hub__hero {
  min-height: 500px;
  display: grid;
  grid-template-columns: 46% 54%;
}

body.sl-editorial-guide .sl-guide-hub__hero-copy {
  align-self: center;
  width: min(510px, calc(100% - 42px));
  margin-left: max(24px, calc((100vw - 1180px) / 2));
  padding: 55px 0;
}

body.sl-editorial-guide .sl-guide-hub__eyebrow {
  color: var(--sle-coral);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body.sl-editorial-guide .sl-guide-hub__hero h1 {
  margin: 14px 0 20px;
  font-size: clamp(3.45rem, 5vw, 5rem);
  line-height: .98;
}

body.sl-editorial-guide .sl-guide-hub__hero p {
  color: #314956;
  font: 600 1.1rem/1.55 var(--sle-serif);
}

body.sl-editorial-guide .sl-guide-hub__rule {
  display: block;
  width: 42px;
  height: 3px;
  margin: 15px 0;
  background: var(--sle-coral);
}

body.sl-editorial-guide .sl-guide-hub__hero-image {
  min-height: 500px;
  background: url('../images/hero-appliances.jpg') center / cover no-repeat;
  clip-path: ellipse(83% 82% at 83% 50%);
}

body.sl-editorial-guide .sl-guide-hub__search {
  width: min(430px, 100%);
  height: 56px;
  display: flex;
  margin-top: 24px;
  border: 1px solid #c8d0ce;
  background: #fff;
}

body.sl-editorial-guide .sl-guide-hub__search input {
  min-width: 0;
  flex: 1;
  padding: 0 16px;
  border: 0;
}

body.sl-editorial-guide .sl-guide-hub__search button {
  padding: 0 20px;
  border: 0;
  color: #fff;
  background: var(--sle-petrol);
  font-weight: 800;
}

body.sl-editorial-guide .sl-guide-hub__section {
  padding: 58px 0 0;
}

body.sl-editorial-guide .sl-guide-hub__section:last-child {
  padding-bottom: 65px;
}

body.sl-editorial-guide .sl-guide-hub__section-head {
  margin-bottom: 26px;
  text-align: center;
}

body.sl-editorial-guide .sl-guide-hub__section-head--left { text-align: left; }

body.sl-editorial-guide .sl-guide-hub__section-head h2 {
  margin: 5px 0;
  font-size: 2.35rem;
}

body.sl-editorial-guide .sl-guide-hub__section-head:not(.sl-guide-hub__section-head--left) .sl-guide-hub__rule {
  margin-inline: auto;
}

body.sl-editorial-guide .sl-guide-hub__categories {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

body.sl-editorial-guide .sl-guide-hub__category {
  position: relative;
  isolation: isolate;
  min-height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  padding: 28px;
  color: #fff;
  background-position: center;
  background-size: cover;
  text-decoration: none;
}

body.sl-editorial-guide .sl-guide-hub__category::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(0deg, rgba(6, 45, 74, .9), rgba(6, 45, 74, .05) 75%);
}

body.sl-editorial-guide .sl-guide-hub__category--coffee { background-image: url('../images/category-coffee.jpg'); }
body.sl-editorial-guide .sl-guide-hub__category--fryer { background-image: url('../images/category-fryer.jpg'); }
body.sl-editorial-guide .sl-guide-hub__category--robot { background-image: url('../images/category-robot.jpg'); }
body.sl-editorial-guide .sl-guide-hub__category--home { background-image: url('../images/hero-appliances.jpg'); }

body.sl-editorial-guide .sl-guide-hub__category span {
  color: #ff9c8a;
  font-size: .66rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.sl-editorial-guide .sl-guide-hub__category strong {
  margin: 5px 0;
  color: #fff;
  font: 700 2rem/1.05 var(--sle-serif);
}

body.sl-editorial-guide .sl-guide-hub__category small { color: rgba(255, 255, 255, .86); }

body.sl-editorial-guide .sl-guide-hub__posts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

body.sl-editorial-guide .sl-guide-hub__post {
  position: relative;
  min-width: 0;
  min-height: 455px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--sle-line);
  background: #fff;
  box-shadow: 0 10px 28px rgba(6, 45, 74, .055);
}

body.sl-editorial-guide .sl-guide-hub__post-image,
body.sl-editorial-guide .sl-guide-hub__post-image img {
  width: 100%;
  height: 205px;
}

body.sl-editorial-guide .sl-guide-hub__post-image img { object-fit: cover; }

body.sl-editorial-guide .sl-guide-hub__post-image img.sl-guide-hub__post-image--contained {
  padding: 18px;
  object-fit: contain;
  background: #f7f5ef;
}

body.sl-editorial-guide .sl-guide-hub__post-placeholder {
  width: 100%;
  height: 205px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 24px;
  color: var(--sle-navy);
  background: linear-gradient(135deg, #e9f1ed, #fff4df);
}

body.sl-editorial-guide .sl-guide-hub__post-placeholder span { color: var(--sle-coral); font-size: .63rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
body.sl-editorial-guide .sl-guide-hub__post-placeholder strong { max-width: 22ch; margin-top: 5px; font: 700 1.25rem/1.1 var(--sle-serif); }

body.sl-editorial-guide .sl-guide-hub__post-copy {
  min-height: 248px;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 21px;
}

body.sl-editorial-guide .sl-guide-hub__post-categories {
  position: relative;
  z-index: 2;
  color: var(--sle-coral);
  font-size: .63rem;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}

body.sl-editorial-guide .sl-guide-hub__post-categories a { color: inherit; }

body.sl-editorial-guide .sl-guide-hub__post h2 {
  margin: 9px 0 12px;
  font-size: 1.3rem;
  line-height: 1.12;
}

body.sl-editorial-guide .sl-guide-hub__post h2 a {
  color: var(--sle-navy);
  text-decoration: none;
}

body.sl-editorial-guide .sl-guide-hub__post h2 a::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
}

body.sl-editorial-guide .sl-guide-hub__excerpt {
  color: #4b5e66;
  font-size: .79rem;
  line-height: 1.5;
}

body.sl-editorial-guide .sl-guide-hub__excerpt p { margin: 0; }

body.sl-editorial-guide .sl-guide-hub__post-copy::after {
  content: "Leggi la guida →";
  margin-top: auto;
  padding-top: 16px;
  color: var(--sle-petrol);
  font-size: .73rem;
  font-weight: 850;
}

/* Universal WordPress category archives. The main query stays native. */
body.sl-editorial-category .sl-category-hub__hero {
  grid-template-columns: 54% 46%;
  border-bottom: 1px solid var(--sle-line);
  background:
    radial-gradient(circle at 12% 15%, rgba(17, 138, 125, .12), transparent 34%),
    var(--sle-ivory);
}

body.sl-editorial-category .sl-category-hub__breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 18px;
  color: #687980;
  font-size: .72rem;
  font-weight: 750;
}

body.sl-editorial-category .sl-category-hub__breadcrumbs a {
  color: var(--sle-petrol);
  text-decoration: none;
}

body.sl-editorial-category .sl-category-hub__description > :last-child { margin-bottom: 0; }

body.sl-editorial-category .sl-category-hub__back {
  display: inline-flex;
  margin-top: 22px;
  color: var(--sle-petrol);
  font-size: .78rem;
  font-weight: 850;
  text-decoration: none;
}

body.sl-editorial-category .sl-category-hub__hero-art {
  position: relative;
  isolation: isolate;
  min-height: 500px;
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: 42px;
  color: #fff;
  background:
    radial-gradient(circle at 78% 28%, rgba(255, 145, 125, .95) 0 5%, transparent 5.5%),
    radial-gradient(circle at 22% 72%, rgba(111, 202, 186, .45) 0 16%, transparent 16.5%),
    linear-gradient(145deg, #06324a, #0b675f);
}

body.sl-editorial-category .sl-category-hub__hero-art::before,
body.sl-editorial-category .sl-category-hub__hero-art::after {
  content: "";
  position: absolute;
  z-index: -1;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 50%;
}

body.sl-editorial-category .sl-category-hub__hero-art::before {
  width: 330px;
  height: 330px;
  top: -90px;
  right: -80px;
}

body.sl-editorial-category .sl-category-hub__hero-art::after {
  width: 230px;
  height: 230px;
  bottom: -95px;
  left: -45px;
}

body.sl-editorial-category .sl-category-hub__hero-art span {
  max-width: 9ch;
  color: #fff;
  font: 700 clamp(2.7rem, 5vw, 4.8rem)/.96 var(--sle-serif);
  text-align: center;
  text-wrap: balance;
}

body.sl-editorial-category .sl-category-hub__children {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.sl-editorial-category .sl-category-hub__child {
  min-height: 155px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 23px;
  border-top: 4px solid var(--sle-teal);
  color: var(--sle-navy);
  background: #edf4f0;
  box-shadow: 0 8px 22px rgba(6, 45, 74, .045);
  text-decoration: none;
}

body.sl-editorial-category .sl-category-hub__child span {
  color: var(--sle-coral);
  font-size: .63rem;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}

body.sl-editorial-category .sl-category-hub__child strong {
  margin: 7px 0;
  font: 700 1.35rem/1.08 var(--sle-serif);
}

body.sl-editorial-category .sl-category-hub__child small {
  color: #587078;
  font-size: .73rem;
}

body.sl-editorial-category .sl-category-hub__child:hover,
body.sl-editorial-category .sl-category-hub__child:focus-visible {
  color: var(--sle-navy);
  background: #e2efea;
}

body.sl-editorial-guide .navigation.pagination {
  margin-top: 32px;
}

body.sl-editorial-guide .nav-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px;
}

body.sl-editorial-guide .page-numbers {
  min-width: 42px;
  min-height: 42px;
  display: grid;
  place-items: center;
  padding: 8px 11px;
  border: 1px solid var(--sle-line);
  background: #fff;
}

body.sl-editorial-guide .page-numbers.current {
  color: #fff;
  border-color: var(--sle-petrol);
  background: var(--sle-petrol);
}

/* Pillar pages. Content, heading order, anchors and JSON-LD stay in the page. */
body.sl-editorial-pillar .site-content > .ast-container,
body.sl-editorial-pillar #primary,
body.sl-editorial-pillar .site-main,
body.sl-editorial-pillar article.ast-article-single {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 1 1 100% !important;
}

body.sl-editorial-pillar article.page,
body.sl-editorial-pillar .entry-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.sl-editorial-pillar .entry-content > p:empty { display: none; }

body.sl-editorial-pillar .sl-pillar {
  width: min(1080px, calc(100% - 44px)) !important;
  max-width: 1080px !important;
  margin: 0 auto 70px !important;
  color: var(--sle-navy);
}

body.sl-editorial-pillar .sl-pillar__hero,
body.sl-editorial-pillar .sl-hero {
  min-height: 470px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 0 22px;
  padding: 65px 50% 65px 55px;
  overflow: hidden;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: #f3f7f4;
  background-image: linear-gradient(135deg, #f3f7f4 0%, #fffdf8 64%, #f7eddd 100%);
  background-position: center;
  background-size: cover;
}

body.sl-editorial-pillar-coffee .sl-pillar__hero,
body.sl-editorial-pillar-coffee .sl-hero {
  background-image: linear-gradient(90deg, rgba(255, 253, 248, .99), rgba(255, 253, 248, .91) 43%, transparent 68%), url('../images/pillar-coffee.jpg');
}

body.sl-editorial-pillar-fryer .sl-pillar__hero,
body.sl-editorial-pillar-fryer .sl-hero {
  background-image: linear-gradient(90deg, rgba(255, 253, 248, .99), rgba(255, 253, 248, .91) 43%, transparent 68%), url('../images/pillar-fryer.jpg');
}

body.sl-editorial-pillar .sl-pillar.sl-pillar--robot :where(.sl-pillar__hero, .sl-hero) {
  background-image: linear-gradient(90deg, rgba(255, 253, 248, .99), rgba(255, 253, 248, .91) 43%, transparent 68%), url('../images/category-robot.jpg');
}

body.sl-editorial-pillar .sl-pillar__hero h1,
body.sl-editorial-pillar .sl-hero h1 {
  margin: 8px 0;
  font-size: clamp(3.1rem, 5.6vw, 5rem);
  line-height: .94;
}

body.sl-editorial-pillar .sl-pillar__hero p,
body.sl-editorial-pillar .sl-hero p,
body.sl-editorial-pillar .sl-pillar__eyebrow,
body.sl-editorial-pillar .sl-pillar__updated {
  color: #364b56;
}

body.sl-editorial-pillar .sl-pillar__eyebrow { font-weight: 800; }

body.sl-editorial-pillar .sl-pillar__nav {
  counter-reset: sle-index;
  margin: 26px 0 38px;
  padding: 22px;
  border: 1px solid #cfd9d5;
  border-radius: 0 !important;
  background: #f4f6f1;
}

body.sl-editorial-pillar .sl-pillar__nav::before {
  content: "Indice della guida";
  display: block;
  margin-bottom: 15px;
  font: 700 1.35rem/1.1 var(--sle-serif);
}

body.sl-editorial-pillar .sl-pillar__nav ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.sl-editorial-pillar .sl-pillar__nav li {
  counter-increment: sle-index;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.sl-editorial-pillar .sl-pillar__nav li::before,
body.sl-editorial-pillar .sl-pillar__nav li::after { content: none !important; display: none !important; }

body.sl-editorial-pillar .sl-pillar__nav a {
  min-height: 52px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid #d8dfdc;
  background: #fff;
  color: var(--sle-navy);
  font-size: .78rem;
  font-weight: 750;
  line-height: 1.25;
  text-decoration: none;
}

body.sl-editorial-pillar .sl-pillar__nav a::before {
  content: counter(sle-index, decimal-leading-zero);
  flex: none;
  color: var(--sle-coral);
  font: 800 .68rem system-ui;
}

body.sl-editorial-pillar .sl-pillar__section {
  margin: 48px 0;
  padding: 0 !important;
  border-top: 0 !important;
}

body.sl-editorial-pillar .sl-pillar__section-head {
  max-width: 790px;
  margin-bottom: 24px;
}

body.sl-editorial-pillar .sl-pillar__section h2,
body.sl-editorial-pillar .sl-pillar > h2 {
  margin: 45px 0 14px;
  font-size: 2rem;
}

body.sl-editorial-pillar .sl-pillar__section h2::after,
body.sl-editorial-pillar .sl-pillar > h2::after {
  content: "";
  display: block;
  width: 38px;
  height: 3px;
  margin-top: 10px;
  background: var(--sle-coral);
}

body.sl-editorial-pillar .sl-pillar :where(p, li) {
  color: #344b57;
  line-height: 1.65;
}

body.sl-editorial-pillar .sl-pillar__choice-grid,
body.sl-editorial-pillar .sl-pillar__cards,
body.sl-editorial-pillar .sl-pillar__steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 24px;
}

body.sl-editorial-pillar .sl-pillar__choice,
body.sl-editorial-pillar .sl-pillar__card,
body.sl-editorial-pillar .sl-pillar__steps li {
  min-width: 0;
  padding: 24px;
  border: 1px solid var(--sle-line);
  border-radius: 0 !important;
  background: #fff;
  box-shadow: var(--sle-shadow);
}

body.sl-editorial-pillar .sl-pillar__choice {
  position: static !important;
  min-height: 255px;
  display: flex;
  flex-direction: column;
  padding-top: 24px !important;
}

body.sl-editorial-pillar .sl-pillar__choice-tag {
  position: static !important;
  inset: auto !important;
  display: inline-flex !important;
  align-self: flex-start;
  margin-bottom: 16px;
  padding: 6px 10px;
  border-radius: 999px;
  color: var(--sle-petrol);
  background: #e9f2ef;
  font-size: .69rem;
  font-weight: 900;
  text-transform: uppercase;
}

body.sl-editorial-pillar .sl-pillar__steps {
  counter-reset: sle-step;
  margin: 24px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.sl-editorial-pillar .sl-pillar__steps li {
  counter-increment: sle-step;
  position: relative !important;
  min-height: 132px !important;
  margin: 0 !important;
  padding: 24px 24px 24px 82px !important;
  border: 1px solid var(--sle-line) !important;
}

body.sl-editorial-pillar .sl-pillar__steps li::before {
  content: counter(sle-step, decimal-leading-zero) !important;
  position: absolute !important;
  inset: 24px auto auto 24px !important;
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 0 !important;
  color: #fff !important;
  background: var(--sle-navy) !important;
  font: 800 .72rem system-ui !important;
}

body.sl-editorial-pillar .sl-pillar__steps li::after { content: none !important; display: none !important; }

body.sl-editorial-pillar .sl-pillar__choice p:last-child {
  margin-top: auto;
  font-size: .79rem;
  font-weight: 850;
}

body.sl-editorial-pillar .sl-pillar__verdict,
body.sl-editorial-pillar .sl-callout,
body.sl-editorial-pillar .sl-insight-box,
body.sl-editorial-pillar .sl-editorial-note {
  margin: 22px 0;
  padding: 25px 28px;
  border: 1px solid #b8d1cb;
  border-left: 5px solid var(--sle-teal);
  background: #eef5f1;
}

body.sl-editorial-pillar .sl-pillar__verdict--amber {
  border-color: #ead3aa;
  border-left-color: #dfa548;
  background: #fff7e8;
}

body.sl-editorial-pillar .sl-pillar__directory {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 22px;
  padding: 0;
  list-style: none;
}

body.sl-editorial-pillar .sl-pillar__directory li {
  min-width: 0;
  min-height: 122px;
  display: flex;
  flex-direction: column;
  padding: 18px;
  border: 1px solid var(--sle-line);
  border-radius: 0 !important;
  background: #fff;
  position: static !important;
}

body.sl-editorial-pillar .sl-pillar__directory li::before,
body.sl-editorial-pillar .sl-pillar__directory li::after { content: none !important; display: none !important; }

body.sl-editorial-pillar .sl-pillar__directory a {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: var(--sle-navy);
  font: 700 1rem/1.25 var(--sle-serif);
  text-decoration: none;
}

body.sl-editorial-pillar .sl-pillar__directory a::after {
  content: "→";
  color: var(--sle-coral);
}

body.sl-editorial-pillar .sl-pillar__directory small {
  margin-top: auto;
  padding-top: 12px;
  color: #586971;
  font-size: .76rem;
}

body.sl-editorial-pillar .sl-pillar table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}

body.sl-editorial-pillar .sl-pillar :where(th, td) {
  padding: 12px;
  border: 1px solid var(--sle-line);
  text-align: left;
}

body.sl-editorial-pillar .sl-pillar th {
  color: var(--sle-navy) !important;
  background: #e8efeb !important;
  font-size: .73rem;
  font-weight: 900;
  letter-spacing: .035em;
  text-transform: uppercase;
}

body.sl-editorial-pillar .sl-pillar td:first-child {
  color: var(--sle-navy) !important;
  font-weight: 800;
}
body.sl-editorial-pillar .sl-table-wrap,
body.sl-editorial-pillar .sl-pillar__table-wrap {
  overflow-x: auto;
  border-radius: 0 !important;
}

body.sl-editorial-pillar .sl-pillar__faq {
  display: grid;
  gap: 9px;
}

body.sl-editorial-pillar .sl-pillar__faq details {
  border: 1px solid var(--sle-line);
  background: #fff;
}

body.sl-editorial-pillar .sl-pillar__faq summary {
  padding: 18px 48px 18px 20px;
  color: var(--sle-navy);
  font: 700 1rem/1.35 var(--sle-serif);
  cursor: pointer;
}

body.sl-editorial-pillar .sl-pillar__faq details p { padding: 0 20px 20px; }

body.sl-editorial-pillar .sl-pillar__final {
  margin-top: 28px;
  padding: clamp(27px, 5vw, 42px);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 18px !important;
  color: rgba(255, 255, 255, .88) !important;
  background: linear-gradient(135deg, #073d50 0%, #07566b 100%) !important;
  box-shadow: 0 18px 42px rgba(6, 45, 74, .14);
}

body.sl-editorial-pillar .sl-pillar__final :where(h2, h3, p, li, strong, span) {
  color: #fff !important;
}

body.sl-editorial-pillar .sl-pillar__final h2 {
  margin-top: 0;
}

body.sl-editorial-pillar .sl-pillar__final p {
  max-width: 850px;
  color: rgba(255, 255, 255, .86) !important;
}

body.sl-editorial-pillar .sl-pillar__final a {
  color: #fff !important;
  text-decoration-color: var(--sle-coral) !important;
}

/* Editorial articles. Activated only for single posts containing .sl-article. */
body.sl-editorial-article .site-content > .ast-container,
body.sl-editorial-article #primary,
body.sl-editorial-article .site-main,
body.sl-editorial-article article.ast-article-single {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.sl-editorial-article article.ast-article-single {
  border: 0 !important;
  background: var(--sle-ivory) !important;
}

body.sl-editorial-article .entry-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.sl-editorial-article .entry-header {
  width: min(1040px, calc(100% - 44px));
  margin: 0 auto !important;
  padding: 20px 0 12px !important;
}

body.sl-editorial-article .entry-meta,
body.sl-editorial-article .entry-meta a {
  color: #61727a !important;
  font-size: .7rem !important;
  font-weight: 800;
  letter-spacing: .055em;
  text-decoration: none;
  text-transform: uppercase;
}

body.sl-editorial-article .entry-content > p:empty,
body.sl-editorial-article .sl-article > p:empty { display: none; }

body.sl-editorial-article .sl-article {
  width: min(1040px, calc(100% - 44px));
  margin: 0 auto 72px;
  color: #314955;
  font-size: 1rem;
  line-height: 1.72;
}

body.sl-editorial-article .sl-article,
body.sl-editorial-article .sl-article * { box-sizing: border-box; }

body.sl-editorial-article .sl-article :where(h1, h2, h3, h4) {
  color: var(--sle-navy);
  font-family: var(--sle-serif);
  letter-spacing: -.025em;
  text-wrap: balance;
}

body.sl-editorial-article .sl-article :where(p, li) {
  color: #344d59;
  text-wrap: pretty;
}

body.sl-editorial-article .sl-article .sl-hero {
  position: relative;
  min-height: 390px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 0 30px;
  padding: 70px 9%;
  overflow: hidden;
  border-top: 5px solid var(--sle-coral);
  border-bottom: 1px solid #dbe2de;
  background:
    radial-gradient(circle at 87% 18%, rgba(8, 124, 121, .14), transparent 26%),
    linear-gradient(135deg, #f3f7f4 0%, #fffdf8 62%, #f8efe0 100%);
}

body.sl-editorial-article .sl-article .sl-hero::after {
  content: "SCELTALAB";
  position: absolute;
  right: -18px;
  bottom: -25px;
  color: rgba(6, 45, 74, .045);
  font: 800 clamp(4.6rem, 10vw, 8.5rem)/1 system-ui, sans-serif;
  letter-spacing: -.07em;
  pointer-events: none;
}

body.sl-editorial-article .sl-article .sl-hero > * { position: relative; z-index: 1; }

body.sl-editorial-article .sl-article .sl-hero .sl-eyebrow {
  order: -1;
  margin: 0 0 18px;
  color: var(--sle-coral);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

body.sl-editorial-article .sl-article .sl-hero h1 {
  max-width: 850px;
  margin: 0;
  font-size: clamp(2.75rem, 5.8vw, 4.7rem);
  line-height: .98;
}

body.sl-editorial-article .sl-article .sl-hero .sl-subtitle {
  max-width: 720px;
  margin: 24px 0 0;
  color: #49606a;
  font: 1.16rem/1.55 var(--sle-serif);
}

body.sl-editorial-article .sl-article > :where(section, div):not(.sl-hero) { margin-block: 30px; }

body.sl-editorial-article .sl-article > h2,
body.sl-editorial-article .sl-article > section > h2,
body.sl-editorial-article .sl-article .sl-products > h2,
body.sl-editorial-article .sl-article .sl-guide > h2,
body.sl-editorial-article .sl-article .sl-faq > h2 {
  margin: 54px 0 20px;
  font-size: clamp(2rem, 4vw, 2.65rem);
  line-height: 1.06;
}

body.sl-editorial-article .sl-article > h2::after,
body.sl-editorial-article .sl-article > section > h2::after,
body.sl-editorial-article .sl-article .sl-products > h2::after,
body.sl-editorial-article .sl-article .sl-guide > h2::after,
body.sl-editorial-article .sl-article .sl-faq > h2::after {
  content: "";
  display: block;
  width: 42px;
  height: 3px;
  margin-top: 11px;
  background: var(--sle-coral);
}

body.sl-editorial-article .sl-article .sl-eyebrow {
  margin: 0 0 7px;
  color: var(--sle-teal);
  font-size: .69rem;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body.sl-editorial-article .sl-article :where(.sl-insight-box, .sl-internal-link-box, .sl-editorial-note) {
  position: relative;
  overflow: hidden;
  padding: 27px 30px;
  border: 1px solid #cbd8d4;
  border-left: 5px solid var(--sle-teal);
  background: linear-gradient(135deg, #eef5f1 0%, #fff 76%);
  box-shadow: 0 12px 30px rgba(6, 45, 74, .065);
}

body.sl-editorial-article .sl-article .sl-internal-link-box {
  border-color: #e3d5bd;
  border-left-color: var(--sle-coral);
  background: linear-gradient(135deg, #fff7eb 0%, #fff 78%);
}

body.sl-editorial-article .sl-article :where(.sl-insight-box, .sl-internal-link-box) h3 {
  margin: 5px 0 12px;
  font-size: 1.5rem;
}

body.sl-editorial-article .sl-article :where(.sl-insight-box, .sl-internal-link-box) > :last-child { margin-bottom: 0; }

body.sl-editorial-article .sl-article .sl-quick-picks {
  padding: 28px;
  border: 1px solid var(--sle-line);
  background: #f5f7f3;
  box-shadow: var(--sle-shadow);
}

body.sl-editorial-article .sl-article .sl-quick-picks h2 {
  margin: 0 0 18px;
  font-size: 1.75rem;
}

body.sl-editorial-article .sl-article .sl-quick-picks ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.sl-editorial-article .sl-article .sl-quick-picks li { margin: 0; padding: 0; }

body.sl-editorial-article .sl-article .sl-quick-picks a {
  position: relative;
  min-height: 70px;
  display: flex;
  align-items: center;
  padding: 14px 42px 14px 16px;
  border: 1px solid #d5dfdc;
  color: var(--sle-navy);
  background: #fff;
  font-size: .84rem;
  line-height: 1.4;
  text-decoration: none;
}

body.sl-editorial-article .sl-article .sl-quick-picks a::after {
  content: "→";
  position: absolute;
  right: 16px;
  color: var(--sle-coral);
  font-size: 1.05rem;
}

body.sl-editorial-article .sl-article .sl-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--sle-line);
  background: #fff;
  box-shadow: var(--sle-shadow);
  -webkit-overflow-scrolling: touch;
}

body.sl-editorial-article .sl-article .sl-table-wrap table {
  width: 100%;
  min-width: 720px;
  margin: 0;
  border: 0;
  border-collapse: collapse;
}

body.sl-editorial-article .sl-article .sl-table-wrap :where(th, td) {
  padding: 14px 15px;
  border: 0;
  border-bottom: 1px solid var(--sle-line);
  color: #344d59;
  font-size: .79rem;
  line-height: 1.45;
  text-align: left;
  vertical-align: top;
}

body.sl-editorial-article .sl-article .sl-table-wrap th {
  color: var(--sle-navy);
  background: #edf3ef;
  font-size: .7rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}

body.sl-editorial-article .sl-article :where(.sl-table-cta, .sl-button, .sl-button-outline) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 !important;
  font-size: .78rem;
  font-weight: 850;
  line-height: 1.25;
  text-align: center;
  text-decoration: none !important;
}

body.sl-editorial-article .sl-article :where(.sl-table-cta, .sl-button) {
  min-height: 46px;
  padding: 11px 17px;
  border: 1px solid var(--sle-petrol);
  color: #fff !important;
  background: var(--sle-petrol);
  box-shadow: 0 9px 20px rgba(7, 86, 107, .16);
}

body.sl-editorial-article .sl-article .sl-table-cta { min-height: 34px; padding: 7px 10px; font-size: .7rem; }

body.sl-editorial-article .sl-article .sl-button-outline {
  min-height: 44px;
  padding: 10px 15px;
  border: 1px solid #9ebcb6;
  color: var(--sle-petrol) !important;
  background: #fff;
}

body.sl-editorial-article .sl-article .sl-button-outline br { display: none; }

body.sl-editorial-article .sl-article .sl-product {
  display: flow-root;
  margin: 34px 0;
  padding: 30px;
  overflow: hidden;
  border: 1px solid #d7dedb;
  border-top: 4px solid var(--sle-petrol);
  background: #fff;
  box-shadow: 0 18px 42px rgba(6, 45, 74, .075);
}

body.sl-editorial-article .sl-article .sl-product > .sl-badge {
  width: fit-content;
  margin: 0 0 12px;
  padding: 6px 10px;
  color: var(--sle-petrol);
  background: #e8f1ee;
  font-size: .67rem;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}

body.sl-editorial-article .sl-article .sl-product > h3 {
  margin: 0 0 22px;
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  line-height: 1.03;
}

body.sl-editorial-article .sl-article .sl-product-image-wrap {
  width: min(38%, 350px);
  min-width: 0;
  height: 310px;
  float: left;
  display: grid;
  place-items: center;
  margin: 0 32px 22px 0;
  padding: 18px;
  overflow: hidden;
  border: 1px solid #e0e4e1;
  background: radial-gradient(circle at 50% 40%, #fff 0%, #f4f6f3 76%);
}

body.sl-editorial-article .sl-article .sl-product-image-wrap a {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
}

body.sl-editorial-article .sl-article .sl-product-image-wrap br { display: none; }

body.sl-editorial-article .sl-article .sl-product-image-wrap img {
  width: auto !important;
  max-width: 100% !important;
  height: 270px !important;
  max-height: 270px !important;
  margin: 0 !important;
  object-fit: contain !important;
}

body.sl-editorial-article .sl-article .sl-product-meta {
  margin: 0 0 12px;
  color: #607079 !important;
  font-size: .75rem;
}

body.sl-editorial-article .sl-article :where(.sl-specs, .sl-metrics) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 20px;
  margin: 10px 0 0;
  padding: 19px 21px;
  list-style: none;
  border: 1px solid #dbe2df;
  background: #f6f8f5;
}

body.sl-editorial-article .sl-article .sl-product > .sl-specs,
body.sl-editorial-article .sl-article .sl-product > .sl-procons,
body.sl-editorial-article .sl-article .sl-product > .sl-product-cta-wrap {
  clear: both;
}

body.sl-editorial-article .sl-article :where(.sl-specs, .sl-metrics) li {
  position: relative;
  margin: 0;
  padding-left: 17px;
  font-size: .79rem;
  line-height: 1.45;
}

body.sl-editorial-article .sl-article :where(.sl-specs, .sl-metrics) li::before {
  content: "";
  position: absolute;
  top: .58em;
  left: 0;
  width: 6px;
  height: 6px;
  background: var(--sle-teal);
}

body.sl-editorial-article .sl-article .sl-procons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 6px;
}

body.sl-editorial-article .sl-article :where(.sl-pros, .sl-cons) {
  min-width: 0;
  padding: 22px;
  border: 1px solid;
}

body.sl-editorial-article .sl-article .sl-pros { border-color: #b9d8cb; background: #eef8f2; }
body.sl-editorial-article .sl-article .sl-cons { border-color: #ebc5bd; background: #fff3f0; }

body.sl-editorial-article .sl-article :where(.sl-pros, .sl-cons) h4 {
  margin: 0 0 12px;
  font-size: 1.18rem;
}

body.sl-editorial-article .sl-article :where(.sl-pros, .sl-cons) ul { margin: 0; padding-left: 19px; }
body.sl-editorial-article .sl-article :where(.sl-pros, .sl-cons) li { margin-bottom: 8px; font-size: .83rem; line-height: 1.5; }
body.sl-editorial-article .sl-article .sl-product-cta-wrap { display: flex; justify-content: flex-end; margin: 4px 0 0; }

body.sl-editorial-article .sl-article .sl-faq {
  padding: 30px;
  border-top: 4px solid var(--sle-coral);
  background: #f5f7f3;
}

body.sl-editorial-article .sl-article .sl-faq > h2 { margin-top: 0; }

body.sl-editorial-article .sl-article .sl-faq-item {
  margin: 9px 0;
  padding: 20px 22px;
  border: 1px solid #d8dfdc;
  background: #fff;
}

body.sl-editorial-article .sl-article .sl-faq-item h3 { margin: 0 0 9px; font-size: 1.12rem; }

/* Article FAQ progressive enhancement. The original server-rendered copy remains intact. */
body.sl-editorial-article .sl-faq.sle-faq-ready {
  display: grid;
  gap: 10px;
}

body.sl-editorial-article .sl-faq.sle-faq-ready > :where(h3, h4),
body.sl-editorial-article .sl-faq.sle-faq-ready .sl-faq-item > :where(h3, h4) {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1rem;
}

body.sl-editorial-article .sl-faq.sle-faq-ready > :where(h3, h4),
body.sl-editorial-article .sl-faq.sle-faq-ready .sl-faq-item {
  border: 1px solid #d8dfdc;
  border-radius: 12px;
  background: #fff;
}

body.sl-editorial-article .sl-faq.sle-faq-ready .sl-faq-item {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

body.sl-editorial-article .sl-faq .sle-faq-toggle {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 24px;
  gap: 16px;
  align-items: center;
  padding: 18px 20px;
  border: 0;
  color: var(--sle-navy);
  background: transparent;
  font: 700 1.02rem/1.4 var(--sle-serif);
  text-align: left;
  cursor: pointer;
}

body.sl-editorial-article .sl-faq .sle-faq-toggle::after {
  content: "+";
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: var(--sle-petrol);
  font: 700 1rem/1 var(--sle-sans);
}

body.sl-editorial-article .sl-faq .sle-faq-toggle[aria-expanded="true"]::after {
  content: "−";
  background: var(--sle-coral);
}

body.sl-editorial-article .sl-faq .sle-faq-toggle:hover,
body.sl-editorial-article .sl-faq .sle-faq-toggle:focus-visible {
  color: var(--sle-teal);
  background: #f8faf7;
}

body.sl-editorial-article .sl-faq .sle-faq-toggle:focus-visible {
  outline: 3px solid rgba(239, 108, 91, .34);
  outline-offset: -3px;
}

body.sl-editorial-article .sl-faq .sle-faq-answer {
  margin: 0;
  padding: 0 20px 20px;
  color: #415862;
}

body.sl-editorial-article .sl-faq .sle-faq-answer > :last-child { margin-bottom: 0; }
body.sl-editorial-article .sl-faq .sle-faq-answer[hidden] { display: none !important; }

body.sl-editorial-article .sl-article .sl-affiliate-note {
  margin-top: 38px;
  padding: 17px 20px;
  border-top: 1px solid #d9dfdc;
  color: #68767c;
  background: #f7f7f3;
  font-size: .72rem;
}

/*
 * Classic editorial articles.
 * Older SceltaLab posts use .pillar-article instead of .sl-article. Keeping this
 * scope separate prevents the article skin from leaking into ordinary posts.
 */
body.sl-editorial-article-classic .pillar-article {
  width: min(1040px, calc(100% - 44px));
  margin: 0 auto 72px;
  color: #344d59;
  font-size: 1rem;
  line-height: 1.74;
}

body.sl-editorial-article-classic .pillar-article,
body.sl-editorial-article-classic .pillar-article * { box-sizing: border-box; }

body.sl-editorial-article-classic .pillar-article :where(h1, h2, h3, h4) {
  color: var(--sle-navy);
  font-family: var(--sle-serif);
  letter-spacing: -.025em;
  text-wrap: balance;
}

body.sl-editorial-article-classic .pillar-article > h1 {
  position: relative;
  margin: 0 0 30px;
  padding: clamp(58px, 8vw, 90px) clamp(28px, 7vw, 78px) clamp(46px, 7vw, 72px);
  overflow: hidden;
  border-top: 5px solid var(--sle-coral);
  border-bottom: 1px solid #dbe2de;
  background:
    radial-gradient(circle at 88% 18%, rgba(8, 124, 121, .15), transparent 28%),
    linear-gradient(135deg, #f1f7f4 0%, #fffdf8 61%, #f8efe0 100%);
  font-size: clamp(2.65rem, 5.6vw, 4.7rem);
  line-height: .99;
}

body.sl-editorial-article-classic .pillar-article > h1::before {
  content: "GUIDA PRATICA · COSTI DEL CAFFÈ";
  display: block;
  margin: 0 0 20px;
  color: var(--sle-coral);
  font: 900 .69rem/1.2 var(--sle-sans);
  letter-spacing: .11em;
}

body.sl-editorial-article-classic .pillar-article > h1::after {
  content: "SCELTALAB";
  position: absolute;
  right: -14px;
  bottom: -24px;
  color: rgba(6, 45, 74, .045);
  font: 800 clamp(4.5rem, 10vw, 8rem)/1 var(--sle-sans);
  letter-spacing: -.07em;
  pointer-events: none;
}

body.sl-editorial-article-classic .pillar-article > h1 + p {
  max-width: 820px;
  margin-top: 0;
  color: #264451;
  font: 1.25rem/1.62 var(--sle-serif);
}

body.sl-editorial-article-classic .pillar-article :where(p, li) {
  color: #344d59;
  text-wrap: pretty;
}

body.sl-editorial-article-classic .pillar-article > section:not(.sl-internal-link-box) {
  margin: 0;
  padding: 1px 0 6px;
}

body.sl-editorial-article-classic .pillar-article h2 {
  margin: 54px 0 20px;
  font-size: clamp(2rem, 4vw, 2.65rem);
  line-height: 1.06;
}

body.sl-editorial-article-classic .pillar-article h2::after {
  content: "";
  display: block;
  width: 42px;
  height: 3px;
  margin-top: 11px;
  background: var(--sle-coral);
}

body.sl-editorial-article-classic .pillar-article ul {
  margin: 20px 0 26px;
  padding: 22px 24px 22px 48px;
  border: 1px solid #d9e2de;
  background: #f5f8f5;
}

body.sl-editorial-article-classic .pillar-article li { margin: 0 0 10px; }
body.sl-editorial-article-classic .pillar-article li:last-child { margin-bottom: 0; }

body.sl-editorial-article-classic .pillar-article .wp-block-image {
  margin: 34px 0 42px !important;
}

body.sl-editorial-article-classic .pillar-article .wp-block-image img {
  width: 100% !important;
  max-height: 520px;
  border-radius: 0 !important;
  object-fit: cover;
  box-shadow: 0 18px 42px rgba(6, 45, 74, .11) !important;
}

body.sl-editorial-article-classic .pillar-article .wp-block-image figcaption {
  margin: 12px auto 0 !important;
  color: #64747b !important;
  font-size: .76rem !important;
  line-height: 1.5 !important;
}

body.sl-editorial-article-classic .pillar-article .sl-internal-link-box {
  position: relative;
  margin: 32px 0;
  padding: 28px 30px;
  overflow: hidden;
  border: 1px solid #e3d5bd;
  border-left: 5px solid var(--sle-coral);
  background: linear-gradient(135deg, #fff7eb 0%, #fff 78%);
  box-shadow: 0 12px 30px rgba(6, 45, 74, .065);
}

body.sl-editorial-article-classic .pillar-article .sl-internal-link-box > :first-child { margin-top: 0; }
body.sl-editorial-article-classic .pillar-article .sl-internal-link-box > :last-child { margin-bottom: 0; }
body.sl-editorial-article-classic .pillar-article .sl-internal-link-box h2 { margin-top: 0; }

body.sl-editorial-article-classic .pillar-article .sl-button-outline {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 17px;
  border: 1px solid #9ebcb6;
  border-radius: 0 !important;
  color: var(--sle-petrol) !important;
  background: #fff;
  font-size: .78rem;
  font-weight: 850;
  line-height: 1.3;
  text-align: center;
  text-decoration: none !important;
}

body.sl-editorial-article-classic .pillar-article .sl-button-outline br { display: none; }

body.sl-editorial-article-classic .pillar-article .sl-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--sle-line);
  background: #fff;
  box-shadow: var(--sle-shadow);
  -webkit-overflow-scrolling: touch;
}

body.sl-editorial-article-classic .pillar-article .sl-table-wrap table {
  width: 100%;
  min-width: 720px;
  margin: 0;
  border: 0;
  border-collapse: collapse;
}

body.sl-editorial-article-classic .pillar-article .sl-table-wrap :where(th, td) {
  padding: 15px;
  border: 0;
  border-bottom: 1px solid var(--sle-line);
  color: #344d59;
  font-size: .82rem;
  line-height: 1.45;
  text-align: left;
  vertical-align: top;
}

body.sl-editorial-article-classic .pillar-article .sl-table-wrap th {
  color: var(--sle-navy);
  background: #edf3ef;
  font-size: .7rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}

body.sl-editorial-article-classic .pillar-article .sl-calculator {
  margin: 28px 0 36px;
  padding: clamp(24px, 4vw, 38px);
  border: 1px solid #d4dfdb;
  border-top: 5px solid var(--sle-teal);
  background: linear-gradient(135deg, #edf6f2 0%, #fff 72%);
  box-shadow: 0 18px 42px rgba(6, 45, 74, .085);
}

body.sl-editorial-article-classic .pillar-article .sl-calculator label {
  display: block;
  margin: 0 0 7px;
  color: var(--sle-navy);
  font-size: .71rem;
  font-weight: 900;
  letter-spacing: .055em;
  text-transform: uppercase;
}

body.sl-editorial-article-classic .pillar-article .sl-calculator br { display: none; }

body.sl-editorial-article-classic .pillar-article .sl-calculator input {
  width: 100%;
  min-height: 49px;
  margin: 0 0 13px;
  padding: 10px 13px;
  border: 1px solid #c8d5d1;
  border-radius: 0;
  color: var(--sle-navy);
  background: #fff;
  font: 750 1rem/1 var(--sle-sans);
}

body.sl-editorial-article-classic .pillar-article .sl-results {
  margin-top: 20px;
  padding: 20px;
  border-left: 5px solid var(--sle-coral);
  color: var(--sle-navy);
  background: #fff8ed;
  font-weight: 750;
}

body.sl-editorial-article-classic .pillar-article .sl-link-category {
  margin-top: 16px !important;
  padding: 21px 22px;
  border: 1px solid #d7e0dc;
  background: #fff;
}

body.sl-editorial-article-classic .pillar-article .sl-link-category > :first-child { margin-top: 0; }
body.sl-editorial-article-classic .pillar-article .sl-link-category > :last-child { margin-bottom: 0; }

@media (max-width: 720px) {
  body.sl-editorial-article-classic .pillar-article,
  body.sl-editorial-article-classic .pillar-article * { box-sizing: border-box !important; }

  body.sl-editorial-article-classic .pillar-article {
    width: calc(100% - 28px);
    margin-bottom: 48px;
    font-size: .97rem;
  }

  body.sl-editorial-article-classic .pillar-article :where(h1, h2, h3, h4, p, a, span, strong) {
    max-width: 100% !important;
    overflow-wrap: break-word;
    text-wrap: wrap !important;
  }

  body.sl-editorial-article-classic .pillar-article > h1 {
    padding: 44px 21px 40px;
    font-size: clamp(2.35rem, 11.5vw, 3.05rem);
  }

  body.sl-editorial-article-classic .pillar-article > h1::before {
    margin-bottom: 16px;
    font-size: .62rem;
    line-height: 1.45;
  }

  body.sl-editorial-article-classic .pillar-article > h1::after { display: none; }
  body.sl-editorial-article-classic .pillar-article > h1 + p { font-size: 1.1rem; }

  body.sl-editorial-article-classic .pillar-article h2 {
    margin-top: 42px;
    font-size: 1.9rem;
  }

  body.sl-editorial-article-classic .pillar-article ul { padding: 19px 17px 19px 38px; }

  body.sl-editorial-article-classic .pillar-article :where(.sl-internal-link-box, .sl-calculator) {
    padding: 22px 18px;
  }

  body.sl-editorial-article-classic .pillar-article .sl-button-outline { width: 100%; }
  body.sl-editorial-article-classic .pillar-article .sl-link-category { padding: 18px 16px; }
  body.sl-editorial-article-classic .pillar-article .wp-block-image img { max-height: 360px; }
}

@media (hover: hover) and (pointer: fine) {
  body.sl-editorial-article-classic .pillar-article .sl-button-outline {
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
  }

  body.sl-editorial-article-classic .pillar-article .sl-button-outline:hover {
    border-color: var(--sle-teal);
    box-shadow: 0 9px 22px rgba(6, 45, 74, .08);
    transform: translateY(-1px);
  }
}

@media (hover: hover) and (pointer: fine) {
  body.sl-editorial-article .sl-article .sl-quick-picks a,
  body.sl-editorial-article .sl-article :where(.sl-table-cta, .sl-button, .sl-button-outline) {
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, filter .16s ease;
  }

  body.sl-editorial-article .sl-article .sl-quick-picks a:hover {
    border-color: #8fb5ae;
    box-shadow: 0 9px 22px rgba(6, 45, 74, .08);
    transform: translateY(-2px);
  }

  body.sl-editorial-article .sl-article :where(.sl-table-cta, .sl-button, .sl-button-outline):hover {
    filter: brightness(1.05);
    transform: translateY(-1px);
  }
}

/* SceltaBrain. Its existing JavaScript, requests and generated links are untouched. */
body.sl-editorial-brain .site-content > .ast-container,
body.sl-editorial-brain #primary,
body.sl-editorial-brain .site-main,
body.sl-editorial-brain article.ast-article-single {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 1 1 100% !important;
}

body.sl-editorial-brain article.page,
body.sl-editorial-brain .entry-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.sl-editorial-brain #sceltabrain-widget {
  width: min(1180px, calc(100% - 44px)) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 32px 0 55px !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--sle-navy) !important;
  background: var(--sle-ivory) !important;
  box-shadow: none !important;
}

body.sl-editorial-brain #sceltabrain-widget,
body.sl-editorial-brain #sceltabrain-widget * { box-sizing: border-box !important; }

body.sl-editorial-brain #sceltabrain-widget .sb-header {
  min-height: 430px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 0 18px !important;
  padding: 55px 52% 55px 48px !important;
  border: 1px solid #e4e0d8;
  text-align: left !important;
  background: linear-gradient(90deg, #fffdf8 0 51%, transparent 64%), url('../images/sceltabrain.jpg') right center / 49% auto no-repeat, #faf7ef;
}

body.sl-editorial-brain #sceltabrain-widget .sb-header * { text-align: left !important; }

body.sl-editorial-brain #sceltabrain-widget .sb-eyebrow {
  color: #187242 !important;
  font: 700 1rem var(--sle-serif) !important;
}

body.sl-editorial-brain #sceltabrain-widget .sb-header h2 {
  margin: 14px 0 20px !important;
  font-size: clamp(3.5rem, 5.8vw, 5.6rem) !important;
  line-height: .92 !important;
}

body.sl-editorial-brain #sceltabrain-widget .sb-header h2::after {
  content: "";
  display: block;
  width: 42px;
  height: 3px;
  margin-top: 22px;
  background: var(--sle-coral);
}

body.sl-editorial-brain #sceltabrain-widget .sb-header p {
  max-width: 520px !important;
  margin: 0 !important;
  color: #314955 !important;
  font: 1.13rem/1.5 var(--sle-serif) !important;
}

body.sl-editorial-brain #sceltabrain-widget :where(.sb-header, #sb-form) > br,
body.sl-editorial-brain #sceltabrain-widget :where(.sb-header, #sb-form) br:first-child,
body.sl-editorial-brain #sceltabrain-widget :where(label, button) > br { display: none !important; }

body.sl-editorial-brain #sceltabrain-widget form#sb-form {
  width: min(960px, 100%) !important;
  min-width: 0 !important;
  max-width: 960px !important;
  margin: 32px auto 0 !important;
  padding: 32px !important;
  border: 1px solid var(--sle-line);
  border-top: 4px solid var(--sle-coral);
  background: #fff;
  box-shadow: var(--sle-shadow);
}

body.sl-editorial-brain #sceltabrain-widget #sb-form label {
  margin-bottom: 13px !important;
  color: var(--sle-navy);
  font: 700 1.65rem var(--sle-serif);
  text-align: left !important;
}

body.sl-editorial-brain #sceltabrain-widget #sb-form > p { width: 100% !important; margin: 0 !important; }

body.sl-editorial-brain #sceltabrain-widget textarea#sb-query,
body.sl-editorial-brain #sceltabrain-widget .sb-follow-up-box textarea {
  width: 100% !important;
  min-height: 145px !important;
  padding: 16px !important;
  border: 1px solid #bfc9c7 !important;
  border-radius: 0 !important;
  background: #fdfdfb !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
}

body.sl-editorial-brain #sceltabrain-widget .sb-follow-up-box input {
  min-width: 220px !important;
  min-height: 46px !important;
  padding: 11px 13px !important;
  border: 1px solid #bfc9c7 !important;
  border-radius: 0 !important;
  background: #fff !important;
  font: inherit !important;
}

body.sl-editorial-brain #sceltabrain-widget #sb-submit,
body.sl-editorial-brain #sceltabrain-widget .sb-follow-up-button,
body.sl-editorial-brain #sceltabrain-widget .sb-product-button {
  min-height: 48px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 12px 19px !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #fff !important;
  background: var(--sle-petrol) !important;
  font-size: .83rem !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

body.sl-editorial-brain #sceltabrain-widget #sb-submit {
  width: auto !important;
  min-width: 220px !important;
  margin: 18px 0 0 auto !important;
}

body.sl-editorial-brain #sceltabrain-widget #sb-conversation {
  width: min(960px, 100%) !important;
  display: grid;
  gap: 14px;
  margin: 32px auto 0 !important;
}

body.sl-editorial-brain #sceltabrain-widget .sb-message {
  max-width: 86%;
  padding: 18px 20px !important;
  border-radius: 0 !important;
  line-height: 1.6;
}

body.sl-editorial-brain #sceltabrain-widget .sb-user-message {
  margin-left: auto;
  border-left: 4px solid var(--sle-teal);
  background: #f0f4f1 !important;
}

body.sl-editorial-brain #sceltabrain-widget .sb-assistant-message {
  max-width: 100%;
  border: 1px solid #b8d1cb;
  background: #eef5f1 !important;
}

body.sl-editorial-brain #sceltabrain-widget .sb-section-title,
body.sl-editorial-brain #sceltabrain-widget #sb-results > div > h3 {
  margin: 32px 0 15px !important;
  font: 700 2rem/1.1 var(--sle-serif) !important;
}

body.sl-editorial-brain #sceltabrain-widget .sb-products-grid,
body.sl-editorial-brain #sceltabrain-widget .sb-primary-grid,
body.sl-editorial-brain #sceltabrain-widget .sb-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body.sl-editorial-brain #sceltabrain-widget .sb-primary-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.sl-editorial-brain #sceltabrain-widget .sb-product-card,
body.sl-editorial-brain #sceltabrain-widget .sb-card {
  min-width: 0;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden;
  padding: 0 !important;
  border: 1px solid var(--sle-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(6, 45, 74, .055) !important;
}

body.sl-editorial-brain #sceltabrain-widget .sb-product-card { padding: 0 !important; }

body.sl-editorial-brain #sceltabrain-widget .sb-product-image-wrap {
  width: 100%;
  height: 230px !important;
  display: grid;
  place-items: center;
  overflow: hidden !important;
  padding: 16px;
  background: #fff;
}

body.sl-editorial-brain #sceltabrain-widget .sb-product-image {
  width: auto !important;
  max-width: 100% !important;
  height: 198px !important;
  max-height: 198px !important;
  object-fit: contain !important;
}

body.sl-editorial-brain #sceltabrain-widget .sb-product-card > :not(.sb-product-image-wrap),
body.sl-editorial-brain #sceltabrain-widget .sb-card > :not(img) {
  margin-inline: 20px;
}

body.sl-editorial-brain #sceltabrain-widget .sb-product-card h4,
body.sl-editorial-brain #sceltabrain-widget .sb-card h4 {
  margin-top: 18px !important;
  font-size: 1.18rem !important;
  line-height: 1.15 !important;
}

body.sl-editorial-brain #sceltabrain-widget .sb-product-meta,
body.sl-editorial-brain #sceltabrain-widget .sb-meta {
  color: #52646c !important;
  font-size: .76rem !important;
}

body.sl-editorial-brain #sceltabrain-widget .sb-product-pill,
body.sl-editorial-brain #sceltabrain-widget .sb-pill {
  display: inline-flex;
  padding: 5px 9px;
  color: var(--sle-petrol) !important;
  background: #e9f2ef !important;
  font-size: .68rem;
  font-weight: 850;
}

body.sl-editorial-brain #sceltabrain-widget .sb-product-actions,
body.sl-editorial-brain #sceltabrain-widget .sb-actions {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px !important;
  margin-top: auto !important;
  margin-bottom: 20px !important;
  padding-top: 16px !important;
}

body.sl-editorial-brain #sceltabrain-widget .sb-secondary-button,
body.sl-editorial-brain #sceltabrain-widget .sb-link-secondary,
body.sl-editorial-brain #sceltabrain-widget .sb-link {
  display: inline-flex !important;
  align-items: center;
  padding: 9px 11px !important;
  border: 1px solid #b9c8c4 !important;
  border-radius: 0 !important;
  color: var(--sle-petrol) !important;
  background: #fff !important;
  font-size: .73rem !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

body.sl-editorial-brain #sceltabrain-widget .sb-follow-up-box {
  margin-top: 18px !important;
  padding: 22px !important;
  border: 1px solid #d9d5cc !important;
  border-left: 4px solid var(--sle-coral) !important;
  border-radius: 0 !important;
  background: var(--sle-paper) !important;
}

body.sl-editorial-brain #sceltabrain-widget .sb-reset-button {
  padding: 9px 13px !important;
  border: 1px solid #bdcac6 !important;
  border-radius: 0 !important;
  color: var(--sle-petrol) !important;
  background: transparent !important;
  font-size: .76rem !important;
  font-weight: 800 !important;
}

body.sl-editorial-brain #sceltabrain-widget .sb-reset-wrap {
  width: min(960px, 100%) !important;
  display: flex !important;
  justify-content: flex-end !important;
  margin: 14px auto 0 !important;
}

body.sl-editorial-brain #sceltabrain-widget .sb-disclaimer {
  max-width: 760px !important;
  margin: 35px auto 0 !important;
  color: #65737a !important;
  font-size: .75rem !important;
}

/* Approved large-desktop treatment. Mobile and tablet rules remain unchanged. */
@media (min-width: 1440px) {
  body.sl-editorial-chrome .site-branding,
  body.sl-editorial-chrome .site-branding .site-logo-img,
  body.sl-editorial-chrome .site-branding .custom-logo-link {
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
  }

  body.sl-editorial-chrome .site-header .custom-logo {
    width: 320px !important;
    max-width: 320px !important;
    height: auto !important;
    max-height: 112px !important;
    object-fit: contain !important;
  }

  body.sl-editorial-chrome .sle-footer__brand .custom-logo {
    width: 320px !important;
    height: auto !important;
    max-height: 112px !important;
    object-fit: contain !important;
  }

  body.sl-editorial-article .entry-header,
  body.sl-editorial-article .sl-article,
  body.sl-editorial-article-classic .pillar-article {
    width: min(1180px, calc(100% - 64px)) !important;
    max-width: 1180px !important;
  }

  body.sl-editorial-article .sl-article,
  body.sl-editorial-article-classic .pillar-article {
    font-size: 1.06rem;
  }
}

@media (max-width: 980px) {
  body.sl-editorial-home .sceltalab-home__hero::after {
    width: 50%;
    opacity: .35;
  }

  body.sl-editorial-home .sceltalab-home__guides-grid,
  body.sl-editorial-home .sceltalab-home__coffee-list,
  body.sl-editorial-guide .sl-guide-hub__posts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.sl-editorial-category .sl-category-hub__children {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.sl-editorial-pillar .sl-pillar__nav ul,
  body.sl-editorial-pillar .sl-pillar__directory {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.sl-editorial-article .sl-article .sl-product-image-wrap { width: min(40%, 310px); }

  body.sl-editorial-chrome .sle-footer__grid { grid-template-columns: 1.4fr repeat(2, 1fr); }
  body.sl-editorial-chrome .sle-footer__brand { grid-row: span 2; }
}

@media (max-width: 720px) {
  body.sl-editorial { overflow-x: hidden !important; }

  body.sl-editorial :where(.sceltalab-home, .sl-guide-hub, .sl-pillar, .sl-article, #sceltabrain-widget),
  body.sl-editorial :where(.sceltalab-home, .sl-guide-hub, .sl-pillar, .sl-article, #sceltabrain-widget) * {
    box-sizing: border-box !important;
  }

  body.sl-editorial :where(.sceltalab-home, .sl-guide-hub, .sl-pillar, .sl-article, #sceltabrain-widget) :where(h1, h2, h3, h4, p, a, span, strong) {
    max-width: 100% !important;
    overflow-wrap: break-word;
    text-wrap: wrap !important;
  }

  body.sl-editorial-chrome .main-header-bar,
  body.sl-editorial-chrome .ast-primary-header-bar { min-height: 80px; }

  body.sl-editorial-chrome .site-branding img,
  body.sl-editorial-chrome .custom-logo {
    width: 190px !important;
    max-width: 190px !important;
    max-height: 72px !important;
  }

  body.sl-editorial-chrome .site-branding,
  body.sl-editorial-chrome .site-branding .site-logo-img,
  body.sl-editorial-chrome .site-branding .custom-logo-link {
    width: 190px;
    min-width: 190px;
    max-width: 190px;
  }

  body.sl-editorial-chrome .sle-footer__brand .custom-logo {
    width: 240px !important;
    max-width: 100% !important;
  }

  body.sl-editorial-chrome .sle-offers__inner { width: calc(100% - 28px); grid-template-columns: 1fr; }
  body.sl-editorial-chrome .sle-offers__card { grid-template-columns: 62px minmax(0, 1fr); gap: 16px; padding: 21px 18px; }
  body.sl-editorial-chrome .sle-offers__card + .sle-offers__card { border-top: 1px solid #ddd9d0; border-left: 0; }
  body.sl-editorial-chrome .sle-offers__icon { width: 60px; height: 60px; }
  body.sl-editorial-chrome .sle-offers__icon svg { width: 29px; height: 29px; }
  body.sl-editorial-chrome .sle-footer__grid { width: calc(100% - 28px); grid-template-columns: 1fr 1fr; gap: 30px 22px; padding: 38px 0 30px; }
  body.sl-editorial-chrome .sle-footer__brand { grid-column: 1 / -1; grid-row: auto; }
  body.sl-editorial-chrome .sle-footer__bottom { padding: 12px 14px; text-align: center; }

  body.sl-editorial-home .sceltalab-home__wrap,
  body.sl-editorial-guide .sl-guide-hub__shell,
  body.sl-editorial-pillar .sl-pillar,
  body.sl-editorial-article .sl-article,
  body.sl-editorial-brain #sceltabrain-widget {
    width: calc(100% - 28px) !important;
  }

  body.sl-editorial-article .entry-header { width: calc(100% - 28px); }

  body.sl-editorial-home .sceltalab-home__hero {
    min-height: 1000px;
    align-items: flex-start;
    padding-top: 38px !important;
  }

  body.sl-editorial-home .sceltalab-home__hero::after {
    top: auto;
    bottom: 0;
    width: 100%;
    height: 300px;
    opacity: 1;
    clip-path: none;
  }

  body.sl-editorial-home .sceltalab-home__hero h1 {
    font-size: clamp(2.75rem, 12.2vw, 3.35rem) !important;
  }

  body.sl-editorial-home .sceltalab-home__hero .sceltalab-home__wrap > * { max-width: 100% !important; }
  body.sl-editorial-home .sceltalab-home__lead { font-size: 1rem !important; line-height: 1.48 !important; }
  body.sl-editorial-home .sceltalab-home__search-row {
    width: 100% !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.sl-editorial-home .sceltalab-home__search-row input {
    width: 100% !important;
    min-width: 0 !important;
    height: 56px !important;
    padding: 0 14px !important;
    border: 1px solid #c8d0ce !important;
    background: #fff !important;
    font-size: .88rem !important;
  }

  body.sl-editorial-home .sceltalab-home__search-row button {
    width: 100% !important;
    min-width: 0 !important;
    height: 54px !important;
    padding: 0 18px !important;
  }

  body.sl-editorial-home .sceltalab-home__quick-links {
    position: relative;
    z-index: 1;
    width: 100%;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px !important;
    margin-top: 16px !important;
    padding: 0 0 20px;
    background: var(--sle-ivory);
  }

  body.sl-editorial-home .sceltalab-home__quick-links > br {
    display: none !important;
  }

  body.sl-editorial-home .sceltalab-home__section:nth-of-type(2) .sceltalab-home__guide-card,
  body.sl-editorial-home .sceltalab-home__section[aria-labelledby="sceltabrain-beta-title"] .sceltalab-home__guide-card {
    min-height: 0 !important;
    padding: 155px 20px 24px !important;
    background-position: center 16px !important;
    background-size: 135px auto !important;
    text-align: left !important;
  }

  body.sl-editorial-home .sceltalab-home__section:nth-of-type(2) h2,
  body.sl-editorial-home .sceltalab-home__section[aria-labelledby="sceltabrain-beta-title"] h2 { font-size: 1.75rem !important; }

  body.sl-editorial-home .sceltalab-home__main-areas,
  body.sl-editorial-home .sceltalab-home__guides-grid,
  body.sl-editorial-home .sceltalab-home__questions-grid,
  body.sl-editorial-home .sceltalab-home__method-grid,
  body.sl-editorial-home .sceltalab-home__coffee-list,
  body.sl-editorial-guide .sl-guide-hub__categories,
  body.sl-editorial-guide .sl-guide-hub__posts,
  body.sl-editorial-category .sl-category-hub__children,
  body.sl-editorial-pillar .sl-pillar__choice-grid,
  body.sl-editorial-pillar .sl-pillar__cards,
  body.sl-editorial-pillar .sl-pillar__steps,
  body.sl-editorial-pillar .sl-pillar__directory,
  body.sl-editorial-brain #sceltabrain-widget .sb-products-grid,
  body.sl-editorial-brain #sceltabrain-widget .sb-primary-grid,
  body.sl-editorial-brain #sceltabrain-widget .sb-grid {
    grid-template-columns: 1fr !important;
  }

  body.sl-editorial-home .sceltalab-home__area-card,
  body.sl-editorial-home .sceltalab-home__area-card--pillar { grid-column: 1 / -1; }

  body.sl-editorial-guide .sl-guide-hub__hero {
    grid-template-columns: 1fr;
    width: 100% !important;
  }

  body.sl-editorial-guide .sl-guide-hub__hero-copy {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    margin-inline: auto;
    padding: 45px 0;
  }

  body.sl-editorial-guide .sl-guide-hub__hero h1 { font-size: clamp(2.75rem, 12vw, 3.25rem) !important; }
  body.sl-editorial-guide .sl-guide-hub__hero p { font-size: 1rem !important; }
  body.sl-editorial-guide .sl-guide-hub__search { width: 100% !important; max-width: 100% !important; }
  body.sl-editorial-guide .sl-guide-hub__section-head h2 { font-size: 1.95rem !important; }
  body.sl-editorial-guide .sl-guide-hub__hero-image { min-height: 300px; clip-path: none; }

  body.sl-editorial-category .sl-category-hub__hero-art {
    min-height: 270px;
    padding: 34px 22px;
  }

  body.sl-editorial-category .sl-category-hub__hero-art span {
    max-width: 13ch;
    font-size: clamp(2.45rem, 12vw, 3.5rem);
  }

  body.sl-editorial-guide .sl-guide-hub__category { min-height: 220px; }

  body.sl-editorial-pillar .sl-pillar__hero,
  body.sl-editorial-pillar .sl-hero {
    min-height: 740px;
    justify-content: flex-start;
    padding: 42px 20px 350px !important;
    background-position: center, right bottom !important;
    background-size: cover, auto 48% !important;
  }

  body.sl-editorial-pillar-coffee .sl-pillar__hero,
  body.sl-editorial-pillar-coffee .sl-hero {
    background-image: linear-gradient(180deg, rgba(255, 253, 248, 1) 0 52%, rgba(255, 253, 248, .92) 65%, transparent 84%), url('../images/pillar-coffee.jpg') !important;
  }

  body.sl-editorial-pillar-fryer .sl-pillar__hero,
  body.sl-editorial-pillar-fryer .sl-hero {
    background-image: linear-gradient(180deg, rgba(255, 253, 248, 1) 0 52%, rgba(255, 253, 248, .92) 65%, transparent 84%), url('../images/pillar-fryer.jpg') !important;
  }

  body.sl-editorial-pillar .sl-pillar.sl-pillar--robot :where(.sl-pillar__hero, .sl-hero) {
    background-image: linear-gradient(180deg, rgba(255, 253, 248, 1) 0 52%, rgba(255, 253, 248, .92) 65%, transparent 84%), url('../images/category-robot.jpg') !important;
  }

  body.sl-editorial-pillar .sl-pillar__hero h1,
  body.sl-editorial-pillar .sl-hero h1 { font-size: clamp(2.55rem, 11.8vw, 3.2rem) !important; }

  body.sl-editorial-pillar .sl-pillar__nav { padding: 18px 14px; }
  body.sl-editorial-pillar .sl-pillar__nav ul { grid-template-columns: 1fr; }
  body.sl-editorial-pillar .sl-pillar__choice { min-height: 0; }

  body.sl-editorial-article .sl-article .sl-hero {
    min-height: 0;
    padding: 46px 22px 50px;
  }

  body.sl-editorial-article .sl-article .sl-hero::after { display: none; }
  body.sl-editorial-article .sl-article .sl-hero h1 { font-size: clamp(2.45rem, 11.5vw, 3.2rem) !important; }
  body.sl-editorial-article .sl-article .sl-hero .sl-subtitle { font-size: 1rem; }
  body.sl-editorial-article .sl-article :where(.sl-insight-box, .sl-internal-link-box, .sl-editorial-note) { padding: 22px 19px; }
  body.sl-editorial-article .sl-article .sl-quick-picks { padding: 21px 17px; }
  body.sl-editorial-article .sl-article .sl-quick-picks ul,
  body.sl-editorial-article .sl-article :where(.sl-specs, .sl-metrics),
  body.sl-editorial-article .sl-article .sl-procons { grid-template-columns: 1fr !important; }
  body.sl-editorial-article .sl-article .sl-quick-picks a { min-height: 62px; }

  body.sl-editorial-article .sl-article .sl-product {
    display: flow-root;
    padding: 20px 17px;
  }

  body.sl-editorial-article .sl-article .sl-product-image-wrap {
    width: 100%;
    float: none;
    margin: 0 0 18px;
  }

  body.sl-editorial-article .sl-article .sl-product-image-wrap { height: 290px; }
  body.sl-editorial-article .sl-article .sl-product-image-wrap img { height: 250px !important; max-height: 250px !important; }
  body.sl-editorial-article .sl-article .sl-product-cta-wrap { justify-content: stretch; }
  body.sl-editorial-article .sl-article .sl-product-cta-wrap .sl-button { width: 100%; }
  body.sl-editorial-article .sl-article .sl-faq { padding: 23px 17px; }

  body.sl-editorial-brain #sceltabrain-widget { padding-top: 12px !important; }

  body.sl-editorial-brain #sceltabrain-widget .sb-header {
    min-height: 590px;
    justify-content: flex-start;
    padding: 35px 22px 285px !important;
    background-position: center bottom;
    background-size: 0, min(330px, 90%) auto;
  }

  body.sl-editorial-brain #sceltabrain-widget .sb-header h2 {
    font-size: clamp(2.85rem, 13vw, 3.65rem) !important;
  }

  body.sl-editorial-brain #sceltabrain-widget form#sb-form { margin-top: 18px !important; padding: 22px 18px !important; }
  body.sl-editorial-brain #sceltabrain-widget #sb-submit { width: 100% !important; min-width: 0 !important; margin-left: 0 !important; }
  body.sl-editorial-brain #sceltabrain-widget .sb-message { max-width: 100%; }
  body.sl-editorial-brain #sceltabrain-widget .sb-product-image-wrap { height: 220px !important; padding: 14px !important; }
  body.sl-editorial-brain #sceltabrain-widget .sb-product-image { height: 190px !important; max-height: 190px !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.sl-editorial *,
  body.sl-editorial *::before,
  body.sl-editorial *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}