.sgnews {
  --sgnews-ink: var(--hcl-neutral-12, #171b18);
  --sgnews-muted: var(--hcl-neutral-10, #606761);
  --sgnews-line: var(--hcl-neutral-4, #dfe4df);
  --sgnews-paper: var(--hcl-neutral-1, #fbfcfa);
  --sgnews-brand: var(--bde-brand-primary-color, #254f3f);
  width: 100%;
  color: var(--sgnews-ink);
  font-family: var(--sg-body, "Arimo", sans-serif);
}

.sgnews__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(28px, 4vw, 56px) clamp(22px, 3vw, 40px);
}

.sgnews-card {
  min-width: 0;
  border-bottom: 1px solid var(--sgnews-line);
  padding-bottom: clamp(24px, 3vw, 36px);
}

.sgnews-card--featured {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  align-items: stretch;
  border: 1px solid var(--sgnews-line);
  padding: 0;
  background: var(--sgnews-paper);
}

.sgnews-card__media {
  display: block;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  background: color-mix(in srgb, var(--sgnews-brand) 12%, white);
}

.sgnews-card--featured .sgnews-card__media { aspect-ratio: auto; min-height: 420px; }

.sgnews-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s ease-in-out;
}

.sgnews-card__media:hover img { transform: scale(1.025); }

.sgnews-card__placeholder {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  min-height: 280px;
  padding: clamp(24px, 4vw, 48px);
  color: var(--sgnews-brand);
  background:
    linear-gradient(135deg, transparent 49.5%, color-mix(in srgb, var(--sgnews-brand) 16%, transparent) 50%, transparent 50.5%),
    color-mix(in srgb, var(--sgnews-brand) 9%, white);
}

.sgnews-card__placeholder span {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.sgnews-card__placeholder strong {
  align-self: flex-end;
  font: 400 clamp(60px, 9vw, 120px)/.8 var(--sg-display, "Cormorant Garamond", serif);
  opacity: .2;
}

.sgnews-card__body { padding-top: 22px; }
.sgnews-card--featured .sgnews-card__body { display: flex; flex-direction: column; justify-content: center; padding: clamp(30px, 5vw, 64px); }

.sgnews-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin-bottom: 16px;
  color: var(--sgnews-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.sgnews-card__meta span { color: var(--sgnews-brand); }

.sgnews-card h3 {
  margin: 0 0 14px;
  font: 500 clamp(28px, 3vw, 42px)/1.05 var(--sg-display, "Cormorant Garamond", serif);
}

.sgnews-card--featured h3 { font-size: clamp(38px, 5vw, 64px); }
.sgnews-card h3 a { color: inherit; text-decoration: none; transition: color .3s ease-in-out; }
.sgnews-card h3 a:hover { color: var(--sgnews-brand); }

.sgnews-card p,
.sgnews__empty > p:not(.sgnews__eyebrow) {
  margin: 0 0 22px;
  color: var(--sgnews-muted);
  font-size: 16px;
  line-height: 1.7;
}

.sgnews-card__link,
.sgnews__empty-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  color: var(--sgnews-brand);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-decoration: none;
  text-transform: uppercase;
  transition: gap .3s ease-in-out, color .3s ease-in-out;
}

.sgnews-card__link:hover,
.sgnews__empty-link:hover { gap: 13px; }

.sgnews__empty {
  padding: clamp(48px, 8vw, 100px);
  border: 1px solid var(--sgnews-line);
  text-align: center;
  background: var(--sgnews-paper);
}

.sgnews__eyebrow {
  margin: 0 0 18px;
  color: var(--sgnews-brand);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.sgnews__empty h3 {
  max-width: 620px;
  margin: 0 auto 18px;
  font: 500 clamp(38px, 6vw, 68px)/1 var(--sg-display, "Cormorant Garamond", serif);
}

.sgnews__empty > p:not(.sgnews__eyebrow) { max-width: 610px; margin-left: auto; margin-right: auto; }
.sgnews__empty-link { margin: 8px auto 0; }

.sgnews__pagination { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 48px; }
.sgnews__pagination .page-numbers { padding: 10px 14px; border: 1px solid var(--sgnews-line); color: var(--sgnews-ink); text-decoration: none; transition: background-color .3s ease-in-out, color .3s ease-in-out; }
.sgnews__pagination .current,
.sgnews__pagination a:hover { color: white; background: var(--sgnews-brand); }

@media (max-width: 767px) {
  .sgnews__grid { grid-template-columns: 1fr; }
  .sgnews-card--featured { display: block; }
  .sgnews-card--featured .sgnews-card__media { aspect-ratio: 4 / 3; min-height: 0; }
  .sgnews-card--featured .sgnews-card__body { padding: 28px 22px 32px; }
  .sgnews__empty { padding-inline: 22px; }
}

/* News-category single-post template */
#news-article-meta {
  color: var(--hcl-neutral-10, #606761);
  font-family: var(--sg-body, "Arimo", sans-serif);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

#news-article-meta svg { width: 15px; height: 15px; color: var(--bde-brand-primary-color, #254f3f); }

#news-article-content {
  width: 100%;
  max-width: 820px;
  margin-inline: auto;
  color: var(--hcl-neutral-11, #343a35);
  font-family: var(--sg-body, "Arimo", sans-serif);
  font-size: clamp(17px, 1.4vw, 19px);
  line-height: 1.82;
}

#news-article-content > *:first-child { margin-top: 0; }
#news-article-content p { margin: 0 0 1.45em; }
#news-article-content h2,
#news-article-content h3,
#news-article-content h4 {
  color: var(--hcl-neutral-12, #171b18);
  font-family: var(--sg-display, "Cormorant Garamond", serif);
  font-weight: 500;
  line-height: 1.08;
}
#news-article-content h2 { margin: 1.6em 0 .55em; font-size: clamp(38px, 4vw, 56px); }
#news-article-content h3 { margin: 1.55em 0 .55em; font-size: clamp(30px, 3vw, 40px); }
#news-article-content h4 { margin: 1.45em 0 .5em; font-size: 27px; }
#news-article-content a { color: var(--bde-brand-primary-color, #254f3f); text-underline-offset: 3px; transition: color .3s ease-in-out; }
#news-article-content ul,
#news-article-content ol { margin: 0 0 1.6em; padding-left: 1.35em; }
#news-article-content li { margin-bottom: .55em; padding-left: .25em; }
#news-article-content blockquote {
  margin: 2.2em 0;
  padding: .2em 0 .2em clamp(22px, 4vw, 42px);
  border-left: 2px solid var(--bde-brand-primary-color, #254f3f);
  color: var(--hcl-neutral-12, #171b18);
  font: 500 clamp(28px, 3vw, 42px)/1.2 var(--sg-display, "Cormorant Garamond", serif);
}
#news-article-content img { width: 100%; height: auto; margin: 1.5em 0; }
#news-article-content table { display: block; max-width: 100%; margin: 2em 0; overflow-x: auto; border-collapse: collapse; font-size: 15px; }
#news-article-content th,
#news-article-content td { padding: 12px 15px; border: 1px solid var(--hcl-neutral-4, #dfe4df); text-align: left; }
#news-article-content th { color: var(--hcl-neutral-12, #171b18); background: var(--hcl-neutral-2, #f5f7f4); }