/* v0.7.6.14: + .bh988-tl/.bh988-ts (long/short title; short one shows only at max-height 420px).
   v0.7.6.17 BH-111: the compact bar (short title, no note) now applies up to max-height 500px (200% zoom on a laptop, 390x500), so the crisis reply has more room.
   v0.7.6.18 BH-117: balanced title lines (ES: no lone «Crisis», «Línea 988» stays together; text unchanged). Helper close button is sticky, so it never scrolls out of #hpanel (WALL-E 390x400 / 320x568). */
/* v0.7.6.12 Haven 988 bar: calm brand colours (navy, gold, cream, sky), no red, no motion. 44px targets. */
.bh988{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;background:#eef4fb;color:#2a3644;font-family:'BH Sans',Lexend,system-ui,sans-serif}
.bh988-txt{flex:1 1 170px;display:flex;gap:7px;align-items:flex-start;margin:0;font-size:15px;line-height:1.35}
.bh988-txt b{display:block;font-weight:700;color:#2f4a6d;text-wrap:balance}
.bh988-n{display:block;font-size:14px;color:#3f4b5c}
.bh988-ic{font-size:15px;line-height:1.35}
.bh988-acts{display:flex;gap:6px;flex:0 0 auto;margin-left:auto}
.bh988 .bh988-a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:64px;padding:0 14px;box-sizing:border-box;border-radius:999px;border:1.5px solid #c9a14a;background:#fff;color:#2f4a6d;font:700 15px 'BH Sans',Lexend,system-ui,sans-serif;text-decoration:none;white-space:nowrap}
.bh988 .bh988-a:hover{background:#fbf1d6}
.bh988 .bh988-a:focus-visible{outline:3px solid #2f4a6d;outline-offset:2px}
/* chat panel: a fixed row under the header (not in the scrolling log, never over the input or the close button) */
.bh988-ch{flex:0 0 auto;padding:8px 12px;border-bottom:1px solid #e6dfcf}
/* helper panel: at the bottom of the panel, after the option buttons */
.bh988-hp{margin-top:12px;padding:10px 12px;border-radius:16px;border:1px solid #d9e3f0}
/* v0.7.6.18: #hpanel scrolls on short screens; the close button (first child, was position:absolute) stays in view at the panel's top-right.
   Same spot as before (10px from the panel edge = -8px from its 18px padding; sticky offsets count from the padding edge); negative margins keep it out of the text flow. */
html body #hpanel>.x{position:sticky;top:-8px;right:-8px;float:right;margin:-8px -8px -44px 0;z-index:3;background:#fffdf7;border-radius:50%}
/* BH-110: the Haven launcher "–" (.bh-hmin, 44px) sits on #hpanel's bottom-right corner; keep the Call/Text pair clear of it at any scroll position */
.bh988-hp .bh988-acts{box-sizing:border-box;padding-right:20px}
/* v0.7.6.19 BH-119: at <=360px the buttons size to their words (ES «Enviar mensaje» is longer than «Llamar»), with 10px sides, and may wrap to two lines; text unchanged */
@media (max-width:360px){.bh988-acts{width:100%}.bh988 .bh988-a{flex:1 1 auto;padding:2px 10px;white-space:normal;text-align:center;line-height:1.15}}
@media (forced-colors:active){.bh988 .bh988-a{border-color:LinkText}}
/* BH-107 short screens (landscape phones, 200-400% zoom): hide the note line, one compact row (title + Call/Text), ES «Mensaje»;
   BH-109: the helper bar is NOT pinned (it flows at the end of #hpanel, as in 216d6188) so it never covers a focused option; and the chat header/input get tighter so the messages stay readable */
.bh988-sh,.bh988-ts{display:none}
@media (max-height:500px){
 .bh988-n,.bh988-ic{display:none}
 .bh988{gap:4px 6px}
 .bh988-txt{min-width:0;font-size:13px;line-height:1.25}
 .bh988 .bh988-a{min-width:44px;padding:0 10px}
 .bh988-lg{display:none}.bh988-sh{display:inline}
 .bh988-tl{display:none}.bh988-ts{display:inline} /* v0.7.6.14: short title still names the crisis lifeline */
 .bh988-ch{flex-wrap:nowrap;padding:3px 10px}
 .bh988-ch .bh988-txt{flex:1 1 0}
 .bh988-ch .bh988-acts{width:auto;margin-left:0;flex:0 0 auto}
 .bh988-ch .bh988-a{flex:0 0 auto}
 .bh988-hp{flex-wrap:wrap;margin-top:8px;padding:4px 8px}
 .bh988-hp .bh988-txt{flex:1 1 100%}
 .bh988-hp .bh988-acts{width:100%;margin-left:0}
 .bh988-hp .bh988-a{flex:1}
 html body #bh-chat header{padding-top:6px;padding-bottom:6px}
 html body #bh-chat form.hc-in{padding:4px 8px}
}
/* v0.7.6.20: region row under Call/Text: "US and Canada: call or text 988" / "Mexico: Línea de la Vida, 800 911 2000" (tel link, 44px tall tap area without growing the row) */
.bh988-rg{flex:1 1 100%;margin:0;font-size:14px;line-height:1.35;color:#3f4b5c}
.bh988-mx{white-space:normal}
.bh988 .bh988-mxa{display:inline-block;padding:13px 2px;margin:-13px 0;color:#2f4a6d;font-weight:700;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.bh988 .bh988-mxa:focus-visible{outline:3px solid #2f4a6d;outline-offset:2px}
.bh988-hp .bh988-rg{padding-right:20px;box-sizing:border-box}
a[href="tel:8009112000"]{white-space:nowrap} /* the Mexico number never splits (Haven crisis reply, menu help lines, Resources and prayer-wall boxes) */
@media (max-height:300px){#hpanel .bh988 .bh988-rg{padding-right:0;font-size:12px;letter-spacing:0}#hpanel .bh988 .bh988-mx{white-space:nowrap}}
@media (max-height:320px){html body #hpanel>button.x{position:relative;top:auto}} /* helper at 320x256 (reflow, 156px panel): Mexico line on one line; the close button scrolls with the panel instead of sticking, so it never sits on top of the 988 bar or the last helper button (bar_check). Close stays the first thing at the top (rule up to 320px tall: ES at 320x301-315 needed it too). */
@media (max-height:500px){.bh988-rg{font-size:12.5px;line-height:1.25}.bh988-ch{flex-wrap:wrap}.bh988-ch .bh988-rg{order:3}}
@media (max-height:500px){.bh988-hp .bh988-rg{margin-top:9px}.bh988-hp .bh988-mxa{padding-top:12px;margin-top:-12px}} /* BH-131, helper on short screens: the Mexico line sits right under Text 988; 9px more space above it and a 12px (not 13px) upward tap pad keep its tap area out of the button while it stays >= 40px tall (mx_shots) */
.bh988-ch .bh988-rg{margin-top:10px} /* BH-131: the Mexico link's 13px tap padding never reaches the Call/Text 988 buttons above it (hit areas apart, checked with elementFromPoint) */
/* v0.7.6.21 BH-134: the live Site Editor custom CSS scales the whole helper (#helper) to 75% (transform:scale(.75)). Keep the small panel, but give the
   helper's 988 Call / Text buttons and the Mexico tel: link 59px before scaling (44 / .75 = 58.7), so they are >= 44px on screen. 988 hrefs and text unchanged.
   The chat-panel 988 bar (#bh-chat, not inside #helper) is unchanged. The Mexico line moves 17px down so its taller tap pad stays clear of Text 988 (BH-131). */
#helper .bh988-hp .bh988-a{min-height:59px}
#helper .bh988-hp .bh988-mxa{padding-top:21px;padding-bottom:21px;margin-top:-21px;margin-bottom:-21px}
#helper .bh988-hp .bh988-rg{margin-top:17px}
/* r4 BH-199: the v0.7.6.23.8.36 44px !important rule for all 988 links (blessedly-held.css) beat BH-134's 59px rule inside the 75%-scaled #helper, so Call/Text showed 33px. Restore 59px (= 44px on screen) with matching weight. */
#helper .bh988-hp .bh988-a{min-height:59px!important;min-width:59px!important}