
body:has(.marsh-unified-article) {
  background: #f6faf7;
}

.marsh-unified-article {
  --ma-ink: #17382c;
  --ma-ink-soft: #496158;
  --ma-forest: #064a31;
  --ma-forest-deep: #033c28;
  --ma-green: #087b4e;
  --ma-green-bright: #10ad63;
  --ma-mint: #e9f8ef;
  --ma-mint-2: #f4fbf6;
  --ma-line: #cfe5d7;
}

section.container.py-0 > .col-md-9:has(.marsh-unified-article) {
  width: 100% !important;
  max-width: 1220px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

html body section.container.py-0 > .col-md-9:has(.marsh-unified-article) > h1 {
  display: block !important;
  max-width: 1160px;
  margin: 34px auto 20px !important;
  padding: 0 24px;
  color: #17382c !important;
  font-size: clamp(34px, 5vw, 60px) !important;
  font-weight: 800 !important;
  line-height: 1.06 !important;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.marsh-unified-article {
  position: relative !important;
  width: auto !important;
  max-width: 1160px !important;
  margin: 18px auto 64px !important;
  padding: clamp(24px, 4vw, 52px) !important;
  border: 1px solid var(--ma-line) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 96% 1%, rgba(16, 173, 99, .14), transparent 25rem),
    linear-gradient(180deg, #f5fcf7 0, #fff 520px) !important;
  box-shadow: 0 24px 72px rgba(4, 71, 45, .09) !important;
  color: var(--ma-ink) !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
}

.marsh-unified-article,
.marsh-unified-article * { box-sizing: border-box; }
.marsh-unified-article p { margin-bottom: 18px; }
.marsh-unified-article a { color: var(--ma-green); text-decoration-thickness: 1px; text-underline-offset: 4px; }

.marsh-unified-article .ma-back-to-articles,
.marsh-unified-article .mg-back,
.marsh-unified-article .guide-back {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  min-height: 44px !important;
  margin: 0 0 24px !important;
  padding: 10px 16px !important;
  border: 1px solid rgba(8, 123, 78, .28) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .88) !important;
  box-shadow: 0 7px 20px rgba(5, 77, 49, .07);
  color: var(--ma-green) !important;
  font-size: 15px !important;
  font-weight: 750 !important;
  text-decoration: none !important;
}

.marsh-unified-article #marsh-author-meta {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto auto;
  column-gap: 28px;
  margin: 0 0 32px !important;
  padding: 24px 28px !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 20px !important;
  background: radial-gradient(circle at 88% 18%, rgba(129, 238, 177, .28), transparent 17rem), linear-gradient(135deg, var(--ma-forest-deep), var(--ma-green)) !important;
  box-shadow: 0 18px 40px rgba(4, 70, 45, .18);
  color: #fff !important;
}
.marsh-unified-article #marsh-author-meta::after { content: ''; position: absolute; right: -44px; bottom: -78px; width: 190px; height: 190px; border: 34px solid rgba(255,255,255,.06); border-radius: 50%; pointer-events: none; }
.marsh-unified-article #marsh-author-meta p { position: relative; z-index: 1; margin: 0 !important; color: #fff !important; }
.marsh-unified-article #marsh-author-meta .mam-label { grid-column: 1; color: #a9f2c9 !important; font-size: 11px !important; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.marsh-unified-article #marsh-author-meta .mam-name { grid-column: 1; margin-top: 5px !important; color: #fff !important; font-size: 22px !important; font-weight: 800; line-height: 1.3; }
.marsh-unified-article #marsh-author-meta .mam-competence { grid-column: 1; max-width: 760px; margin-top: 6px !important; color: rgba(255,255,255,.84) !important; font-size: 15px !important; line-height: 1.5; }
.marsh-unified-article #marsh-author-meta .mam-date { grid-column: 2; grid-row: 1 / 4; align-self: center; min-width: 188px; padding: 12px 15px; border: 1px solid rgba(255,255,255,.24); border-radius: 12px; background: rgba(255,255,255,.11); color: #fff !important; font-size: 13px !important; backdrop-filter: blur(8px); }
.marsh-unified-article #marsh-author-meta .mam-date strong { display: block; margin-bottom: 2px; color: #baf4d3 !important; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }

