/* MODES1 (dude-modes1) 2026-10-05: the Dude | Holy Dude switch. Loaded only while the switch is on. */
.m1-pill{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:#eef0fb;border:1px solid #dfe2f3;font:700 13px/1 Sora,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;white-space:nowrap;flex:0 0 auto;margin:0 6px}
.m1-pill>*{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;text-decoration:none!important}
.m1-pill .m1-on{background:#ffffff;color:#0d1330;box-shadow:0 1px 3px rgba(13,19,48,.14)}
.m1-pill .m1-off{color:#3b46f0}
.m1-pill .m1-off:hover,.m1-pill .m1-off:focus-visible{background:#ffffff;color:#0d1330;outline:none}
.m1-pill a:focus-visible{box-shadow:0 0 0 3px rgba(59,70,240,.35)}
.m1-pill-app{margin-left:8px}
.m1-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:14px 0 4px;font-size:14px;color:inherit}
.m1-big-box{margin:14px 0 4px}
#b1 .b1-hero .m1-big-box{text-align:center}
.m1-big{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;background:#0d1330;color:#ffffff!important;font:700 16px/1 Sora,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;text-decoration:none!important}
html.m1-dude .m1-big{background:linear-gradient(135deg,#3b46f0,#6a3df0)}
.m1-big:hover,.m1-big:focus-visible{filter:brightness(1.08);outline:none;box-shadow:0 0 0 3px rgba(59,70,240,.3)}
.m1-big-sub{margin:6px 0 0;font-size:13px;color:#5a5f7a}
.m1-menu{display:flex;flex-direction:column;gap:2px;margin:8px;padding:12px 14px;border-radius:14px;background:#eef0fb;color:#0d1330!important;font-weight:700;text-decoration:none!important}
.m1-menu small{font-weight:400;font-size:12px;color:#5a5f7a}
.m1-bar{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:8500;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px;max-width:calc(100% - 32px);box-sizing:border-box;padding:10px 12px;border-radius:16px;background:#0d1330;color:#ffffff;font:14px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;box-shadow:0 8px 24px rgba(13,19,48,.25)}
.m1-bar a,.m1-bar button{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none!important}
.m1-bar-go{background:#ff5a1f;color:#ffffff!important}
.m1-bar-x{background:transparent;color:#ffffff;border:1px solid rgba(255,255,255,.4)}
.m1-bar-pv{top:calc(64px + env(safe-area-inset-top,0px));bottom:auto;background:#7a2cf0}@media (max-width:420px){
  .m1-pill{font-size:12px;margin:0 4px}.m1-pill>*{padding:0 8px;min-height:28px}
  #b1 .b1-bar .m1-pill-head{order:5;margin:6px auto 0}
  #b1 .b1-bar{flex-wrap:wrap}
  .wh1-bar{flex-wrap:wrap}.wh1-bar .m1-pill-head{order:5;margin:6px auto 0}
  #app .top .m1-pill-app .m1-on,#app .top .m1-pill-app .m1-off{padding:0 7px}
}
/* Dude side: the Dude.com wordmark in the app's top bar (white1.css puts the HD logo there) */
html.m1-dude.wh1.wh1.wh1.wh1-app #app .top .t-logo,html.m1-dude.wh1.wh1.wh1.wh1.wh1-app #app .top .t-logo{background-image:var(--m1-logo,url(/m2/logo-a.svg))!important;width:118px}
/* phones: the app's top bar is full (logo + Simple/Full + star): show the logo MARK only and just the other side's name */
@media (max-width:480px){
  html.m1-dude.wh1.wh1.wh1.wh1.wh1-app #app .top .t-logo{background-image:var(--m1-mark,url(/m2/mark-a.svg))!important;width:32px!important}
  html.m1-holy.wh1.wh1.wh1.wh1.wh1-app #app .top .t-logo{background-image:var(--m1-mark,url(/b1/mark-hd-halo.svg))!important;width:32px!important}
  #app .top .m1-pill-app{margin-left:6px;padding:2px}
  #app .top .m1-pill-app .m1-on{display:none}
  #app .top .m1-pill-app .m1-off{padding:0 10px}
}
/* the four value badges belong to Holy Dude (the server also removes them; this covers a page built without that) */
html.m1-dude #b1 .b1-tags{display:none!important}
/* MODES2: no faith samples on dude.com (html.m1-nofaith is set only on the Dude side while "hidden" is chosen) */
html.m1-nofaith [data-qp="bible"],html.m1-nofaith [data-qp="pray"],
html.m1-nofaith .gt2-chip[data-gt2ch="ot"],html.m1-nofaith .gt2-chip[data-gt2ch="nt"],html.m1-nofaith .gt2-chip[data-gt2ch="leaders"],
html.m1-nofaith .gt2-chip[data-gt2ch="worship"],html.m1-nofaith .gt2-chip[data-gt2ch="sermon"],html.m1-nofaith .gt2-chip[data-gt2ch="testimony"],
html.m1-nofaith .gt2-chip[data-gt2ch="inspiration"],html.m1-nofaith #b1 .b1-mode,html.m1-nofaith [data-m1-faith]{display:none!important}/* MODES2: the optional faith question + its entry in the More sheet */
.m1-fq{max-width:min(620px,calc(100% - 32px))}
.m1-fq small{display:block;opacity:.85;font-size:12px;margin-top:2px}
.m1-fq .m1-bar-go{background:#ffffff;color:#0d1330!important}
.m1-fqm,.m1-cqm{display:block;width:calc(100% - 16px);margin:0 8px 8px;padding:8px 14px;border:0;border-radius:12px;background:transparent;color:#3b46f0;font:600 13px/1.3 inherit;text-align:left;cursor:pointer}
/* MODES3: the Holy Dude logo set in the app's top bar (the BRAND1 HD logo when 'hd' is chosen: no variable, the fallback) */
html.m1-holy.wh1.wh1.wh1.wh1-app #app .top .t-logo{background-image:var(--m1-logo,url(/b1/logo-hd-halo.svg))!important;width:132px}

/* MODES4: the history question */
.m1-cq{max-width:min(640px,calc(100% - 32px))}
.m1-cq small{display:block;opacity:.85;font-size:12px;margin-top:2px}
.m1-cq .m1-bar-go{background:#ffffff;color:#0d1330!important}