:root {
  --lmdc-blog-forest: var(--lmdc-foret, #0d4a41);
  --lmdc-blog-orange: var(--lmdc-orange, #ee7142);
  --lmdc-blog-almond: var(--lmdc-amande, #add5ba);
  --lmdc-blog-sand: var(--lmdc-sable, #f4f5ef);
  --lmdc-blog-soft: var(--lmdc-fg-soft, #4a5854);
  --lmdc-blog-radius-md: var(--lmdc-radius-md, 20px);
  --lmdc-blog-radius-lg: var(--lmdc-radius-lg, 24px);
  --lmdc-blog-radius-xl: var(--lmdc-radius-xl, 28px);
  --lmdc-blog-shadow: var(--lmdc-shadow-2, 0 22px 50px rgba(13, 74, 65, .14));
}

.article-excerpt,
.lmdc-blog-preview .lmdc-blog-lead {
  max-width: 820px;
  margin: 0 0 clamp(30px, 4vw, 46px);
  padding-left: 20px;
  border-left: 4px solid var(--lmdc-blog-orange);
  color: var(--lmdc-blog-soft);
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 600;
  line-height: 1.55;
}

.article-cover,
.lmdc-blog-preview .lmdc-article-cover {
  width: 100%;
  margin: 0 0 clamp(32px, 5vw, 52px);
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border-radius: var(--lmdc-blog-radius-md);
  background: var(--lmdc-blog-sand);
  box-shadow: var(--lmdc-blog-shadow);
}

.article-cover img,
.lmdc-blog-preview .lmdc-article-cover img {
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  margin: 0;
  border-radius: 0;
  object-fit: cover;
  object-position: center;
}

.article,
.lmdc-blog-preview .lmdc-article-body {
  padding: clamp(28px, 5vw, 64px);
  border: 1px solid rgba(13, 74, 65, .08);
  border-radius: var(--lmdc-blog-radius-lg);
  color: #273f39;
  background: #fff;
  box-shadow: var(--lmdc-blog-shadow);
  font-size: 17px;
  line-height: 1.72;
}

.article-content {
  max-width: 720px;
  margin: 0 auto;
}

.lmdc-blog-preview .lmdc-article-body {
  max-width: 848px;
  margin-right: auto;
  margin-left: auto;
}

.article-content > :first-child,
.lmdc-blog-preview .lmdc-article-body > :first-child {
  margin-top: 0;
}

.article-content > :last-child,
.lmdc-blog-preview .lmdc-article-body > :last-child {
  margin-bottom: 0;
}

.article p,
.article li,
.lmdc-blog-preview .lmdc-article-body p,
.lmdc-blog-preview .lmdc-article-body li {
  font-size: 17px;
  line-height: 1.72;
}

.article p,
.lmdc-blog-preview .lmdc-article-body p {
  margin: 0 0 18px;
}

.article h2,
.article h3,
.lmdc-blog-preview .lmdc-article-body h2,
.lmdc-blog-preview .lmdc-article-body h3 {
  color: var(--lmdc-blog-forest);
  font-family: var(--lmdc-font-display, "LMDC Display", Impact, sans-serif);
  line-height: 1.04;
  text-transform: uppercase;
}

.article h2,
.lmdc-blog-preview .lmdc-article-body h2 {
  margin: 48px 0 18px;
  font-size: clamp(28px, 3.4vw, 38px);
}

.article h3,
.lmdc-blog-preview .lmdc-article-body h3 {
  margin: 34px 0 14px;
  font-size: clamp(22px, 2.7vw, 30px);
}

.article ul,
.article ol,
.lmdc-blog-preview .lmdc-article-body ul,
.lmdc-blog-preview .lmdc-article-body ol {
  margin: 0 0 24px;
  padding-left: 26px;
}

.article li,
.lmdc-blog-preview .lmdc-article-body li {
  margin-bottom: 8px;
  padding-left: 4px;
}

.article li::marker,
.lmdc-blog-preview .lmdc-article-body li::marker {
  color: var(--lmdc-blog-orange);
  font-weight: 800;
}

.article blockquote,
.lmdc-blog-preview .lmdc-article-body blockquote {
  margin: 30px 0;
  padding: 20px clamp(20px, 3vw, 32px);
  border-left: 5px solid var(--lmdc-blog-orange);
  border-radius: 0 var(--lmdc-blog-radius-md) var(--lmdc-blog-radius-md) 0;
  color: var(--lmdc-blog-forest);
  background: var(--lmdc-blog-sand);
}

.article blockquote p,
.lmdc-blog-preview .lmdc-article-body blockquote p {
  margin: 0;
  font-size: clamp(18px, 2vw, 21px);
  font-weight: 650;
  line-height: 1.6;
}

.article figure,
.lmdc-blog-preview .lmdc-article-body figure {
  margin: 32px auto;
  max-width: 100%;
}

.article img,
.lmdc-blog-preview .lmdc-article-body img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  max-height: 680px;
  margin: 0 auto;
  border-radius: var(--lmdc-blog-radius-md);
  object-fit: contain;
}

.article .lmdc-content-block,
.lmdc-blog-preview .lmdc-article-body .lmdc-editor-block {
  box-sizing: border-box;
  margin-top: clamp(34px, 5vw, 54px);
  margin-bottom: clamp(34px, 5vw, 54px);
}

.article .lmdc-content-block figcaption,
.lmdc-blog-preview .lmdc-article-body .lmdc-block-image figcaption,
.lmdc-blog-preview .lmdc-article-body .lmdc-block-gallery figcaption {
  margin-top: 12px;
  color: var(--lmdc-blog-soft);
  font-size: 13.5px;
  font-style: italic;
  line-height: 1.5;
  text-align: center;
}

.article .lmdc-width-wide,
.article .lmdc-gallery,
.lmdc-blog-preview .lmdc-article-body .lmdc-block-image.is-wide,
.lmdc-blog-preview .lmdc-article-body .lmdc-block-gallery {
  position: relative;
  left: 50%;
  width: min(92vw, 940px);
  max-width: none;
  margin-left: 0;
  transform: translateX(-50%);
}

.article .lmdc-editorial-image img,
.lmdc-block-image img,
.lmdc-block-gallery-item img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  max-height: none;
  margin: 0;
  border-radius: var(--lmdc-blog-radius-md);
  object-fit: contain;
  box-shadow: var(--lmdc-blog-shadow);
}

.article .lmdc-editorial-image:not(.lmdc-ratio-auto) img,
.article .lmdc-gallery:not(.lmdc-ratio-auto) .lmdc-gallery-grid img,
.lmdc-block-image:not(.ratio-auto) img,
.lmdc-block-gallery:not(.ratio-auto) .lmdc-block-gallery-item img {
  aspect-ratio: var(--lmdc-block-ratio, 3 / 2);
  height: 100%;
  object-fit: cover;
}

.article .lmdc-ratio-16-9 { --lmdc-block-ratio: 16 / 9; }
.article .lmdc-ratio-16-10 { --lmdc-block-ratio: 16 / 10; }
.article .lmdc-ratio-4-5 { --lmdc-block-ratio: 4 / 5; }
.article .lmdc-ratio-3-2 { --lmdc-block-ratio: 3 / 2; }

.lmdc-block-image.ratio-16-9 .lmdc-block-image-media,
.lmdc-block-gallery.ratio-16-9 .lmdc-block-gallery-item { --lmdc-block-ratio: 16 / 9; aspect-ratio: 16 / 9; }
.lmdc-block-image.ratio-16-10 .lmdc-block-image-media,
.lmdc-block-gallery.ratio-16-10 .lmdc-block-gallery-item { --lmdc-block-ratio: 16 / 10; aspect-ratio: 16 / 10; }
.lmdc-block-image.ratio-4-5 .lmdc-block-image-media,
.lmdc-block-gallery.ratio-4-5 .lmdc-block-gallery-item { --lmdc-block-ratio: 4 / 5; aspect-ratio: 4 / 5; }
.lmdc-block-image.ratio-3-2 .lmdc-block-image-media,
.lmdc-block-gallery.ratio-3-2 .lmdc-block-gallery-item { --lmdc-block-ratio: 3 / 2; aspect-ratio: 3 / 2; }

.lmdc-block-image-media,
.lmdc-block-gallery-item {
  overflow: hidden;
  border-radius: var(--lmdc-blog-radius-md);
  background: #e9eee9;
}

.article .lmdc-position-center,
.lmdc-position-center { object-position: center; }
.article .lmdc-position-top,
.lmdc-position-top { object-position: top; }
.article .lmdc-position-bottom,
.lmdc-position-bottom { object-position: bottom; }
.article .lmdc-position-left,
.lmdc-position-left { object-position: left; }
.article .lmdc-position-right,
.lmdc-position-right { object-position: right; }

.article .lmdc-stats,
.lmdc-block-stats {
  display: grid;
  padding: clamp(22px, 3vw, 30px);
  overflow: hidden;
  border-radius: var(--lmdc-blog-radius-lg);
  color: var(--lmdc-blog-sand);
  background: var(--lmdc-blog-forest);
}

.article .lmdc-stats-grid,
.lmdc-block-stats {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1px;
}

.article .lmdc-stats-grid {
  display: grid;
  margin: 0;
  overflow: hidden;
  border-radius: var(--lmdc-blog-radius-md);
  background: rgba(244, 245, 239, .2);
}

.article .lmdc-stats-grid[data-count="1"], .lmdc-block-stats[data-count="1"] { grid-template-columns: 1fr; }
.article .lmdc-stats-grid[data-count="2"], .lmdc-block-stats[data-count="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.article .lmdc-stats-grid[data-count="3"], .lmdc-block-stats[data-count="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.article .lmdc-stats-grid[data-count="4"], .lmdc-block-stats[data-count="4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.article .lmdc-stat,
.lmdc-block-stat {
  display: flex;
  min-width: 0;
  min-height: 142px;
  padding: clamp(20px, 3vw, 28px);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--lmdc-blog-sand);
  background: var(--lmdc-blog-forest);
  text-align: center;
}

.article .lmdc-stat dt,
.lmdc-block-stat strong {
  color: var(--lmdc-blog-orange);
  font-family: var(--lmdc-font-display, "LMDC Display", Impact, sans-serif);
  font-size: clamp(36px, 5vw, 54px);
  font-weight: 900;
  line-height: .9;
  text-transform: uppercase;
}

.article .lmdc-stat dd,
.lmdc-block-stat span,
.lmdc-block-stat small {
  color: var(--lmdc-blog-sand);
  font-size: 13px;
  line-height: 1.45;
}

.article .lmdc-stat dd { margin: 13px 0 0; }
.article .lmdc-stat dd strong,
.article .lmdc-stat dd span { display: block; }
.article .lmdc-stat dd strong,
.lmdc-block-stat span { font-family: var(--lmdc-font-display, "LMDC Display", Impact, sans-serif); font-size: 15px; letter-spacing: .04em; text-transform: uppercase; }
.article .lmdc-stat dd span,
.lmdc-block-stat small { margin-top: 4px; opacity: .78; }

.article .lmdc-gallery-grid,
.lmdc-block-gallery-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(12px, 2vw, 18px);
}

.article .lmdc-gallery-3 .lmdc-gallery-grid img:first-child,
.lmdc-block-gallery-grid[data-count="3"] .lmdc-block-gallery-item:first-child {
  grid-column: 1 / -1;
}

.article .lmdc-key-points ul,
.lmdc-block-key-points { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.article .lmdc-key-points li,
.lmdc-block-key-point { display: grid; grid-template-columns: minmax(100px, .3fr) minmax(0, 1fr); gap: 16px; align-items: start; padding: 17px 19px; border-radius: 16px; color: var(--lmdc-blog-forest); background: var(--lmdc-blog-almond); }
.article .lmdc-key-points li strong,
.lmdc-block-key-point strong { font-family: var(--lmdc-font-display, "LMDC Display", Impact, sans-serif); font-size: 19px; line-height: 1.1; text-transform: uppercase; }
.article .lmdc-key-points li span,
.lmdc-block-key-point p { margin: 0; font-size: 15.5px; line-height: 1.55; }

.article .lmdc-attributed-quote,
.lmdc-blog-preview .lmdc-article-body .lmdc-block-quote {
  position: relative;
  overflow: hidden;
  padding: clamp(34px, 5vw, 52px);
  border: 0;
  border-radius: 22px;
  color: var(--lmdc-blog-sand);
  background: var(--lmdc-blog-forest);
  box-shadow: var(--lmdc-blog-shadow);
}

.article .lmdc-attributed-quote .lmdc-quote-mark,
.lmdc-block-quote-mark { position: absolute; top: 20px; left: 26px; color: var(--lmdc-blog-orange); font-family: var(--lmdc-font-display, Georgia, serif); font-size: 120px; font-weight: 900; line-height: .55; opacity: .9; }
.article .lmdc-attributed-quote blockquote,
.lmdc-blog-preview .lmdc-article-body .lmdc-block-quote { font-style: normal; }
.article .lmdc-attributed-quote blockquote { position: relative; margin: 0; padding: 30px 0 0; border: 0; border-radius: 0; background: transparent; color: inherit; }
.article .lmdc-attributed-quote blockquote p,
.lmdc-blog-preview .lmdc-article-body .lmdc-block-quote > p { position: relative; max-width: 760px; margin: 0 0 22px; padding-top: 30px; color: var(--lmdc-blog-sand); font-family: var(--lmdc-font-display, "LMDC Display", Impact, sans-serif); font-size: clamp(22px, 3vw, 28px); font-weight: 500; line-height: 1.28; }
.article .lmdc-attributed-quote figcaption,
.lmdc-block-quote footer { position: relative; display: flex; gap: 13px; align-items: center; margin-top: 22px; color: var(--lmdc-blog-sand); font-style: normal; text-align: left; }
.article .lmdc-attributed-quote figcaption > img,
.article .lmdc-quote-initials,
.lmdc-block-quote footer > img,
.lmdc-block-quote-avatar { display: flex; flex: 0 0 46px; width: 46px; height: 46px; max-height: none; margin: 0; align-items: center; justify-content: center; border-radius: 999px; background: var(--lmdc-blog-orange); color: #14201d; object-fit: cover; font-family: var(--lmdc-font-display, "LMDC Display", Impact, sans-serif); font-size: 18px; font-weight: 850; font-style: normal; }
.article .lmdc-attributed-quote figcaption > span:last-child,
.article .lmdc-attributed-quote figcaption strong,
.article .lmdc-attributed-quote figcaption small,
.lmdc-block-quote footer > span:last-child { display: flex; flex-direction: column; }
.article .lmdc-attributed-quote figcaption strong,
.lmdc-block-quote footer strong { color: var(--lmdc-blog-sand); font-family: var(--lmdc-font-display, "LMDC Display", Impact, sans-serif); font-size: 16px; font-style: normal; text-transform: uppercase; }
.article .lmdc-attributed-quote figcaption small,
.lmdc-block-quote footer small { margin-top: 3px; color: rgba(244, 245, 239, .75); font-size: 13px; }

.article .lmdc-article-cta,
.lmdc-blog-preview .lmdc-article-body .lmdc-block-cta {
  position: relative;
  left: 50%;
  display: grid;
  width: min(92vw, 1000px);
  max-width: none;
  margin-left: 0;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .9fr);
  gap: clamp(24px, 4vw, 48px);
  padding: clamp(40px, 6vw, 72px) clamp(28px, 5vw, 64px);
  border-radius: 28px;
  align-items: center;
  color: var(--lmdc-blog-sand);
  background: var(--lmdc-blog-forest);
  box-shadow: var(--lmdc-blog-shadow);
  transform: translateX(-50%);
}

.article .lmdc-article-cta .lmdc-cta-eyebrow,
.lmdc-block-cta-eyebrow { display: block; margin: 0 0 14px; color: var(--lmdc-blog-almond); font-family: var(--lmdc-font-display, "LMDC Display", Impact, sans-serif); font-size: 13px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.article .lmdc-article-cta h2,
.lmdc-blog-preview .lmdc-article-body .lmdc-block-cta h2 { margin: 0; color: var(--lmdc-blog-sand); font-size: clamp(30px, 4vw, 48px); line-height: .98; }
.article .lmdc-article-cta p:not(.lmdc-cta-eyebrow),
.lmdc-blog-preview .lmdc-article-body .lmdc-block-cta p { margin: 0 0 24px; color: rgba(244, 245, 239, .86); font-size: 16px; line-height: 1.6; }
.article .lmdc-article-cta a,
.lmdc-block-cta-button { display: inline-flex; min-height: 48px; padding: 14px 26px; border-radius: 999px; align-items: center; justify-content: center; color: #14201d; background: var(--lmdc-blog-orange); font-family: var(--lmdc-font-display, "LMDC Display", Impact, sans-serif); font-size: 15px; font-weight: 850; line-height: 1; text-align: center; text-decoration: none; text-transform: uppercase; }
.article .lmdc-article-cta a:hover { background: var(--lmdc-blog-almond); }
.article .lmdc-article-cta a:focus-visible { outline: 3px solid var(--lmdc-blog-almond); outline-offset: 4px; }

@media (min-width: 761px) and (max-width: 900px) {
  .article .lmdc-stats-grid[data-count="4"],
  .lmdc-block-stats[data-count="4"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .article .lmdc-article-cta,
  .lmdc-blog-preview .lmdc-article-body .lmdc-block-cta { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .article,
  .lmdc-blog-preview .lmdc-article-body { padding: 24px 20px; }
  .article .article-content h2 { font-size: clamp(28px, 8vw, 34px) !important; line-height: 1 !important; }
  .article .article-content h3 { font-size: clamp(22px, 6.4vw, 27px) !important; line-height: 1.04 !important; }
  .article .article-content > p,
  .article .article-content > blockquote p { font-size: 16px !important; line-height: 1.65 !important; }
  .article .lmdc-article-cta h2 { font-size: clamp(30px, 9vw, 36px) !important; line-height: 1 !important; }
  .article .lmdc-article-cta p:not(.lmdc-cta-eyebrow) { font-size: 16px !important; line-height: 1.6 !important; }
  .article .lmdc-gallery-grid,
  .lmdc-block-gallery-grid { grid-template-columns: 1fr; }
  .article .lmdc-gallery-3 .lmdc-gallery-grid img:first-child,
  .lmdc-block-gallery-grid[data-count="3"] .lmdc-block-gallery-item:first-child { grid-column: auto; }
  .article .lmdc-key-points li,
  .lmdc-block-key-point { grid-template-columns: 1fr; gap: 6px; }
  .article .lmdc-stats-grid[data-count],
  .lmdc-block-stats[data-count] { grid-template-columns: 1fr; }
  .article-cover,
  .lmdc-blog-preview .lmdc-article-cover { border-radius: 18px; }
}
