/* Motivate look — cloned from the Bristol brand.css pattern (loaded on top of
   /assets/app.css): white page, near-black type, Motivate blue button, orange rule.
   Palette sampled from the trimmed Motivate logos (blue #20a0e0, orange check #f05020). */
:root{
  --navy:#0e7cb5;
  --ink:#23272e;
  --mute:#5f6b7a;
  --accent:#f05020;
}
header.site{border-bottom:3px solid var(--accent)}
.brand{font-size:18px;letter-spacing:.05em;color:var(--navy)}
.brand .logo{height:46px}
h1{font-size:34px;letter-spacing:-.01em;color:#111}
.btn{background:var(--navy);border-color:var(--navy);border-radius:8px}
.btn:hover{background:#0a638f;border-color:#0a638f}
.btn.ghost{background:#fff;color:var(--navy)}
.btn.big{font-size:20px;padding:15px 20px}
.avatar{width:96px;height:96px;background:#fff;border:3px solid var(--navy);color:var(--navy);font-size:32px}
#content .avatar{margin:0 auto 14px}
.avatar.photo{width:min(264px,86vw);height:auto;aspect-ratio:auto;border-radius:12px;border-width:2px;overflow:hidden}
body:has(#joinBtn) main{padding-top:22px;padding-bottom:24px}
#headline{font-size:30px;margin-bottom:10px}
#hostline{margin-bottom:16px!important}
#content p.small{margin-top:10px!important}
#headline,#meeting,#hostline{text-align:center}
.draftbar{background:#fff4ec;border-bottom:1px solid #f0dcbd;color:#7a4517;text-align:center;padding:9px 14px;font-size:14px;font-family:Arial,Helvetica,sans-serif}