/* MedEd World · brand layer (2026) — loaded last on every page.
   Re-tints the older purple pages to the green/navy logo palette and swaps in the new logo. */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&display=swap");
html:root{
  --brand:#2c6a45;--brand-tint:#eef5ef;--brand-soft:#dfece2;--brand-ink:#1f5236;
  --c1:#2c6a45;--c2:#0f7a72;--cg:linear-gradient(135deg,#2c6a45,#0f7a72 60%,#14b8a6);
  --mh-navy:#1c2c52;--mh-serif:"Cormorant Garamond","Iowan Old Style",Georgia,serif;
}
@media (prefers-color-scheme:dark){html:root:not([data-theme="light"]){--brand:#78c495;--brand-tint:#16241f;--brand-soft:#1d3329;--brand-ink:#b9e5c8;--mh-navy:#c9d6f2}}
html:root[data-theme="dark"]{--brand:#78c495;--brand-tint:#16241f;--brand-soft:#1d3329;--brand-ink:#b9e5c8;--mh-navy:#c9d6f2}

/* new logo: cream seal with the engraved heart + serif wordmark */
.mh-logo .mh-seal{width:42px;height:42px;flex:none;border-radius:50%;background:#fbf8f1;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(44,106,69,.35),0 6px 14px -8px rgba(28,44,82,.5)}
.mh-logo .mh-seal img{width:36px;height:36px;object-fit:contain;display:block}
.mh-logo .mh-wm b{font-family:var(--mh-serif)!important;font-weight:700!important;letter-spacing:.005em!important;color:var(--mh-navy)!important;font-style:normal!important}
.mh-logo .mh-wm small{letter-spacing:.12em;text-transform:uppercase;font-size:10.5px!important}
.mh-logo .mh-wm small em{color:var(--brand)!important;font-style:normal}
/* serif display headings to match the logo */
h1,h2{font-family:var(--mh-serif);letter-spacing:-.005em}

footer a,footer nav a{display:inline-block!important;padding-block:4px!important}

/* MedEd World (2026): globe lines behind the heart seal; wordmark accent; tagline with the medical sign */
.mh-logo .mh-seal,.nx-seal{background:#fbf8f1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%232c6a45' stroke-opacity='.32' stroke-width='1'%3E%3Ccircle cx='32' cy='32' r='29'/%3E%3Cellipse cx='32' cy='32' rx='13' ry='29'/%3E%3Cellipse cx='32' cy='32' rx='23' ry='29'/%3E%3Cpath d='M3 32h58M7 18h50M7 46h50'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important}
.mh-logo .mh-wm small,.nx-brand small{text-transform:uppercase}
.mh-logo .mh-wm b i,.nx-brand b i{font-style:normal;color:var(--brand)!important}