/* B7oothKw plans page. The cards are the shared Grade A .plan components
   (see sections.css); only the page's own header and balance strip live here. */

.pr-title{justify-content:center;font-size:clamp(28px,4.5vw,40px);margin:6px 0 8px}
.pr-lede{font-size:16px;line-height:1.55;color:var(--mut);margin:0 auto 22px;
  max-width:620px;text-align:center}

/* ---- live balance strip ---- */
/* display on the class beats the UA's [hidden]{display:none}, so restate it. */
.pr-bal-row{text-align:center}
.pr-balance[hidden]{display:none}
.pr-balance{display:inline-flex;align-items:center;gap:10px;
  padding:9px 16px 9px 13px;border-radius:999px;font-size:14px;font-weight:600;
  color:var(--ink);background:var(--panel2);border:1px solid var(--line2)}
.pr-bal-dot{width:8px;height:8px;border-radius:50%;background:var(--mut);flex:none}
.pr-balance.is-member{border-color:rgba(63,185,80,.45);background:rgba(63,185,80,.10)}
.pr-balance.is-member .pr-bal-dot{background:var(--ok)}
.pr-balance.is-empty{border-color:rgba(240,86,75,.45);background:rgba(240,86,75,.10)}
.pr-balance.is-empty .pr-bal-dot{background:var(--bad)}
.pr-balance.is-trial .pr-bal-dot{background:var(--acc2)}

.view .hz-msg{margin:18px 0 0;min-height:1.2em;text-align:center}