/* Back to You (90-Day Post-Pregnancy Weight Loss Blueprint): small additions on top of site.css + themes/berry-bloom.css (adapted from calm-body/assets/calm-body.css). */
/* Buy buttons use the yellow stand-out colour so they contrast with the magenta accent. */
.btn,.demo-tc a.btn{background:var(--cta2);color:var(--on-cta2)}
.btn:hover{box-shadow:0 0 0 1px var(--cta2),0 18px 50px var(--cta2-glow)}
.secnav a.buy,.secnav a.buy.on{background:var(--cta2);color:var(--on-cta2)}
/* ticker: a deep plum band with yellow type, like the cover's colours */
.ticker{background:var(--paper);color:var(--cta2)}
.ticker span:before{content:"◆";margin:0 14px 0 0;color:var(--cta2);letter-spacing:0}
/* Brand lock-up: the magenta rounded square with the white heart, and BACK TO YOU. No series line (this book belongs to no ecosystem yet). */
.brand{font:800 17px/1 var(--display);letter-spacing:.12em;text-transform:uppercase}
.brand svg{width:30px;height:30px;flex:0 0 30px}
.fbar .brand svg{width:26px;height:26px;flex-basis:26px}
@media (max-width:420px){.fbar .brand,.bar .brand{font-size:13px;gap:8px}.fbar .safe{font-size:9px;letter-spacing:.06em;white-space:nowrap}}
@media (max-width:390px){.fbar .safe{letter-spacing:0}}
/* sales-page header on phones: the brand plus the buy button must fit side by side */
@media (max-width:420px){.bar{gap:8px}.bar .brand{letter-spacing:.06em;gap:6px;min-width:0}.bar .brand svg{width:24px;height:24px;flex-basis:24px}.bar .lnk{padding:9px 10px;font-size:10px;letter-spacing:.04em;white-space:nowrap}}
@media (max-width:350px){.bar .brand{font-size:11px;gap:5px}.bar .brand svg{width:20px;height:20px;flex-basis:20px}.bar .lnk{padding:8px 7px;font-size:9px;letter-spacing:0}}
@media (max-width:350px){.fbar{gap:6px}.fbar .brand{font-size:11px;gap:6px}.fbar .brand svg{width:22px;height:22px;flex-basis:22px}.fbar .safe{font-size:8px;letter-spacing:0}}
/* hero kick is the long book title: let it wrap on phones */
.hero .kick{text-wrap:balance}
/* a plain note box for the care notes beside exercise, eating and mood topics */
.care{max-width:760px;margin:22px auto 0;padding:14px 18px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;background:var(--bg2);color:var(--text-2);font-size:15px;line-height:1.55}
.care b{color:var(--strong)}