/* Shared light-blue editorial style. Enqueued only for published non-gallery text posts. */
.mara-article--light-blue {
  --mara-blog-light-bg:#f3f8fb;
  --mara-blog-light-blue:#e7f2f8;
  --mara-blog-light-line:#d2e2eb;
  background:var(--mara-blog-light-bg);
}
.mara-article--light-blue .mara-article-light-blue__hero {
  background:linear-gradient(135deg,#edf6fb 0%,#e5f0f7 100%);
  color:var(--mara-ink);
  padding:clamp(2rem,4vw,3.5rem) 0;
}
.mara-article--light-blue .mara-article-light-blue__hero-grid {
  align-items:center;
  display:grid;
  gap:clamp(1.5rem,4vw,3.5rem);
  grid-template-columns:minmax(0,1fr) minmax(18rem,.96fr);
}
.mara-article--light-blue .mara-article-light-blue__hero-grid.no-image {
  grid-template-columns:minmax(0,1fr);
}
.mara-article--light-blue .mara-article-light-blue__hero-copy { min-width:0; }
.mara-article--light-blue .mara-article-light-blue__hero .mara-context-back {
  color:var(--mara-teal-deep);
  display:inline-flex;
  margin:0 0 1.5rem;
}
.mara-article--light-blue .mara-article-light-blue__hero .mara-eyebrow {
  color:var(--mara-teal-deep);
  letter-spacing:.12em;
  margin-bottom:.85rem;
}
.mara-article--light-blue .mara-article-light-blue__hero h1 {
  color:var(--mara-ink);
  font-size:clamp(2.2rem,4.4vw,3.8rem);
  line-height:1.03;
  max-width:18ch;
}
.mara-article--light-blue .mara-article-light-blue__dek {
  color:var(--mara-muted);
  font-size:clamp(1rem,1.35vw,1.13rem);
  line-height:1.7;
  margin:1.15rem 0 0;
  max-width:38rem;
}
.mara-article--light-blue .mara-article-light-blue__meta {
  color:var(--mara-muted);
  font-size:.78rem;
  margin:1.15rem 0 0;
}
.mara-article--light-blue .mara-article-light-blue__featured-image {
  aspect-ratio:4/3;
  background:transparent;
  border:0;
  box-shadow:none;
  border-radius:1rem;
  height:auto;
  margin:0;
  object-fit:cover;
  width:100%;
}
.mara-article--light-blue .mara-article-light-blue__body {
  max-width:1180px;
  padding:clamp(1.5rem,3vw,2.5rem) 0 clamp(3.5rem,7vw,5.5rem);
}
.mara-article--light-blue .mara-article-light-blue__layout.has-toc {
  align-items:start;
  display:grid;
  gap:clamp(1rem,2.2vw,1.75rem);
  grid-template-areas:"main side";
  grid-template-columns:minmax(0,1fr) minmax(15rem,18rem);
}
.mara-article--light-blue .mara-article-light-blue__layout.no-toc {
  display:block;
  max-width:58rem;
  margin:0 auto;
}
.mara-article--light-blue .mara-article-light-blue__main {
  background:var(--mara-paper);
  border:1px solid color-mix(in srgb,var(--mara-ink) 8%,var(--mara-paper));
  border-radius:1rem;
  grid-area:main;
  min-width:0;
  padding:clamp(1.25rem,3.2vw,3rem);
}
.mara-article--light-blue .mara-article-light-blue__sidebar {
  grid-area:side;
  position:sticky;
  top:6.5rem;
}
.mara-article--light-blue .mara-article-toc {
  background:var(--mara-blog-light-blue);
  border:1px solid var(--mara-blog-light-line);
  border-radius:.85rem;
  margin:0;
  padding:1.15rem 1.3rem;
}
.mara-article--light-blue .mara-article-toc .mara-eyebrow {
  color:var(--mara-teal-deep);
  margin-bottom:.65rem;
}
.mara-article--light-blue .mara-article-toc ol {
  display:grid;
  gap:.55rem;
  list-style:none;
  margin:0;
  padding:0;
}
.mara-article--light-blue .mara-article-toc__item a {
  color:var(--mara-ink);
  font-size:.88rem;
  font-weight:750;
  text-decoration-color:color-mix(in srgb,var(--mara-ink) 35%,transparent);
  text-underline-offset:.22em;
}
.mara-article--light-blue .mara-article-toc__item a:hover,
.mara-article--light-blue .mara-article-toc__item a:focus-visible { color:var(--mara-teal-deep); }
.mara-article--light-blue .mara-article-toc__item--sub { padding-left:.9rem; }
.mara-article--light-blue .mara-article__content { color:var(--mara-ink); }
.mara-article--light-blue .mara-article__content > :first-child { margin-top:0; }
.mara-article--light-blue .mara-article__content > :last-child { margin-bottom:0; }
.mara-article--light-blue .mara-article__content h2 {
  border:0;
  color:var(--mara-ink);
  font-size:clamp(1.55rem,2.45vw,2.1rem);
  line-height:1.14;
  margin:2.3rem 0 .85rem;
  padding:0;
  scroll-margin-top:7rem;
}
.mara-article--light-blue .mara-article__content h3 {
  color:var(--mara-ink);
  font-size:1.24rem;
  line-height:1.28;
  margin:1.8rem 0 .6rem;
  scroll-margin-top:7rem;
}
.mara-article--light-blue .mara-article__content h4 {
  color:var(--mara-ink);
  font-size:1.08rem;
  line-height:1.35;
  margin:1.4rem 0 .5rem;
}
.mara-article--light-blue .mara-article__content p,
.mara-article--light-blue .mara-article__content li {
  color:var(--mara-ink);
  font-size:1rem;
  line-height:1.8;
}
.mara-article--light-blue .mara-article__content p { margin:.85rem 0; }
.mara-article--light-blue .mara-article__content blockquote {
  background:#f0f6fa;
  border-left:3px solid #82b8c8;
  color:var(--mara-ink);
  margin:1.5rem 0;
  padding:1.1rem 1.3rem;
}
.mara-article--light-blue .mara-article__content img {
  background:transparent;
  border:0;
  box-shadow:none;
  border-radius:.65rem;
  height:auto;
  margin:1.5rem 0;
  max-width:100%;
}
.mara-article--light-blue .mara-article__content figure { margin:1.5rem 0; }
.mara-article--light-blue .mara-article__content table {
  border-collapse:collapse;
  display:block;
  max-width:100%;
  overflow-x:auto;
  width:max-content;
}
.mara-article--light-blue .mara-article__content th,
.mara-article--light-blue .mara-article__content td {
  border:1px solid var(--mara-blog-light-line);
  padding:.55rem .7rem;
  text-align:left;
}
.mara-article--light-blue .mara-article__cta { margin-top:2.5rem; }
.mara-article--light-blue .mara-article__context-links { margin-top:2.5rem; }
@media (max-width:900px) {
  .mara-article--light-blue .mara-article-light-blue__layout.has-toc {
    grid-template-columns:minmax(0,1fr) 15rem;
  }
}
@media (max-width:700px) {
  .mara-article--light-blue .mara-article-light-blue__hero { padding:1.35rem 0 1.6rem; }
  .mara-article--light-blue .mara-article-light-blue__hero-grid { grid-template-columns:1fr; }
  .mara-article--light-blue .mara-article-light-blue__hero .mara-context-back { margin-bottom:1rem; }
  .mara-article--light-blue .mara-article-light-blue__hero h1 { font-size:clamp(2rem,8.2vw,2.7rem); }
  .mara-article--light-blue .mara-article-light-blue__featured-image { grid-row:1; }
  .mara-article--light-blue .mara-article-light-blue__layout.has-toc {
    grid-template-areas:"side" "main";
    grid-template-columns:minmax(0,1fr);
  }
  .mara-article--light-blue .mara-article-light-blue__sidebar { position:static; }
  .mara-article--light-blue .mara-article-light-blue__main { padding:1.15rem; }
  .mara-article--light-blue .mara-article__content h2 { margin-top:1.8rem; }
}
