/* ═══════════════════════════════════════════════════════════════════════
   HRCC "Ridge" theme. Loads AFTER each page's inline styles and re-skins
   the shared system: palette, type, nav, drawer, buttons, footer, plus the
   inner-page selectors (beliefs, signup) that need the new display voice.
   The identity: the actual logo (condensed caps + hickory sprig), the
   ridge the church sits on, Michigan light. No photography required.
   ═══════════════════════════════════════════════════════════════════════ */

:root{
  --bone:#f4f1ea;
  --bone-2:#ebe6da;
  --sand:#dfd8c5;
  --ink:#0f1a13;
  --ink-soft:#3d4a41;
  --muted:#79857c;
  --line:#d3d0c5;
  --forest:#14291d;
  --pine:#1e3a2a;
  --moss:#2f5a3a;
  --leaf:#6abf4b;
  --leaf-deep:#3f8a3a;
  --leaf-soft:#dcedd3;
  --dawn:#f2c9a0;
  --sky:#dde6df;

  /* legacy token names still used by the inner pages */
  --cream:var(--bone);
  --cream-2:var(--bone-2);
  --moss-deep:var(--pine);
  --moss-ink:var(--forest);
  --gold:var(--leaf);
  --ember:#c8622e;

  --font-display:'Archivo','Inter',-apple-system,sans-serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-accent:'Fraunces',Georgia,serif;
}

body{background:var(--bone);color:var(--ink)}
body::after{opacity:.04}
::selection{background:var(--leaf);color:var(--ink)}
:focus-visible{outline-color:var(--leaf-deep)}

/* ─── Display voice: condensed, heavy, sentence case. Uppercase is reserved
       for labels and the mission wall. ─── */
.display,
.page-head h1,.art-body h2,.full h2,.section-head h2,.closer h2,.res-body h3,
.section-subhead h2,.card h3,.contact h3,.foot-brand h2,.drawer nav a{
  font-family:var(--font-display);
  font-weight:700;
  font-stretch:82%;
  letter-spacing:-0.02em;
  line-height:.95;
  font-style:normal;
}
.page-head h1 em,.art-body h2 em,.full h2 em,.section-head h2 em,.closer h2 em,
.card h3 em,.contact h3 em,.foot-brand h2 em{
  font-style:normal;font-weight:700;color:var(--leaf-deep);
}
.full h2 em,.foot-brand h2 em,.card.featured h3 em{color:var(--leaf)}
.serif{font-family:var(--font-accent);font-weight:400;font-style:italic}

.mono-label{
  font-family:var(--font-display);font-stretch:90%;
  font-size:11.5px;font-weight:600;letter-spacing:.16em;
  color:var(--muted);
}
.eyebrow-row .rmark path{stroke:var(--leaf-deep)}

/* ─── Nav: transparent over the hero, solid once you scroll ─── */
.nav{
  background:transparent;
  backdrop-filter:none;-webkit-backdrop-filter:none;
  border-bottom-color:transparent;
}
.nav.scrolled{
  background:rgba(244,241,234,.92);
  backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);
  border-bottom-color:var(--line);
}
.brand{gap:0}
.brand .logo{height:32px;width:auto;display:block}
@media(min-width:768px){.brand .logo{height:38px}}
.nav-links{gap:26px}
@media(min-width:1280px){.nav-links{gap:32px}}
.nav-links a{
  font-family:var(--font-display);font-stretch:92%;font-weight:600;
  font-size:14px;letter-spacing:.02em;color:var(--ink);
}
.nav-links a:hover{color:var(--leaf-deep)}
.nav-links a.active{color:var(--ink);text-decoration-color:var(--leaf);text-decoration-thickness:2px}
.nav-cta{
  border-radius:8px;
  font-family:var(--font-display);font-stretch:92%;font-weight:600;letter-spacing:.02em;
  background:var(--ink);color:var(--bone);
}
.nav-cta:hover{background:var(--leaf);color:var(--ink)}

