/* Selene — Moonlit design system. Teal = PCOS awareness ribbon, yellow = endometriosis awareness ribbon. */
:root{
  --bg:#FBF8F1;          /* ivory body */
  --panel:#FFFFFF;
  --ink:#15333A;         /* deep teal-charcoal text */
  --ink-2:#4F676E;       /* muted */
  --teal:#0E8FA6;        /* primary, blue-leaning cyan-teal */
  --teal-deep:#0B4C57;   /* dark sections / headers */
  --teal-darker:#08363E;
  --teal-tint:#D7EEF1;
  --teal-line:#BFE0E6;
  --yellow:#F2C53D;      /* endo golden accent */
  --yellow-deep:#A77B0E; /* text on light / yellow ink */
  --yellow-soft:#FBEFC4;
  --line:#E8E1D1;        /* warm hairline */
  --sand:#F2ECDD;
  --maxw:1080px;
  --r:14px;
  --r-lg:22px;
  --shadow:0 1px 2px rgba(11,76,87,.06), 0 12px 32px -16px rgba(11,76,87,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:'Figtree',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:'Gloock',Georgia,serif;font-weight:400;line-height:1.12;letter-spacing:-.01em;margin:0 0 .5em}
h1{font-size:clamp(2.3rem,5.4vw,4rem)}
h2{font-size:clamp(1.7rem,3.4vw,2.6rem)}
h3{font-size:1.28rem}
p{margin:0 0 1rem}
a{color:var(--teal);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.eyebrow{font-family:'Figtree',sans-serif;font-weight:600;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--teal)}
.muted{color:var(--ink-2)}

/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:50;background:rgba(251,248,241,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:78px;gap:18px}
.brand{display:flex;align-items:center;gap:12px;font-family:'Gloock',serif;font-size:1.5rem;color:var(--ink)}
.brand:hover{text-decoration:none}
.brand img{width:30px;height:30px}
.brand img.brand-mark{width:44px;height:44px;object-fit:contain;flex:none}
.brand-txt{display:flex;flex-direction:column;line-height:1.02}
.brand-txt small{font-family:'Figtree',sans-serif;font-size:.66rem;font-weight:500;letter-spacing:.01em;color:var(--ink-2);margin-top:3px}
@media(max-width:1000px){.brand-txt small{display:none}}
.navlinks{display:flex;gap:26px;align-items:center;font-size:.96rem;font-weight:500;white-space:nowrap}
.navlinks a{color:var(--ink)}
.navlinks a:hover{color:var(--teal);text-decoration:none}
.navcta{background:var(--teal-deep);color:#fff!important;padding:9px 18px;border-radius:999px;font-weight:600}
.navcta:hover{background:var(--teal-darker);text-decoration:none}
.navtoggle{display:none}
@media(max-width:820px){
  .navlinks{display:none}
}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:1rem;padding:14px 26px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:.15s}
.btn-y{background:var(--yellow);color:#3a2c05}
.btn-y:hover{background:#ecbb28;text-decoration:none}
.btn-ghost{background:transparent;border-color:rgba(255,255,255,.4);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.1);text-decoration:none}
.btn-teal{background:var(--teal-deep);color:#fff}
.btn-teal:hover{background:var(--teal-darker);text-decoration:none}
.btn-outline{background:#fff;border-color:var(--line);color:var(--ink)}
.btn-outline:hover{border-color:var(--teal);color:var(--teal);text-decoration:none}

/* ---------- hero (moonlit) ---------- */
.hero{background:var(--teal-deep);color:#fff;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;top:-160px;right:-120px;width:460px;height:460px;border-radius:50%;
  background:radial-gradient(circle,rgba(242,197,61,.30),rgba(242,197,61,0) 62%)}
.hero::after{content:"";position:absolute;bottom:-200px;left:-140px;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(14,143,166,.45),rgba(14,143,166,0) 60%)}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding:78px 24px 88px}
.hero h1{color:#fff}
.hero h1 em{font-style:normal;color:var(--yellow)}
.hero .lead{font-size:1.18rem;color:#D8ECEF;max-width:34ch;margin-bottom:28px}
.hero .eyebrow{color:var(--yellow)}
.hero .cta-row{display:flex;gap:14px;flex-wrap:wrap}
.hero .ribbon-note{margin-top:26px;font-size:.84rem;color:#9FC3CA;display:flex;align-items:center;gap:10px}
.dot-teal,.dot-yellow{width:11px;height:11px;border-radius:50%;display:inline-block}
.dot-teal{background:var(--teal)}
.dot-yellow{background:var(--yellow)}
@media(max-width:860px){.hero .wrap{grid-template-columns:1fr;gap:34px;padding:56px 24px 64px}}

/* score teaser card */
.scorecard-teaser{background:var(--panel);color:var(--ink);border-radius:var(--r-lg);padding:26px;box-shadow:var(--shadow)}
.scorecard-teaser .label{font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.tierbar{display:flex;flex-direction:column;gap:9px;margin-top:16px}
.tierrow{display:flex;align-items:center;gap:12px;font-size:.92rem}
.tierrow .bar{height:9px;border-radius:999px;flex:1}
.tierrow .pct{font-weight:600;width:40px;text-align:right;font-variant-numeric:tabular-nums}

/* ---------- sections ---------- */
section{padding:72px 0}
.section-head{max-width:62ch;margin-bottom:40px}
.section-head .eyebrow{margin-bottom:12px;display:block}
.band{background:var(--teal-deep);color:#fff}
.band h2,.band h3{color:#fff}
.band .muted{color:#A9CBD1}

/* standard cards */
/* Care Standard as a constellation (no card grid) */
#standard{position:relative;overflow:hidden}
#standard .wrap{position:relative;z-index:2}
.skyfaint{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.6;background-image:
  radial-gradient(1.6px 1.6px at 80% 9%, rgba(217,155,30,.55) 50%, transparent 51%),
  radial-gradient(1.5px 1.5px at 92% 34%, rgba(14,143,166,.45) 50%, transparent 51%),
  radial-gradient(1.3px 1.3px at 86% 66%, rgba(217,155,30,.45) 50%, transparent 51%),
  radial-gradient(1.4px 1.4px at 73% 88%, rgba(14,143,166,.4) 50%, transparent 51%),
  radial-gradient(1.3px 1.3px at 6% 26%, rgba(14,143,166,.4) 50%, transparent 51%),
  radial-gradient(1.2px 1.2px at 3% 62%, rgba(217,155,30,.4) 50%, transparent 51%)}
.constellation{list-style:none;margin:36px auto 0;padding:0;max-width:790px;position:relative}
.constellation::before{content:"";position:absolute;left:32px;top:42px;bottom:48px;width:2px;
  background:repeating-linear-gradient(180deg,var(--teal-line) 0 5px,transparent 5px 12px)}
.cstar{position:relative;display:flex;gap:28px;padding:16px 0 34px}
.cnode{flex:none;width:66px;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:2}
.cstar-ico{width:38px;height:38px;color:#C99A1E;display:block}
.cnode .cnum{font-family:'Gloock',serif;font-size:.98rem;color:var(--teal-deep)}
.cbody{padding-top:3px}
.cbody h3{font-size:1.24rem;margin:0 0 9px}
.cbody p{color:var(--ink-2);font-size:.98rem;line-height:1.62;margin:0;max-width:48ch}
.ctag{display:inline-block;font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 11px;border-radius:999px;margin-bottom:11px}
.tag-pcos{color:var(--teal-deep);background:var(--teal-tint)}
.tag-endo{color:#7a5a0a;background:var(--yellow-soft)}
.cstar.anchor .cstar-ico{width:52px;height:52px;filter:drop-shadow(0 0 8px rgba(217,155,30,.42))}
.cstar.anchor.pcos .cstar-ico{color:var(--teal);filter:drop-shadow(0 0 9px rgba(14,143,166,.4))}
.cstar.anchor.endo .cstar-ico{color:#E0A92A}
@media(max-width:600px){.cstar{gap:16px;padding-bottom:26px}.cnode{width:46px}.cstar-ico{width:30px;height:30px}.cstar.anchor .cstar-ico{width:40px;height:40px}.constellation::before{left:23px}}

/* ---------- comparison ---------- */
.tier-block{margin-bottom:30px}
.tier-label{display:flex;align-items:center;gap:12px;margin:0 0 14px}
.tier-label .name{font-family:'Gloock',serif;font-size:1.35rem}
.tier-label .meta{font-size:.85rem;color:var(--ink-2)}
.tier-label .star{color:var(--yellow)}
/* night-sky provider card — only Selene would have these */
.prov-card{position:relative;overflow:hidden;margin-bottom:14px;padding:22px 26px 24px;border-radius:18px;
  background:radial-gradient(120% 140% at 88% -10%, #14525e 0%, #0c3540 42%, #081f26 100%);
  border:1px solid rgba(242,197,61,.22);
  box-shadow:0 16px 38px -22px rgba(6,32,38,.85);color:#e9f3f4;transition:.18s}
.prov-card:hover{transform:translateY(-2px);border-color:rgba(242,197,61,.42);box-shadow:0 22px 46px -22px rgba(6,32,38,.9)}
.prov-card .stars{opacity:.5}
.prov-top{position:relative;z-index:2;display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.prov-name{font-family:'Gloock',serif;font-size:1.34rem;line-height:1.08}
.prov-name a{color:#fff}
.prov-name a:hover{color:var(--yellow);text-decoration:none}
.prov-desc{font-size:.83rem;color:#a4c6ca;margin-top:5px;max-width:42ch}
.prov-card .badge503{margin-left:9px;color:#3a2c05;background:var(--yellow);border-color:transparent;vertical-align:2px}
.prov-price{font-family:'Gloock',serif;font-size:1.22rem;color:var(--yellow);font-variant-numeric:tabular-nums;white-space:nowrap}
.prov-price small{font-family:'Figtree',sans-serif;font-size:.72rem;color:#9fc2c6;letter-spacing:.02em}
/* clear High / Some / None rating */
.prov-body{position:relative;z-index:2;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14)}
.ep-rows{display:flex;flex-direction:column;gap:11px}
.ep-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ep-row .epl{font-weight:600;font-size:1.05rem}
.ep-row.p .epl{color:#7fdbe6}
.ep-row.e .epl{color:var(--yellow)}
.dim-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 28px;margin-top:16px;padding-top:15px;border-top:1px dashed rgba(255,255,255,.16)}
.dim-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.92rem;color:#c8dde0}
.lvl{font-size:.71rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 12px;border-radius:999px;white-space:nowrap}
.lvl-high{background:rgba(92,199,212,.22);color:#a6ebf2;border:1px solid rgba(92,199,212,.55)}
.lvl-some{background:rgba(190,214,217,.12);color:#c6dcdf;border:1px solid rgba(190,214,217,.34)}
.lvl-none{background:transparent;color:#85a1a5;border:1px solid rgba(255,255,255,.15)}
.ep-row .lvl{font-size:.8rem;padding:5px 16px}
@media(max-width:560px){.dim-grid{grid-template-columns:1fr}}
/* outbound visit link — bottom of card */
.prov-visit{position:relative;z-index:2;margin-top:15px;text-align:right}
.prov-visit a{display:inline-flex;align-items:center;gap:6px;font-size:.87rem;font-weight:600;color:#a4c6ca;border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:7px 16px;transition:.15s}
.prov-visit a:hover{color:var(--yellow);border-color:rgba(242,197,61,.5);text-decoration:none}
/* plain-word tier headers */
.tier-exc{background:var(--yellow);color:#3a2c05}
.tier-strong{background:var(--teal-deep);color:#fff}
.tier-fair{background:#E7EEE8;color:#46615a}
.tier-limited{background:#EDE7D7;color:#6b5e34}
/* level legend on light sections */
.lvldot{display:inline-block;width:12px;height:12px;border-radius:50%;vertical-align:-1px;margin-right:3px}
.lvldot.high{background:var(--teal)}
.lvldot.some{background:#bcd6d9;border:1px solid #8fb4b9}
.lvldot.none{background:transparent;border:1px solid #b9c4b0}
/* level pill on LIGHT backgrounds (scorecards) */
.lvl-lite{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 13px;border-radius:999px;white-space:nowrap}
.lvl-lite.high{background:var(--teal-tint);color:var(--teal-deep)}
.lvl-lite.some{background:#edf1ec;color:#566b62}
.lvl-lite.none{background:#f1ead9;color:#897746}
/* star rating */
.star-rate{display:inline-flex;gap:3px;flex:none;line-height:1;vertical-align:-3px}
.star-rate svg{display:block;width:17px;height:17px}
.ep-row .star-rate svg{width:20px;height:20px}
.prov-card .star-rate svg{filter:drop-shadow(0 0 3px rgba(242,197,61,.45))}
.starkey{display:flex;gap:20px;flex-wrap:wrap;align-items:center;font-size:.84rem;color:var(--ink-2)}
.starkey b{font-size:1rem;letter-spacing:1px}
/* simplified rating: one star per condition + a check per care basic */
.cond-star{display:inline-flex;flex:none}
.cond-star svg{width:30px;height:30px;display:block}
.ep-row .cond-star svg{width:33px;height:33px}
.prov-card .cond-star svg{filter:drop-shadow(0 0 5px rgba(255,255,255,.22))}
.chk{display:inline-flex;flex:none}
.chk svg{width:21px;height:21px;display:block}
.chk-none{color:#86a0a4;font-weight:600;font-size:1.05rem;line-height:1}
.dim-row .chk-none{color:#9ab0b3}
.badge503{font-size:.66rem;font-weight:700;letter-spacing:.05em;color:var(--yellow-deep);background:var(--yellow-soft);border:1px solid #EBD79A;padding:2px 7px;border-radius:6px;vertical-align:middle}
.score-pill{font-size:.8rem;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--teal-tint);color:var(--teal-deep)}
.flag-pill{font-size:.74rem;font-weight:600;color:#8a5a00;background:#FBF0D8;border:1px solid #F0DDA8;padding:2px 9px;border-radius:999px}
.dims{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 18px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.dim{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--ink-2)}
.dots{display:inline-flex;gap:3px;flex:none}
.dots i{width:8px;height:8px;border-radius:50%;background:var(--line)}
.dots i.on{background:var(--teal)}
.dots i.hi{background:var(--teal-deep)}
.flagbox{margin-top:12px;font-size:.82rem;color:#6b4e12;background:#FCF5E2;border:1px solid #F0DDA8;border-radius:10px;padding:10px 13px}
.flagbox b{color:#8a5a00}

/* ---------- guides ---------- */
.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.guide-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.15s}
.guide-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);text-decoration:none}
.guide-card .top{height:8px;background:linear-gradient(90deg,var(--teal),var(--yellow))}
.guide-card .body{padding:22px}
.guide-card .kicker{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}
.guide-card h3{margin:8px 0;font-size:1.18rem;color:var(--ink)}
.guide-card p{font-size:.92rem;color:var(--ink-2);margin:0}

/* ---------- trust ---------- */
.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}
.trust-item h3{font-size:1.08rem}
.trust-item p{font-size:.92rem}

/* ---------- footer ---------- */
.foot{background:var(--teal-darker);color:#cfe3e7;padding:54px 0 40px;font-size:.9rem}
.foot a{color:#fff}
.foot .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;margin-bottom:30px}
.foot .brand{color:#fff}
.foot .disc{font-size:.8rem;color:#9FC3CA;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;line-height:1.6}
@media(max-width:700px){.foot .cols{grid-template-columns:1fr 1fr}}

/* ---------- article ---------- */
.article{max-width:720px;margin:0 auto;padding:54px 24px 40px}
.article .kicker{color:var(--teal);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.78rem}
.article h1{margin:.3em 0 .2em}
.article .dek{font-size:1.2rem;color:var(--ink-2);margin-bottom:8px}
.article .byline{font-size:.86rem;color:var(--ink-2);border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:30px}
.article h2{font-size:1.7rem;margin-top:1.6em}
.article p,.article li{font-size:1.06rem}
.article blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:3px solid var(--yellow);font-family:'Gloock',serif;font-size:1.3rem;line-height:1.4;color:var(--teal-deep)}
.callout{background:#F3FAFB;border:1px solid var(--teal-line);border-radius:var(--r);padding:20px 22px;margin:1.6em 0}
.callout h3{margin-top:0;color:var(--teal-deep)}
.endo-note{background:var(--yellow-soft);border:1px solid #EBD79A;border-radius:var(--r);padding:16px 20px;font-size:.95rem;color:#5e4708;margin:1.4em 0}

/* ---------- celestial + moon rating system ---------- */
.moon{display:inline-block;vertical-align:-3px;flex:none}
.ep{display:inline-flex;gap:16px;align-items:center}
.epm{display:inline-flex;align-items:center;gap:5px}
.epm b{font-weight:700;font-size:.72rem;letter-spacing:.05em}
.epm.p b{color:var(--teal-deep)}
.epm.e b{color:var(--yellow-deep)}
.ep-key{font-size:.78rem;color:var(--ink-2);display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.ep-key .epm b{font-size:.74rem}

/* lunar tier label */
.tier-pill{font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:3px 11px;border-radius:999px;white-space:nowrap}
.tier-full{background:var(--teal-deep);color:#fff}
.tier-waxing{background:var(--teal-tint);color:var(--teal-deep)}
.tier-waning{background:#E7EEE8;color:#46615a}
.tier-new{background:#EDE7D7;color:#6b5e34}

/* moon phase legend */
.moonkey{display:flex;gap:18px;flex-wrap:wrap;align-items:center;font-size:.82rem;color:var(--ink-2)}
.moonkey span{display:inline-flex;align-items:center;gap:6px}

/* faint star field for dark surfaces */
.stars{position:absolute;inset:0;pointer-events:none;opacity:.55;z-index:1;
  background-image:
   radial-gradient(1.4px 1.4px at 12% 22%, rgba(255,255,255,.5) 50%, transparent 51%),
   radial-gradient(1.1px 1.1px at 28% 64%, rgba(255,255,255,.4) 50%, transparent 51%),
   radial-gradient(1.6px 1.6px at 46% 15%, rgba(255,255,255,.5) 50%, transparent 51%),
   radial-gradient(1.1px 1.1px at 63% 47%, rgba(255,255,255,.32) 50%, transparent 51%),
   radial-gradient(1.5px 1.5px at 79% 26%, rgba(255,255,255,.5) 50%, transparent 51%),
   radial-gradient(1.2px 1.2px at 88% 69%, rgba(255,255,255,.4) 50%, transparent 51%),
   radial-gradient(1.2px 1.2px at 37% 83%, rgba(255,255,255,.32) 50%, transparent 51%),
   radial-gradient(1.1px 1.1px at 71% 88%, rgba(255,255,255,.3) 50%, transparent 51%);}
.hero .wrap,.band .wrap,.sc-hero .wrap,.foot .wrap{position:relative;z-index:2}
/* decorative crescent */
.crescent{position:absolute;top:38px;right:9%;z-index:1;opacity:.9}
@media(max-width:860px){.crescent{top:18px;right:6%;transform:scale(.7)}}

/* ---------- about / founders / journal ---------- */
.about-lead{font-family:'Gloock',serif;font-size:clamp(1.5rem,3.4vw,2.3rem);line-height:1.28;color:var(--teal-deep);max-width:24ch}
.about-prose{max-width:62ch}
.about-prose p{font-size:1.06rem;color:var(--ink)}
.about-prose .muted{color:var(--ink-2)}
.founder-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:10px}
@media(max-width:720px){.founder-grid{grid-template-columns:1fr}}
.founder-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px}
.founder-top{display:flex;align-items:center;gap:15px;margin-bottom:14px}
.avatar{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Gloock',serif;font-size:1.6rem;flex:none;position:relative}
.avatar.endo{background:var(--yellow-soft);color:var(--yellow-deep)}
.avatar.pcos{background:var(--teal-tint);color:var(--teal-deep)}
.avatar::after{content:"\2726";position:absolute;top:-1px;right:-1px;font-size:.7rem;color:var(--yellow)}
.founder-name{font-family:'Gloock',serif;font-size:1.34rem;color:var(--ink);line-height:1.1}
.founder-cond{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-top:3px}
.founder-cond.endo{color:var(--yellow-deep)}
.founder-cond.pcos{color:var(--teal-deep)}
.founder-card p{color:var(--ink-2);font-size:.97rem;line-height:1.62}
.founder-card .tagline{font-style:italic;color:var(--ink);font-size:1.02rem;margin:0 0 10px}
.quirks{list-style:none;padding:0;margin:16px 0 0}
.quirks li{position:relative;padding-left:24px;margin-bottom:9px;font-size:.92rem;color:var(--ink-2);line-height:1.5}
.quirks li::before{content:"\2726";position:absolute;left:0;top:1px;color:var(--teal);font-size:.8rem}
/* journal */
.post-meta{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.post-meta .avatar{width:46px;height:46px;font-size:1.15rem}
.post-meta .who{font-weight:600;color:var(--ink)}
.post-meta .when{font-size:.84rem;color:var(--ink-2)}
.journal-card .kicker.endo{color:var(--yellow-deep)}
.journal-card .kicker.pcos{color:var(--teal-deep)}
.journal-card .top.endo{background:linear-gradient(90deg,var(--yellow),#f0d98a)}
.journal-note{background:#F3FAFB;border:1px solid var(--teal-line);border-radius:var(--r);padding:18px 22px;font-size:.96rem;color:var(--ink-2);margin-top:6px}

/* utils */
.center{text-align:center}
.mt0{margin-top:0}
hr.soft{border:none;border-top:1px solid var(--line);margin:42px 0}