.mx3006-timeline { padding: 56px 24px; background: #fcfaf5; color: #1a1a1a; }
.mx3006-timeline * { box-sizing: border-box; }
.mx3006-timeline h2 { margin: 0 auto 42px; font-size: 32px; font-weight: 900; text-align: center; }
.mx3006-timeline__grid { display: grid; grid-template-columns: repeat(3, 1fr); width: min(1280px, 100%); margin: 0 auto; }
.mx3006-timeline article { display: grid; grid-template-columns: 58px 1fr; gap: 16px; padding: 10px 34px; border-right: 1px solid #e9be47; }
.mx3006-timeline article:last-child { border-right: 0; }
.mx3006-timeline__icon { display: grid; width: 52px; height: 52px; place-items: center; border: 1px solid rgba(102,74,0,.16); border-radius: 50%; background: linear-gradient(145deg,#e7b944 0%,#ffdf57 58%,#ffed68 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.5),0 7px 16px rgba(167,116,0,.15); }
.mx3006-timeline__icon svg { width: 25px; height: 25px; overflow: visible; fill: none; stroke: #171717; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.mx3006-timeline article strong { color: #8e6c0c; font-size: 14px; }
.mx3006-timeline article h3 { margin: 5px 0 14px; font-size: 18px; }
.mx3006-timeline article ul { margin: 0; padding-left: 17px; color: #43433e; font-size: 13px; line-height: 1.5; }
@media (max-width: 749px) {
  .mx3006-timeline { padding: 46px 18px; }
  .mx3006-timeline h2 { max-width: 330px; margin-bottom: 32px; font-size: 24px; line-height: 1.1; }
  .mx3006-timeline__grid { grid-template-columns: 1fr; }
  .mx3006-timeline article { grid-template-columns: 46px 1fr; padding: 22px 0; border-right: 0; border-bottom: 1px solid #e9be47; }
  .mx3006-timeline article:last-child { border-bottom: 0; }
  .mx3006-timeline__icon { width: 42px; height: 42px; }
  .mx3006-timeline__icon svg { width: 21px; height: 21px; stroke-width: 2; }
}