/* ─── Drawer: forest ─── */
.drawer{background:var(--forest);color:var(--bone)}
.drawer .menu-btn{color:var(--bone)}
.drawer .logo{height:34px;width:auto}
.drawer nav a{
  color:var(--bone);
  border-bottom-color:rgba(244,241,234,.14);
  font-size:clamp(36px,9vw,52px);font-weight:800;font-stretch:76%;
  text-transform:uppercase;letter-spacing:-.005em;
  padding:8px 0;
}
.drawer nav a:hover{color:var(--leaf)}
.drawer-foot{color:rgba(244,241,234,.7)}

/* ─── Buttons: squared-off, condensed label ─── */
.btn,.card .action{
  border-radius:8px;
  font-family:var(--font-display);font-stretch:92%;font-weight:600;letter-spacing:.02em;
}
.btn-primary{background:var(--ink);color:var(--bone)}
.btn-primary:hover{background:var(--leaf);color:var(--ink)}
.btn-ghost{color:var(--ink);border-color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--bone)}
.btn-cream{background:var(--leaf);color:var(--ink)}
.btn-cream:hover{background:var(--bone);color:var(--ink)}

/* ─── Footer: forest, real logo, a ridge horizon above it ─── */
.horizon{
  height:clamp(56px,9vw,120px);
  background:var(--bone);
  position:relative;overflow:hidden;
}
.horizon svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.horizon path{fill:var(--forest)}
footer{background:var(--forest);padding-top:64px}
.foot-logo{height:44px;width:auto;margin-bottom:26px}
.foot-brand h2{font-size:clamp(38px,4vw,52px);max-width:12ch}
.foot-brand p{color:rgba(244,241,234,.66)}
.foot-col .foot-heading{font-family:var(--font-display);font-stretch:90%;letter-spacing:.16em;color:rgba(244,241,234,.5)}
.foot-col a{color:rgba(244,241,234,.86)}
.foot-col a:hover{color:var(--leaf)}
.foot-col address{color:rgba(244,241,234,.86)}
.foot-grid{border-bottom-color:rgba(244,241,234,.14)}
.foot-bottom{color:rgba(244,241,234,.5)}
.socials a{border-color:rgba(244,241,234,.22)}
.socials a:hover{background:var(--leaf);border-color:var(--leaf)}
.socials a:hover svg{fill:var(--ink)}
.socials svg{fill:var(--bone)}

