/* A prominent editorial break after the McValue offer. */
.saving-tips-section.section-shell {
  background:#FFC72C;
  color:#111111;
  padding-block:64px 68px;
}
.saving-tips-section.section-shell>h2 {
  color:#DA291C;
  max-width:28ch;
  font-size:clamp(36px,3.5vw,52px);
  font-weight:750;
  line-height:1.1;
  letter-spacing:-.025em;
  margin:0 0 20px;
}
.saving-tips-section.section-shell>p {
  max-width:70ch;
  font-size:17px;
  line-height:1.7;
  color:#111111;
  margin:0 0 36px;
}
.saving-tips-section .saving-tips-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(28px,5vw,80px);
  row-gap:0;
  list-style:none;
  counter-reset:saving-tip;
  padding:0;
  margin:0;
}
.saving-tips-section .saving-tips-list>li {
  counter-increment:saving-tip;
  position:relative;
  min-width:0;
  padding:26px 0 28px 68px;
  margin:0;
  border-top:1px solid #DA291C;
  font-size:14px;
  line-height:1.85;
  color:#111111;
}
.saving-tips-section .saving-tips-list>li::before {
  content:counter(saving-tip);
  position:absolute;
  top:27px;
  left:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:50%;
  color:#DA291C;
  background:#FFFFFF;
  font-family:Jost,sans-serif;
  font-size:26px;
  font-weight:750;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.saving-tips-section .saving-tips-list strong {
  display:block;
  font-size:22px;
  font-weight:700;
  line-height:1.35;
  letter-spacing:-.015em;
  margin-bottom:10px;
}
.saving-tips-section ::selection { background:#DA291C; color:#FFFFFF; }
@media (max-width:760px) {
  .saving-tips-section.section-shell { padding-block:40px 36px; }
  .saving-tips-section.section-shell>h2 { font-size:clamp(32px,6vw,42px); }
  .saving-tips-section.section-shell>p { font-size:16px; margin-bottom:28px; }
  .saving-tips-section .saving-tips-list { grid-template-columns:minmax(0,1fr); }
  .saving-tips-section .saving-tips-list>li { padding:22px 0 24px 58px; }
  .saving-tips-section .saving-tips-list>li::before { top:23px; width:38px; height:38px; font-size:23px; }
  .saving-tips-section .saving-tips-list strong { font-size:20px; }
}
