/* ===== After a practice: one calm, evenly spaced column (Material 3) =====
   Title, supporting text, how your body feels, this month's minutes with a progress bar, the Embervale card, then
   "mark this moment" as its own centred section, and the way back last, well clear of the gesture bar.
   Sections sit 24px apart (32px before the closing two); nothing here changes the pieces themselves, only their
   order and spacing. */
#bAfter:not([hidden]),#mAfter:not([hidden]){display:flex!important;flex-direction:column;align-items:stretch;padding-bottom:calc(40px + env(safe-area-inset-bottom,0px))!important}
#mAfter:not([hidden]){padding-left:16px!important;padding-right:16px!important}
#bAfter>*,#mAfter>*{margin-left:0!important;margin-right:0!important}
#bAfter>:empty,#mAfter>:empty{display:none!important}
/* order: the closing ritual comes before the way back */
#bAfter>*{order:1}#bAfter>.rgs-rit{order:8}#bAfter>#bAgain{order:9}
#mAfter>*{order:1}#mAfter>.rgs-rit{order:8}#mAfter>#mAgain{order:9}
/* title and supporting text */
#bAfter #bAfterTitle,#mAfter #mAfterT{margin:24px 0 0!important;text-align:center;font:800 24px/32px var(--round)!important;letter-spacing:0;color:#FFF3E2}
#bAfter #bAfterSub,#mAfter #mAfterS{margin:8px auto 0!important;max-width:330px;text-align:center;font:500 15.5px/23px var(--round)!important;color:rgba(255,236,214,.72)}
/* how does your body feel */
#bAfter .bq{margin:24px 0 0!important;text-align:center;font:800 16px/24px var(--round)!important;color:#FFF3E2}
#bAfter #bFeel{margin-top:12px!important;gap:8px!important}
/* this month, with a slim progress bar */
#bAfter #bMonthLine{margin:16px 0 0!important;text-align:center;font:600 14px/20px var(--round)!important;color:rgba(255,226,196,.82)}
#bAfter #bMonthLine::after{content:"";display:block;height:4px;margin:8px auto 0;max-width:240px;border-radius:2px;
  background:linear-gradient(90deg,#FFB86B 0 var(--ekp,0%),rgba(255,236,214,.14) var(--ekp,0%) 100%)}
/* the Embervale card */
#bAfter #bGrew{margin:24px 0 0!important}
#bAfter #bResp:not(:empty),#bAfter #bAfterNext:not(:empty){margin:16px 0 0!important}
/* meditation's check-in */
#mAfter #mCheck{margin:24px 0 0!important;width:100%!important;min-height:56px;border-radius:999px!important}
/* mark this moment: its own centred section */
#bAfter>.rgs-rit,#mAfter>.rgs-rit{margin:32px 0 0!important;padding:0!important;text-align:center}
#bAfter>.rgs-rit>p,#mAfter>.rgs-rit>p{margin:0 0 12px!important;max-width:none!important;width:100%;text-align:center!important;font:700 14px/20px var(--round)!important;letter-spacing:.1px;color:rgba(255,236,214,.7)!important}
#bAfter>.rgs-rit>div,#mAfter>.rgs-rit>div{display:flex!important;flex-wrap:wrap;justify-content:center;gap:8px!important;margin:0!important}
#bAfter .rgs-rit .rgs-r,#mAfter .rgs-rit .rgs-r{margin:0!important;min-height:40px;height:40px;padding:0 16px!important;border-radius:999px!important;font:700 14px/1 var(--round)!important}
/* the way back: the closing action */
#bAfter>#bAgain,#mAfter>#mAgain{order:9;margin:32px 0 0!important;width:100%!important;max-width:none!important;min-height:56px;height:56px;border-radius:999px!important;justify-content:center;font:800 16px/1 var(--round)!important}
/* meditation's closing screen sits on the same solid surface as breathwork's, so its words never sit on the painting */
#mAfter:not([hidden]){background:none!important;justify-content:flex-end;min-height:100%;box-sizing:border-box;isolation:isolate;overflow:hidden;padding-top:0!important}
/* the panel rises from the bottom like breathwork's: it starts just above the title, with the painting showing above */
#mAfter #mAfterT{position:relative;margin-top:28px!important}
#mAfter #mAfterT::before{content:"";position:absolute;left:-16px;right:-16px;top:-28px;height:200vh;background:var(--ekBgC,#17130F);border-radius:28px 28px 0 0;z-index:-1;pointer-events:none}