/* ─── Inner-page touch-ups (beliefs) ─── */
.page-head h1{font-size:clamp(60px,10vw,140px);letter-spacing:-.03em}
.page-head .ridge{
  opacity:.5;
  -webkit-mask-image:linear-gradient(90deg,#000 55%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 55%,transparent 100%);
}
.page-head .ridge path{stroke:var(--leaf-deep)}
.head-meta span::before{background:var(--leaf-deep)}
.intro p:first-child{font-family:var(--font-accent);font-style:italic;font-size:22px;line-height:1.5;color:var(--ink)}
.intro a{color:var(--leaf-deep);border-bottom-color:rgba(63,138,58,.4)}
.intro a:hover{border-bottom-color:var(--leaf-deep)}
.toc .t-num,.art-num{font-family:var(--font-display);font-stretch:88%;font-weight:600}
.art-num{color:var(--leaf-deep);opacity:.7;font-size:26px;padding-top:14px}
.toc li a.on .t-num{color:var(--leaf-deep)}
.toc li a.on{padding-left:6px;border-left:2px solid var(--leaf);padding-left:12px}
@media(max-width:959px){.toc li a.on{border-left:1px solid var(--leaf-deep);padding-left:12px}}
.art-body h2{font-size:clamp(36px,4.6vw,56px)}
.refs a:hover{color:var(--leaf-deep);border-color:var(--leaf-deep)}
.full{background:var(--forest)}
.full::before{background:radial-gradient(120% 90% at 85% 10%, rgba(106,191,75,.14) 0%, transparent 55%)}
.full .btn-cream{background:var(--leaf);color:var(--ink)}
.full .btn-cream:hover{background:var(--bone)}
.full .btn-ghost{color:var(--bone);border-color:rgba(244,241,234,.45)}
.full .btn-ghost:hover{background:var(--bone);color:var(--ink);border-color:var(--bone)}
.sixteen span{font-family:var(--font-display);font-stretch:85%;font-weight:600;color:rgba(244,241,234,.55)}
.sixteen span:hover{color:var(--leaf);border-color:rgba(106,191,75,.55)}
.sixteen-cap{font-family:var(--font-display);font-stretch:90%;letter-spacing:.14em}
.res{border-radius:10px}
.res:hover{border-color:var(--leaf-deep)}
.res-body .sub{font-family:var(--font-accent);color:var(--leaf-deep)}
.res-body .kind{font-family:var(--font-display);font-stretch:90%;letter-spacing:.14em}
.res-foot .dl{font-family:var(--font-display);font-stretch:92%;font-weight:600}
.closer h2{font-size:clamp(40px,6vw,84px)}

/* ─── Inner-page touch-ups (signup) ─── */
.card{border-radius:10px}
.card .kind{font-family:var(--font-display);font-stretch:90%;letter-spacing:.14em}
.card h3{font-size:30px}
.card .chip{font-family:var(--font-display);font-stretch:92%;letter-spacing:.06em;background:var(--bone)}
.card .action:hover{background:var(--leaf);color:var(--ink)}
.card.featured{background:var(--forest)}
.card.featured:hover{background:var(--pine)}
.card.featured .action{background:var(--leaf);color:var(--ink)}
.card.featured .action:hover{background:var(--bone)}
.card.featured .chip{background:rgba(244,241,234,.14);color:var(--bone)}
.section-subhead h2{font-size:28px}
.contact h3{font-size:clamp(30px,3.6vw,46px)}

/* ─── Sprig eyebrow mark on inner pages (same mark as the homepage) ─── */
.eyebrow-row .sprig{width:18px;height:18px;flex-shrink:0;color:var(--leaf-deep)}
.full .eyebrow-row .sprig{color:var(--leaf)}

/* September refinement: keep the Ridge identity, make the everyday paths effortless. */
:root{--muted:#59685d;--leaf-deep:#35752f;--motion:cubic-bezier(.22,1,.36,1)}
html{scroll-padding-top:104px}
[id]{scroll-margin-top:104px}
body{font-size:17px}
body::after{display:none}
main:focus,section:focus,.article:focus{outline:none}
.skip-link{position:fixed;top:12px;left:16px;z-index:150;padding:12px 20px;border-radius:8px;background:var(--forest);color:var(--bone);transform:translateY(-160%)}
.skip-link:focus{transform:none}
:focus-visible{outline:3px solid currentColor;outline-offset:5px}
.nav{min-height:80px;padding-block:18px;transition:background 180ms var(--motion),border-color 180ms var(--motion);gap:24px}
.nav.scrolled{padding-block:18px;background:rgba(244,241,234,.97)}
.nav-links{gap:clamp(20px,2.1vw,32px)}
.nav-links a{display:flex;align-items:center;min-height:44px;font-size:15px}
.nav-links a.active{ text-decoration-color:var(--leaf-deep) }
.nav-cta{min-height:44px;display:none;align-items:center;padding:12px 21px}
@media(min-width:1140px){.nav-cta{display:inline-flex}}
.menu-btn{width:46px;height:46px;border:1px solid var(--line);border-radius:8px;flex-shrink:0}
.drawer .menu-btn{border-color:rgba(244,241,234,.3)}
.drawer{padding:20px 24px max(28px,env(safe-area-inset-bottom));transition:transform 240ms var(--motion),visibility 0s linear 240ms}
.drawer.open{transition:transform 240ms var(--motion),visibility 0s}
.drawer-head{margin-bottom:24px}
.drawer nav a{font-size:clamp(28px,6vw,38px);line-height:1.12;min-height:48px;text-transform:none;font-weight:650;padding:10px 0}
.drawer-foot{font-size:14px;padding-top:24px}
.menu-open,.menu-open body{overflow:hidden}
.btn,.card .action{min-height:48px;justify-content:center;line-height:1.3;transition:background 180ms var(--motion),color 180ms var(--motion),transform 180ms var(--motion)}
.btn:active,.card .action:active{transform:translateY(1px)}
.mono-label,.card .kind,.card .chip{letter-spacing:.065em;text-transform:none;font-size:13px}
.reveal,.reveal.in{opacity:1;transform:none;transition:none}
.foot-col .foot-heading{color:#b8c6bb;font-size:13px;letter-spacing:.04em;text-transform:none}
.foot-col a{display:inline-flex;align-items:center;min-height:32px}
.foot-col ul{gap:4px}
.foot-brand p,.foot-bottom{color:#b8c6bb}
.socials a{width:44px;height:44px}
.foot-logo{max-width:100%;height:auto;width:190px}
.foot-brand h2{max-width:14ch}
footer{padding-bottom:32px}

/* A hero that fits a screen. The original inherited section padding twice. */
.hero{padding:0;min-height:min(900px,100svh);grid-template-rows:1fr auto}
.hero-content{padding-top:138px;padding-bottom:120px;animation:none!important;opacity:1;transform:none}
.hero h1{font-size:clamp(66px,8.4vw,118px);line-height:.94;max-width:10ch}
.hero h1 em{color:var(--ink)}
.hero h1 .line-inner{animation:none;transform:none}
.hero h1 .line{padding-bottom:.06em;margin-bottom:-.06em}
.hero-kicker{margin-bottom:24px;max-width:36ch}
.hero-kicker .mono-label{font-size:13px;letter-spacing:.02em;text-transform:none;line-height:1.4}
.hero-sub{font-size:18px;line-height:1.6;color:var(--ink-soft);max-width:43ch;animation:none;opacity:1;margin-top:24px}
.hero .cta-row{animation:none;opacity:1;margin-top:26px}
.hero .btn-ghost{background:rgba(244,241,234,.82)}
.hero .btn-ghost:hover{background:var(--ink);color:var(--bone)}
.hills .far,.hills .midfar,.hills .mid,.hills .near,.hills .sunwrap,.hills .sun{animation:none!important}
.hero-strip{background:var(--forest);padding:24px 0}
.hero-strip .wrap{gap:14px 32px}
.strip-when{font-size:26px}
.strip-where{font-size:14px;color:var(--bone);max-width:38ch;line-height:1.5;min-height:44px}
.strip-where:hover{text-decoration:underline;text-underline-offset:4px}
.strip-scroll{font-size:13px;text-transform:none;letter-spacing:0;color:#bac9be;min-height:44px}
.strip-scroll svg{animation:none}
.doors{padding:28px 0 0}
.doors-grid{margin-top:0}
.door{padding:30px;gap:28px;transition:background 180ms var(--motion),border-color 180ms var(--motion)}
.door:hover{transform:none;box-shadow:0 6px 18px -12px #14291d40}
.door:focus-visible{outline-color:var(--leaf-deep)}
.door :is(h2,h3){font-size:clamp(32px,3vw,42px);line-height:1.06}
.door p{font-size:16px}
.door-foot .circ{width:36px;height:36px;border-radius:50%;border-color:var(--line)}
.door-dark .door-foot .circ{border-color:#6c8775}
.about-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:28px}
.about-links a,.card-text-link{font-size:15px;font-weight:500;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--leaf-deep)}
section:not(.hero):not(.doors):not(.note){padding-block:96px}
.section-head{margin-bottom:40px;gap:24px 64px}
.section-head h2,.h2{font-size:clamp(40px,5.2vw,72px);line-height:1.03}
.follow-quote{font-size:28px;line-height:1.4;margin-top:30px}
.note-card{grid-template-columns:1fr}
.note-photo{min-height:320px}
.note-photo img{width:min(78%,330px)}
.note-body{padding:36px 28px}
@media(min-width:880px){.note-card{grid-template-columns:.8fr 1.2fr}.note-body{padding:46px}.note-photo{min-height:460px}}
.mission h2{font-size:clamp(45px,8.4vw,120px);line-height:1.04}
.plan .mono-label,.sermons .mono-label,.sermons .yt-note,.full .mono-label{color:#bdcabc}
.plan-cell .num{font-size:38px;margin-bottom:18px}
.plan-cell{padding-block:32px}
.find{margin-top:36px;padding-top:36px}
.find-card{padding:28px}
.find-card h3{line-height:1.06}
.find-card .note{padding:0;font-size:14px;color:#bdcabc;margin-top:20px}
.find-card .btn-ghost{color:var(--bone);border-color:#829589}
.feature-body h3{line-height:1.06;font-size:clamp(36px,4.6vw,56px)}
.value h3{line-height:1.13}
.latest{transition:box-shadow 180ms var(--motion)}
.latest:hover{box-shadow:0 0 0 3px var(--leaf)}
.latest-frame{background:var(--pine)}
.latest-cap .tag{text-transform:none;letter-spacing:.03em;font-size:13px}
.way-n{background:transparent;color:var(--leaf-deep);border:1px solid var(--line);font-size:16px;width:34px;height:34px}
.way{grid-template-columns:34px 1fr}

/* Inner pages: calmer headings, a readable contents rail, useful card actions. */
.page-head{padding-top:148px!important;padding-bottom:64px!important}
.page-head h1{font-size:clamp(56px,7.4vw,104px);line-height:1;max-width:14ch}
.head-grid{gap:40px 64px}
.page-head .ridge{display:none}
.head-meta{gap:10px 18px;margin-top:28px}
.head-meta span{line-height:1.5}
.intro p:first-child{font-family:var(--font-body);font-size:18px;font-style:normal;line-height:1.7}
.intro p{font-size:17px;line-height:1.7}
.art-grid{gap:40px 64px}
@media(min-width:960px){.art-grid{grid-template-columns:230px minmax(0,1fr)}.toc{top:108px;max-height:calc(100svh - 130px);overflow-y:auto;padding-right:10px}}
.toc-disclosure summary{display:none}
.toc li a{min-height:40px;font-size:14px;line-height:1.4;padding:10px 0}
.toc li a.on{padding-left:10px;border-left-color:var(--leaf-deep)}
.art-body h2{font-size:clamp(32px,3.5vw,46px);line-height:1.1}
.art-body p{line-height:1.8}
.art-num{font-size:23px}
.article{grid-template-columns:44px 1fr;gap:20px}
.refs a{display:inline-block;white-space:normal;min-height:28px}
.refs .sep{display:none}
.refs a{margin-right:8px}
.sixteen span,.sixteen-cap{color:#bdcabc}
.sixteen span:hover{border-color:rgba(244,241,234,.16);color:#bdcabc}
.res-body h3{line-height:1.1}
.res-foot{flex-wrap:wrap}
.res-cover{max-height:300px}
.res:hover{transform:none}
.signups{padding-top:48px!important}
.card-grid{margin-bottom:0;gap:20px}
.card{border:1px solid var(--line);background:var(--bone-2);padding:32px;min-height:300px}
.card:hover{transform:none;background:var(--bone-2)}
.card h2{font-family:var(--font-display);font-weight:700;font-stretch:82%;font-size:36px;line-height:1.06;letter-spacing:-.02em;margin-bottom:16px}
.card p{font-size:16px;line-height:1.7;max-width:48ch}
.card .kind{margin-bottom:22px}
.card .chip{font-size:12px;padding:5px 10px;letter-spacing:0}
.card .action{padding:14px 20px;align-self:flex-start;font-size:15px}
.card.featured{background:var(--forest);color:var(--bone);border-color:var(--forest);grid-column:auto}
.card.featured:hover{background:var(--forest)}
.card.featured p{color:#d5dfd5}
.card.featured .kind{color:#c2d1c4}
.card-text-link{align-self:flex-start;margin-top:12px}
.contact{background:var(--bone-2)}
.contact p{overflow-wrap:anywhere}
@media(max-width:959px){
 .toc{z-index:2}
 .toc-disclosure{border:1px solid var(--line);border-radius:10px;padding:0 18px;background:var(--bone-2)}
 .toc-disclosure summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:16px;font-weight:600;min-height:56px;list-style:none}
 .toc-disclosure summary::-webkit-details-marker{display:none}
 .toc-disclosure summary::after{content:'+';font-size:24px;font-weight:400}
 .toc-disclosure[open] summary::after{content:'−'}
 .toc-disclosure > .mono-label{display:none}
 .toc-disclosure .toc-more{margin:20px 0}
 .toc ol{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
 .toc li a{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:12px 0;min-height:48px}
 .toc li a.on{padding-left:0;border:0;border-bottom:1px solid var(--leaf-deep)}
 .full-grid{gap:32px}
}
@media(max-width:767px){
 html{scroll-padding-top:92px}
 [id]{scroll-margin-top:92px}
 .nav,.nav.scrolled{padding:14px 20px;min-height:74px}
 .wrap{padding-inline:24px}
 .hero{min-height:0}
 .hero-content{padding:118px 0 112px}
 .hero h1{font-size:clamp(62px,16vw,94px);line-height:.95}
 .hero-kicker{max-width:30ch;gap:8px;margin-bottom:22px}
 .hero-kicker .mono-label{font-size:12px}
 .hero-sub{font-size:17px;max-width:33ch}
 .hero .cta-row{gap:12px;margin-top:24px}
 .hero .btn{padding:15px 18px}
 .hero-strip{padding:22px 0}
 .strip-when{font-size:25px}
 .strip-where{font-size:13px;min-height:36px;max-width:32ch}
 .strip-where .sprig{display:none}
 section:not(.hero):not(.doors):not(.note){padding-block:68px}
 .doors{padding-top:20px}
 .door{padding:26px;gap:24px}
 .note-photo{min-height:280px;max-height:340px}
 .note-photo img{max-height:290px;width:auto}
 .note-body{padding:32px 26px}
 .note-sig .role{font-size:12px;letter-spacing:.03em;text-transform:none}
 .mission h2{font-size:clamp(38px,10vw,70px)}
 .plan-cell{padding-block:24px}
 .plan-cell p{max-width:unset;font-size:16px}
 .plan-cell .num{font-size:24px;margin-bottom:12px}
 .plan-foot{margin-top:32px;gap:20px}
 .find{padding-top:32px;margin-top:32px}
 .find-card{padding:26px}
 .find-card address{font-size:16px}
 .map{min-height:260px}
 .values-grid{gap:30px}
 .value p{font-size:16px}
 .page-head{padding-top:120px!important;padding-bottom:40px!important}
 .page-head p{font-size:17px;margin-top:24px}
 .page-head h1{font-size:clamp(52px,14vw,78px)}
 .head-grid{gap:30px}
 .article{grid-template-columns:1fr;gap:12px}
 .art-num{font-size:16px;padding-top:0}
 .art-body p{font-size:17px;line-height:1.75}
 .toc ol{grid-template-columns:1fr}
 .card{padding:28px 24px;min-height:0}
 .card h2{font-size:32px}
 .card .action{max-width:100%;font-size:14px}
 .card p{margin-bottom:24px}
 .foot-grid{gap:32px;padding-bottom:36px;grid-template-columns:1fr 1fr}
 .foot-brand{grid-column:1/-1}
 .foot-col:last-child{grid-column:1/-1}
 .foot-col address{max-width:30ch}
 .foot-brand h2{font-size:42px}
 .foot-col a{min-height:40px;font-size:14px}
 .foot-bottom{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
html{scroll-padding-top:0}
.art-num{opacity:1;font-style:normal}
.value.value-cta .eyebrow{color:var(--ink)}
.plan .section-head h2 em,.sermons h2 em,.full h2 em{color:var(--leaf)}
.skip-link{top:-120px;transform:none}
.skip-link:focus{top:12px}
.map{display:block;isolation:isolate}
.map img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:48% 50%}
.map::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0f1a1380);pointer-events:none}
.map-label{position:absolute;z-index:1;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;background:var(--bone);color:var(--ink);font-size:14px;font-weight:600;border-radius:8px}
.map:hover .map-label{background:var(--leaf)}
picture{display:contents}
.door-dark :is(h2,h3) em{color:var(--leaf)}