/* MARSH-ARTICLE-AUTHOR-CONTRAST-FIX-2026-09-16 */
html body .content #marsh-author-meta,
html body .content #marsh-author-meta p,
html body .content #marsh-author-meta .mam-name,
html body .content #marsh-author-meta .mam-competence,
html body .content #marsh-author-meta .mam-date {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html body .content #marsh-author-meta .mam-label,
html body .content #marsh-author-meta .mam-date strong {
  color: #baf4d3 !important;
  -webkit-text-fill-color: #baf4d3 !important;
}

.marsh-unified-article :is(.ma-kicker,.mg-kicker,.eyebrow,.guide-eyebrow) {
  display: inline-flex !important;
  align-items: center;
  gap: 9px;
  margin: 0 0 16px !important;
  color: var(--ma-green) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.marsh-unified-article :is(.ma-kicker,.mg-kicker,.eyebrow,.guide-eyebrow)::before { content: ''; width: 28px; height: 3px; border-radius: 99px; background: linear-gradient(90deg, var(--ma-green), #4ed58d); }
.marsh-unified-article :is(.ma-lead,.mg-lead,.lead,.guide-lead) { max-width: 980px; margin-bottom: 30px !important; color: #23473a !important; font-size: clamp(21px,2.4vw,29px) !important; font-weight: 560; line-height: 1.5 !important; letter-spacing: -.012em; }

.marsh-unified-article :is(.ma-engineer-note,.ma-expert,.ma-note,.mg-note,.guide-note,.note) {
  position: relative;
  margin: 28px 0 !important;
  padding: 25px 28px 24px 76px !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, var(--ma-forest-deep), #0b6743) !important;
  box-shadow: 0 16px 36px rgba(4,70,45,.16);
  color: #fff !important;
}
.marsh-unified-article :is(.ma-engineer-note,.ma-expert,.ma-note,.mg-note,.guide-note,.note)::before { content: '!'; position: absolute; left: 24px; top: 25px; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #7be0a6; color: var(--ma-forest-deep); font-size: 19px; font-weight: 900; }
.marsh-unified-article :is(.ma-engineer-note,.ma-expert,.ma-note,.mg-note,.guide-note,.note) :is(p,li) { color: rgba(255,255,255,.93) !important; }
.marsh-unified-article :is(.ma-engineer-note,.ma-expert,.ma-note,.mg-note,.guide-note,.note) > strong { display: block; margin-bottom: 7px; color: #b8f5d1 !important; font-size: 14px; letter-spacing: .06em; text-transform: uppercase; }

.marsh-unified-article :is(.ma-summary,.mg-summary,.guide-summary,.ma-check,.checklist-box) { margin: 30px 0 !important; padding: 26px 30px !important; border: 1px solid #a9d9b9 !important; border-radius: 18px !important; background: linear-gradient(135deg,#effbf3,#e1f4d7) !important; box-shadow: 0 12px 30px rgba(8,123,78,.08); }
.marsh-unified-article :is(.ma-toc,.mg-toc,.guide-nav,.guide-toc) { display: block !important; margin: 32px 0 !important; padding: 28px 30px !important; border: 1px solid var(--ma-line) !important; border-radius: 20px !important; background: rgba(255,255,255,.94) !important; box-shadow: 0 16px 40px rgba(4,70,45,.08); }
.marsh-unified-article :is(.ma-toc,.mg-toc,.guide-nav,.guide-toc) > strong { display: block; width: 100%; margin-bottom: 14px; color: var(--ma-forest) !important; font-size: 18px; }
.marsh-unified-article :is(.ma-toc,.mg-toc,.guide-nav,.guide-toc) a { display: inline-flex; margin: 4px 14px 4px 0; padding: 8px 12px; border-radius: 10px; background: var(--ma-mint-2); color: #24513e !important; font-size: 15px; font-weight: 680; line-height: 1.35; text-decoration: none; }

.marsh-unified-article > section { position: relative; margin: 0 !important; padding: 40px 0 8px !important; border-top: 1px solid #dfebe3 !important; }
.marsh-unified-article > section:first-of-type { border-top: 0 !important; }
.marsh-unified-article h2 { position: relative; margin: 0 0 18px !important; padding-left: 20px !important; color: var(--ma-forest-deep) !important; font-size: clamp(25px,3vw,34px) !important; line-height: 1.25 !important; letter-spacing: -.025em; }
.marsh-unified-article h2::before { content: ''; position: absolute; left: 0; top: .15em; width: 7px; height: 1em; border-radius: 99px; background: linear-gradient(180deg,#17bd6d,#087b4e); }
.marsh-unified-article h3 { color: #174832 !important; line-height: 1.35 !important; }

.marsh-unified-article figure { margin: 24px 0 !important; overflow: hidden; border: 1px solid var(--ma-line) !important; border-radius: 18px !important; background: #fff !important; box-shadow: 0 14px 34px rgba(4,70,45,.1); }
.marsh-unified-article figure img { display: block; width: 100% !important; height: auto !important; max-height: 720px !important; object-fit: contain !important; background: #edf6f0 !important; border-radius: 0 !important; }
.marsh-unified-article figcaption { min-height: 62px; margin: 0 !important; padding: 13px 16px 15px !important; border-top: 1px solid #e4eee7; background: linear-gradient(180deg,#fff,#f5faf6); color: #536b60 !important; font-size: 13px !important; line-height: 1.48 !important; }
.marsh-unified-article :is(.ma-gallery,.mg-gallery,.guide-gallery,.projects) { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 20px !important; margin: 32px 0 8px !important; }
.marsh-unified-article :is(.ma-gallery,.mg-gallery,.guide-gallery,.projects) figure { margin: 0 !important; }

.marsh-unified-article :is(.ma-table-wrap,.table-wrap,.table-scroll) { margin: 24px 0 !important; overflow-x: auto; border: 1px solid var(--ma-line) !important; border-radius: 18px !important; box-shadow: 0 12px 30px rgba(4,70,45,.07); }
.marsh-unified-article table { width: 100% !important; border-collapse: collapse !important; background: #fff !important; font-size: 15px !important; }
.marsh-unified-article th,
.marsh-unified-article td { padding: 15px 17px !important; border: 0 !important; border-bottom: 1px solid #dbe9df !important; text-align: left; vertical-align: top; }
.marsh-unified-article th { background: linear-gradient(135deg,var(--ma-forest-deep),#086b45) !important; color: #fff !important; font-weight: 750; }
.marsh-unified-article th * { color: #fff !important; }
.marsh-unified-article tbody tr:nth-child(even) { background: #f1f9f4 !important; }

.marsh-unified-article details { margin: 10px 0 !important; padding: 0 !important; overflow: hidden; border: 1px solid var(--ma-line) !important; border-radius: 14px !important; background: #fff !important; box-shadow: 0 8px 22px rgba(4,70,45,.05); }
.marsh-unified-article summary { position: relative; padding: 17px 52px 17px 19px !important; cursor: pointer; color: #204b38 !important; font-weight: 760; list-style: none; }
.marsh-unified-article summary::-webkit-details-marker { display: none; }
.marsh-unified-article summary::after { content: '+'; position: absolute; right: 17px; top: 50%; display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--ma-mint); color: var(--ma-green); font-size: 20px; transform: translateY(-50%); }
.marsh-unified-article details[open] { border-color: #8fcbaa !important; background: #f7fcf8 !important; }
.marsh-unified-article details[open] summary::after { content: '\2212'; background: var(--ma-green); color: #fff; }
.marsh-unified-article details > :not(summary) { margin-right: 19px; margin-left: 19px; }

.marsh-unified-article :is(.ma-cta,.mg-cta,.guide-cta,.article-cta) { position: relative; margin: 40px 0 0 !important; padding: clamp(28px,4vw,46px) !important; overflow: hidden; border: 0 !important; border-radius: 24px !important; background: radial-gradient(circle at 90% 0,rgba(141,242,181,.26),transparent 20rem), linear-gradient(135deg,#033d29,#087b4e 68%,#0c9157) !important; box-shadow: 0 22px 48px rgba(4,70,45,.2); color: #fff !important; }
.marsh-unified-article :is(.ma-cta,.mg-cta,.guide-cta,.article-cta) h2 { margin: 0 0 14px !important; padding: 0 !important; color: #fff !important; }
.marsh-unified-article :is(.ma-cta,.mg-cta,.guide-cta,.article-cta) h2::before { display: none; }
.marsh-unified-article :is(.ma-cta,.mg-cta,.guide-cta,.article-cta) :is(p,li) { position: relative; z-index: 1; color: rgba(255,255,255,.88) !important; }
.marsh-unified-article :is(.ma-actions,.mg-actions,.guide-actions) { position: relative; z-index: 1; display: flex !important; flex-wrap: wrap; gap: 12px !important; margin-top: 22px !important; }
.marsh-unified-article :is(.ma-button,.ma-primary,.ma-secondary,.mg-button,.guide-button) { display: inline-flex !important; align-items: center; justify-content: center; min-height: 52px !important; padding: 13px 22px !important; border: 1px solid #8ae1ae !important; border-radius: 10px !important; background: #fff !important; box-shadow: 0 10px 24px rgba(0,0,0,.12); color: var(--ma-forest) !important; font-weight: 800 !important; text-align: center; text-decoration: none !important; cursor: pointer; }
.marsh-unified-article :is(.ma-disclosure,.mg-disclosure,.guide-disclosure) { margin: 22px 0 0 !important; padding: 17px 19px 0 !important; border-top: 1px solid #d9e9de; color: #63756c !important; font-size: 13px !important; line-height: 1.55 !important; }

.marsh-unified-article :is(.matrix,.errors,.ma-cards,.mg-cards) { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 14px !important; margin: 22px 0 !important; }
.marsh-unified-article :is(.matrix,.errors,.ma-cards,.mg-cards) > * { padding: 20px !important; border: 1px solid #d8e6dc !important; border-radius: 14px !important; background: #fbfdfb !important; }

/* MARSH-ARTICLE-DESIGN-ALL-TEMPLATES-2026-09-16 */
.marsh-unified-article :is(#marsh-author-meta,.ma-author,.guide-meta,.ma-review-meta,.mb-meta) {
  margin: 0 0 32px !important;
  padding: 24px 28px !important;
  border: 0 !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg,#033c28,#087b4e) !important;
  box-shadow: 0 18px 40px rgba(4,70,45,.18) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: Montserrat,Arial,sans-serif !important;
  line-height: 1.5 !important;
}
.marsh-unified-article :is(#marsh-author-meta,.ma-author,.guide-meta,.ma-review-meta,.mb-meta) * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.marsh-unified-article :is(#marsh-author-meta,.ma-author,.guide-meta,.ma-review-meta,.mb-meta) :is(.mam-label,.mam-date strong) {
  color: #baf4d3 !important;
  -webkit-text-fill-color: #baf4d3 !important;
}
.marsh-unified-article .marsh-article-primary-cta {
  border-color: #07B266 !important;
  background: #07B266 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.marsh-unified-article .marsh-article-secondary-cta {
  border-color: #07B266 !important;
  background: #fff !important;
  color: #087A49 !important;
  -webkit-text-fill-color: #087A49 !important;
}

@media (max-width: 760px) {
  html body section.container.py-0 > .col-md-9:has(.marsh-unified-article) > h1 { margin-top: 24px !important; padding: 0 14px; font-size: clamp(30px,9vw,43px) !important; }
  .marsh-unified-article { margin: 8px 10px 40px !important; padding: 22px 17px 32px !important; border-radius: 20px !important; font-size: 17px !important; }
  .marsh-unified-article #marsh-author-meta { grid-template-columns: 1fr; padding: 21px !important; border-radius: 16px !important; }
  .marsh-unified-article #marsh-author-meta .mam-date { grid-column: 1; grid-row: auto; justify-self: start; min-width: 0; margin-top: 15px !important; }
  .marsh-unified-article :is(.ma-engineer-note,.ma-expert,.ma-note,.mg-note,.guide-note,.note) { padding: 66px 20px 22px !important; }
  .marsh-unified-article :is(.ma-engineer-note,.ma-expert,.ma-note,.mg-note,.guide-note,.note)::before { left: 20px; top: 20px; }
  .marsh-unified-article :is(.ma-summary,.mg-summary,.guide-summary,.ma-check,.checklist-box,.ma-toc,.mg-toc,.guide-nav,.guide-toc) { padding: 22px 18px !important; }
  .marsh-unified-article :is(.ma-gallery,.mg-gallery,.guide-gallery,.projects,.matrix,.errors,.ma-cards,.mg-cards) { grid-template-columns: 1fr !important; }
  .marsh-unified-article :is(.ma-actions,.mg-actions,.guide-actions) { flex-direction: column; }
  .marsh-unified-article :is(.ma-button,.ma-primary,.ma-secondary,.mg-button,.guide-button) { width: 100% !important; }
}

@media (prefers-reduced-motion: reduce) {
  .marsh-unified-article *,
  .marsh-unified-article *::before,
  .marsh-unified-article *::after { scroll-behavior: auto !important; transition: none !important; }
}
    