/* =====================================================================
   Bushwick Daily · Highlighter · phone · the payment gates
   Every paywall screen a reader can reach on a phone, in the design of the
   rest of the phone site: the card at the cut, the card holding the payment
   step, the full-screen sheet (code, plans, card, terms, sign in, success)
   and /subscribe/.

   LOOK ONLY. The markup is bd-membership's (templates/gate.php, sheet.php,
   partials/), the behaviour bd-membership.js's, the settings the owner's
   (owner, 2026-11-04: "I do not want to change the paywall config yet"). No
   word, price, step or rule of the flow is set here. The agreement stays
   above the pay button, its charge in bold, at 13px or larger (S23).

   Linked with media="(max-width:599px)", after bd-membership.css, on the pages
   that print a gate (hl/bootstrap.php). The rules of the design it follows are
   hl.css's: tokens only; yellow is a fill behind ink, never text; 48px ink
   buttons, 1px ink fields, 2px corners, no shadows, 44px targets.
   The pay-now card (.bd-gate--paynow, setting gate_first_screen pay) is not
   live and is not restyled here.
   ===================================================================== */

/* ---------- 1. The paywall's tokens, set to the design's ---------- */
.hl :is(.bd-gate--story,.bd-gate--co,.bd-sheet,.bd-sheet .bd-gate,.bd-unlock-note,.bd-cut:has(.bd-gate--story)){
  --bdm-bg:var(--paper);--bdm-surface:var(--paper);--bdm-field:var(--field-bg);--bdm-text:var(--ink);--bdm-soft:var(--ink-3);
  --bdm-accent:var(--btn-bg);--bdm-accent-hover:var(--btn-bg-active);--bdm-rule:var(--rule);--bdm-line:var(--line);--bdm-on-accent:var(--btn-fg);
  --bdm-danger:var(--error);--bdm-danger-line:var(--error);--bdm-font-head:var(--serif);--bdm-font-ui:var(--sans);
  --bdm-radius-btn:2px;--bdm-radius-card:0;--bdm-radius-tile:2px;
  color-scheme:var(--scheme)}

/* ---------- 2. The cut ---------- */
.hl .bd-cut{margin:0;padding:0;background:none;box-shadow:none}
.hl .bd-cut__end{display:none!important}
.hl .bd-cut > .bd-gate.bd-gate--story,.hl .bd-cut > .bd-teaser + .bd-gate.bd-gate--story{margin:4px 0 0}
.hl .bd-free:not(.is-open){-webkit-mask-image:linear-gradient(#000 calc(100% - 120px),transparent);mask-image:linear-gradient(#000 calc(100% - 120px),transparent);max-height:none;overflow:visible}
.hl .bd-free::after,.hl .bd-cut > .bd-gate::before,.hl .bd-cut > .bd-gate::after{display:none!important;content:none!important}
/* The spec's .hl-story li must not reach the payment step's own list */
.hl .hl-story .bd-gate li{font-family:inherit;font-weight:inherit;margin-bottom:0}

/* ---------- 3. The card (spec, Gate) ---------- */
.hl .bd-gate.bd-gate--story{display:block;padding:20px 16px;background:var(--paper);border:var(--line-strong);border-radius:0;box-shadow:none;color:var(--ink);max-width:none}
.hl .bd-gate.bd-gate--story .bd-gate__head{display:block;max-width:none;margin:0;padding:0}
.hl .bd-gate.bd-gate--story .bd-gate__head::before{content:"Membership";display:block;font:700 11px/16px var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ink)}
.hl .bd-gate.bd-gate--story .bd-gate__title{margin:8px 0 0;font:600 30px/34px var(--serif);letter-spacing:-.012em;color:var(--ink);text-transform:none;text-wrap:balance}
.hl .bd-gate.bd-gate--story:not(.is-pw-inline) > .bd-gate__body{display:block;margin:0;padding:0;max-width:none}
.hl .bd-gate.bd-gate--story .bd-gate__lede{margin:8px 0 0;max-width:none;font:400 15px/21px var(--sans);color:var(--ink-2)}
.hl .bd-gate.bd-gate--story .bd-gate__lede strong{font-weight:700;color:var(--ink)}
.hl .bd-gate.bd-gate--story .bd-gate__start{display:flex;flex-direction:column;max-width:none;margin:0}
.hl .bd-gate.bd-gate--story .bd-gate__signup{display:contents}
.hl .bd-gate.bd-gate--story .bd-field__label{display:block;margin:16px 0 0;font:700 13px/18px var(--sans);color:var(--ink)}
.hl .bd-gate.bd-gate--story .bd-field__input{margin:8px 0 0}
.hl .bd-gate.bd-gate--story #bd-gate-continue,.hl .bd-gate.bd-gate--story .bd-gate__see-plans{width:100%;margin:8px 0 0}
.hl .bd-gate.bd-gate--story .bd-gate__see-plans{margin-top:16px}
.hl .bd-gate.bd-gate--story .bd-gate__newsletter{order:9;margin:12px 0 0;font:400 13px/18px var(--sans);color:var(--ink-3)}
.hl .bd-gate.bd-gate--story .bd-gate__member-line,.hl .bd-gate--story .bd-gate__memberline{margin:12px 0 0;max-width:none;font:400 13px/18px var(--sans);color:var(--ink-3)}
.hl .bd-gate--story .bd-gate__progress:empty,.hl .bd-gate--story .bd-gate__jump:empty{display:none}
.hl .bd-gate--story .bd-gate__progress,.hl .bd-gate--story .bd-gate__jump{margin:8px 0 0;font:500 13px/18px var(--sans);color:var(--ink-2);background:none;border:0;padding:0}
.hl .bd-gate--story .bd-gate__keep-btn{min-height:44px;font:500 13px/18px var(--sans);color:var(--ink)}
.hl .bd-gate--story .bd-gate__panel{background:var(--tint);border:0;border-left:3px solid var(--hi);color:var(--ink)}
.hl .bd-gate--story .bd-gate__panel button{min-height:44px;color:var(--ink);border-color:var(--ink)}

/* ---------- 4. One look for every title ---------- */
.hl .bd-sheet .bd-sheet__title,.hl .bd-sheet--pw .bd-pw .bd-pw__title,.hl .bd-gate.bd-gate--co .bd-co-title,.hl .bd-gate--co .bd-co-panel .bd-co-title{margin:0 0 12px;font:600 30px/34px var(--serif);letter-spacing:-.012em;text-transform:none;color:var(--ink);text-wrap:balance}
.hl .bd-sheet--pw .bd-pw__title-l1{display:block}
.hl .bd-sheet--pw .bd-pw .bd-pw__title em{display:inline}
.hl :is(.bd-sheet .bd-sheet__title,.bd-sheet--pw .bd-pw__title,.bd-gate--co .bd-co-title,.bd-gate--story .bd-gate__title,.bd-sheet .bd-gate__step-title) em{font-style:normal;color:var(--hilite-fg);background:linear-gradient(transparent 14%,var(--hi) 14%,var(--hi) 90%,transparent 90%);padding:0 2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hl .bd-sheet .bd-sheet__step-title,.hl .bd-sheet .bd-gate__step-title{margin:0 0 12px;font:600 21px/26px var(--serif);letter-spacing:-.005em;color:var(--ink)}
.hl .bd-sheet .bd-gate__step-title strong{font-weight:600;overflow-wrap:anywhere}
.hl .bd-sheet .bd-sheet__lede,.hl .bd-sheet--pw .bd-pw-done__lede,.hl .bd-gate--co .bd-co-lede,.hl .bd-gate--co .bd-co-donelede{margin:0 0 16px;font:400 15px/21px var(--sans);color:var(--ink-2)}
.hl .bd-sheet .bd-sheet__lede strong,.hl .bd-gate--co .bd-co-donelede strong{font-weight:700;color:var(--ink)}
.hl .bd-sheet .bd-sheet__lede--big{font:600 21px/26px var(--serif);color:var(--ink)}

/* ---------- 5. Buttons, fields, links, messages: spec section 3 ---------- */
.hl :is(.bd-gate--story,.bd-gate--co,.bd-sheet) .bd-field__input{display:block;width:100%;height:48px;min-height:48px;padding:0 12px;border:1px solid var(--line);border-radius:2px;background:var(--field-bg);box-shadow:none;font:400 16px/1 var(--sans);color:var(--ink);-webkit-appearance:none;appearance:none}
.hl :is(.bd-gate--story,.bd-gate--co,.bd-sheet) .bd-field__input::placeholder{color:var(--placeholder);opacity:1}
.hl :is(.bd-gate--story,.bd-gate--co,.bd-sheet) .bd-field__input:is(:focus,:focus-visible){outline:2px solid var(--ink);outline-offset:2px;border-color:var(--ink)}
.hl :is(.bd-gate--story,.bd-gate--co,.bd-sheet) .bd-field__input[aria-invalid='true']{border-color:var(--error);box-shadow:inset 0 0 0 1px var(--error)}
.hl .bd-sheet .bd-field__input--code,.hl .bd-gate--co .bd-co-code{max-width:none;font-size:21px;letter-spacing:.3em;font-variant-numeric:tabular-nums}
.hl .bd-sheet .bd-field__label,.hl .bd-gate--co .bd-co-label,.hl .bd-sheet--pw .bd-gate__code-label{display:block;margin:0 0 8px;font:700 13px/18px var(--sans);color:var(--ink)}
.hl .bd-sheet .bd-field__hint,.hl .bd-gate--co .bd-co-hint{margin:0 0 8px;font:400 13px/18px var(--sans);color:var(--ink-3)}
.hl .bd-gate--co .bd-co-hint{margin:8px 0 0}

.hl :is(.bd-gate--story,.bd-gate--co,.bd-sheet) .bd-btn,.hl .bd-sheet--pw .bd-gate .bd-pw__paycard,.hl .bd-gate.bd-gate--story #bd-gate-continue,.hl .bd-gate--co .bd-co-paycard{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;min-height:48px;padding:0 20px;border:0;border-radius:2px;box-shadow:none;background:var(--btn-bg);color:var(--btn-fg);font:700 15px/1 var(--sans);letter-spacing:.01em;text-transform:none;white-space:nowrap}
.hl :is(.bd-gate--story,.bd-gate--co,.bd-sheet) .bd-btn:hover{background:var(--btn-bg);box-shadow:none;transform:none}
.hl :is(.bd-gate--story,.bd-gate--co,.bd-sheet) .bd-btn:active{background:var(--ink-2)}
.hl :is(.bd-gate--story,.bd-gate--co,.bd-sheet) .bd-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.hl :is(.bd-gate--story,.bd-gate--co,.bd-sheet) .bd-btn[disabled]{background:var(--rule);color:var(--ink-3);opacity:1}
.hl :is(.bd-sheet,.bd-gate--co) .bd-btn--secondary{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.hl .bd-sheet--pw .bd-gate__row,.hl .bd-sheet .bd-gate__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.hl .bd-sheet .bd-gate__row > .bd-btn{min-width:0}

/* Pay by card: secondary beside a wallet button, the main button without one */
.hl .bd-sheet--pw .bd-pw__cardbtn,.hl .bd-gate--co .bd-co-cardbtn{height:48px;margin-top:8px;background:transparent;color:var(--ink);border:0;border-radius:2px;box-shadow:inset 0 0 0 1px var(--line);font:700 15px/1 var(--sans);letter-spacing:.01em;text-transform:none}
.hl .bd-sheet--pw .bd-pw__cardbtn:hover,.hl .bd-gate--co .bd-co-cardbtn:hover{border:0}
.hl .bd-sheet--pw .bd-pw__cardbtn:focus-visible,.hl .bd-gate--co .bd-co-cardbtn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.hl .bd-gate--sheet[data-bd-wallets='none'] .bd-pw__cardbtn:not(.bd-pw__terms-done),.hl .bd-co[data-bd-wallets='none'] .bd-co-cardbtn:not(.bd-co-terms__done){background:var(--btn-bg);color:var(--btn-fg);box-shadow:none}

/* Links in the flow's sentences, and the actions under a form (44px) */
.hl .bd-gate--story .bd-link,.hl .bd-sheet--pw .bd-pw__wlink,.hl .bd-gate--co .bd-co-wlink,.hl .bd-gate--co a.bd-co-wlink,.hl .bd-sheet .bd-link{color:var(--ink);font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0;min-height:0;cursor:pointer}
.hl .bd-sheet--pw .bd-gate .bd-gate__code-more .bd-link[data-bd-change-email],.hl .bd-sheet--pw .bd-gate .bd-link.bd-gate__resend:not([disabled]),.hl .bd-sheet--pw .bd-signin .bd-link{color:var(--ink)}
.hl :is(.bd-sheet--pw .bd-pw__wlink,.bd-gate--co .bd-co-wlink):focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.hl .bd-sheet .bd-gate__code-more,.hl .bd-sheet .bd-signin__more,.hl .bd-gate--co .bd-co-panel__more{display:flex;flex-wrap:wrap;align-items:center;gap:0 12px;margin:8px 0 0;font:400 13px/18px var(--sans);color:var(--ink-3)}
.hl .bd-sheet .bd-gate__code-more .bd-link,.hl .bd-sheet .bd-signin__more .bd-link,.hl .bd-gate--co .bd-co-panel__more .bd-co-wlink{display:inline-flex;align-items:center;min-height:44px}
.hl .bd-sheet--pw .bd-gate .bd-link.bd-gate__resend[disabled],.hl .bd-sheet .bd-link[disabled],.hl .bd-gate--co .bd-co-panel__more .bd-co-wlink:disabled{color:var(--ink-3);font-weight:500;text-decoration:none}

/* Errors and notices */
.hl :is(.bd-gate--story,.bd-gate--co,.bd-sheet) .bd-error{margin:0;padding:0;background:none;font:500 13px/18px var(--sans);color:var(--error)}
.hl :is(.bd-gate--story,.bd-gate--co,.bd-sheet) .bd-error:not(:empty){margin-top:8px;min-height:18px}
.hl :is(.bd-gate--story,.bd-gate--co,.bd-sheet) .bd-error:not(:empty):not(.bd-error--hint){padding-left:0;font-weight:500;color:var(--error)}
.hl :is(.bd-gate--story,.bd-gate--co,.bd-sheet) .bd-error:not(:empty):not(.bd-error--hint)::before{content:none}
.hl .bd-gate--story .bd-error--hint{color:var(--ink)!important;font-size:13px!important}
.hl .bd-sheet--pw .bd-gate .bd-signin__notice:not(:empty),.hl .bd-gate--co .bd-signin__notice:not(:empty),.hl .bd-sheet .bd-signin__notice:not(:empty){margin:0 0 12px;padding:8px 12px;background:var(--tint);border-left:3px solid var(--hi);font:500 13px/18px var(--sans);color:var(--ink)}
.hl .bd-gate .bd-gate__closed{padding:12px;border:1px solid var(--rule);font:400 15px/21px var(--sans);color:var(--ink-2)}
.hl .bd-gate .bd-gate__mode{border:1px solid var(--line);color:var(--ink);font:400 13px/18px var(--sans)}
.hl .bd-gate .bd-gate__note{font:400 13px/18px var(--sans);color:var(--ink-3)}

/* ---------- 6. The sheet: a masthead, a white page ---------- */
.hl .bd-sheet{font-family:var(--sans);color:var(--ink)}
.hl .bd-sheet__scrim{background:var(--paper)}
.hl .bd-sheet__panel{background:var(--paper);box-shadow:none}
.hl .bd-sheet__bar{min-height:52px;padding:0 8px;background:var(--band);border:0;color:var(--on-band)}
.hl .bd-sheet__back,.hl .bd-sheet__close{min-height:44px;color:var(--on-band);font:500 15px/21px var(--sans)}
.hl .bd-sheet__close{width:44px;height:44px}
.hl .bd-sheet__back:hover,.hl .bd-sheet__close:hover{color:var(--on-band)}
.hl .bd-sheet__bar :focus-visible{outline:2px solid var(--on-band);outline-offset:-2px}
.hl .bd-sheet__mark{width:145px}
.hl .bd-gate.bd-gate--sheet{max-width:none;padding-inline:var(--gutter);padding-top:20px}
.hl .bd-sheet--pw .bd-gate--sheet > .bd-sheet__step:not(.bd-pw){padding-bottom:32px}
.hl .bd-sheet .bd-sheet__actions{position:static;margin:16px 0 0;padding:0;background:none;border:0;box-shadow:none}
.hl .bd-sheet .bd-sheet__actions .bd-btn{width:100%}

/* The code step */
.hl .bd-sheet--pw .bd-gate__code-next{margin:0 0 8px;font:500 15px/21px var(--sans);color:var(--ink)}
.hl .bd-sheet--pw .bd-gate__code-tap{margin:0 0 8px;font:400 15px/21px var(--sans);color:var(--ink-2)}
.hl .bd-sheet--pw .bd-gate__code-tap strong{font-weight:700;color:var(--ink)}
.hl .bd-sheet .bd-gate__code-spam,.hl .bd-sheet .bd-gate__code-wait{margin:0 0 16px;font:400 13px/18px var(--sans);color:var(--ink-3)}
.hl .bd-sheet .bd-signin__sent{margin:0 0 16px;font:400 15px/21px var(--sans);color:var(--ink-2)}
.hl .bd-sheet .bd-signin__sent strong{color:var(--ink);font-weight:700}
.hl .bd-sheet .bd-field{margin:0 0 12px}
.hl .bd-sheet .bd-signin .bd-btn{width:100%}

/* ---------- 7. Plans and agreement: the sheet (.bd-pw) and /subscribe/ (.bd-co) are the same component ---------- */
.hl .bd-sheet--pw .bd-pw__chip{margin:0 0 16px;padding:8px;background:var(--tint);border:0;border-radius:0}
.hl .bd-sheet--pw .bd-pw__chip-img{border-radius:0}
.hl .bd-sheet--pw .bd-pw__chip-eyebrow{margin:0;font:700 11px/16px var(--sans);letter-spacing:.09em;color:var(--ink)}
.hl .bd-sheet--pw .bd-pw__chip-title{font:500 13px/18px var(--sans);color:var(--ink)}
.hl .bd-sheet--pw .bd-pw__for,.hl .bd-gate--co .bd-co-for{margin:0 0 12px;font:500 15px/21px var(--sans);color:var(--ink-2)}
.hl .bd-sheet--pw .bd-pw__for strong,.hl .bd-gate--co .bd-co-for strong{font-weight:700;color:var(--ink)}
.hl .bd-sheet--pw .bd-pw__lapsed{padding:12px;background:var(--tint);border-left:3px solid var(--hi);font:400 15px/21px var(--sans);color:var(--ink)}
.hl .bd-sheet--pw .bd-pw__used{font:400 15px/21px var(--sans);color:var(--ink)}

.hl .bd-sheet--pw .bd-pw__plans,.hl .bd-gate--co .bd-co-plans{gap:8px;margin:0 0 16px}
.hl .bd-sheet--pw .bd-pw__plan,.hl .bd-gate--co .bd-co-plan{min-height:60px;padding:8px 12px;background:var(--paper);border:1px solid var(--line);border-radius:2px;box-shadow:none}
.hl .bd-sheet--pw .bd-pw__plan.is-selected,.hl .bd-gate--co .bd-co-plan.is-selected{background:var(--tint);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.hl .bd-sheet--pw .bd-pw__plan:has(.bd-pw__plan-input:focus-visible),.hl .bd-gate--co .bd-co-plan:has(.bd-co-plan__input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}
.hl .bd-sheet--pw .bd-pw__plan-radio,.hl .bd-gate--co .bd-co-plan__radio{border:2px solid var(--ink)}
.hl .bd-sheet--pw .bd-pw__plan.is-selected .bd-pw__plan-radio,.hl .bd-gate--co .bd-co-plan.is-selected .bd-co-plan__radio{border-color:var(--ink)}
.hl .bd-sheet--pw .bd-pw__plan.is-selected .bd-pw__plan-radio::after,.hl .bd-gate--co .bd-co-plan.is-selected .bd-co-plan__radio::after{background:var(--ink)}
.hl .bd-sheet--pw .bd-pw__plan-price,.hl .bd-gate--co .bd-co-plan__price{font:600 17px/22px var(--serif);color:var(--ink)}
.hl .bd-sheet--pw .bd-pw__plan-sub,.hl .bd-gate--co .bd-co-plan__sub{font:500 13px/18px var(--sans);color:var(--ink-2)}
.hl .bd-sheet--pw .bd-pw__badge,.hl .bd-gate--co .bd-co-badge{padding:4px 8px;background:var(--hi);color:var(--on-hi);font:700 11px/16px var(--sans);letter-spacing:.09em;text-transform:uppercase;border-radius:0;white-space:nowrap}

.hl .bd-sheet--pw .bd-pw__values,.hl .bd-gate--co .bd-co-values{gap:8px;margin:0 0 16px;list-style:none;padding:0}
.hl .bd-sheet--pw .bd-pw__values li,.hl .bd-gate--co .bd-co-values li{padding-left:24px;font:400 15px/21px var(--sans);color:var(--ink-2)}
.hl .bd-sheet--pw .bd-pw__values li::before,.hl .bd-gate--co .bd-co-values li::before{border-color:var(--ink)}

/* The agreement: the reader's consent. A panel of its own, in ink, the charge in bold, above the pay button. */
.hl .bd-sheet--pw .bd-pw__consent,.hl .bd-gate--co .bd-co-consent{grid-template-columns:24px minmax(0,1fr);column-gap:12px;padding:12px;background:var(--tint);border:0;border-radius:0}
.hl .bd-sheet--pw .bd-pw__consent .bd-gate__disclosure,.hl .bd-gate--co .bd-co-consent .bd-gate__disclosure{font:400 13px/19px var(--sans);color:var(--ink)}
.hl .bd-sheet--pw .bd-pw__consent .bd-gate__disclosure strong,.hl .bd-gate--co .bd-co-consent .bd-gate__disclosure strong{font-weight:700;color:var(--ink)}
.hl .bd-sheet--pw .bd-pw__consent .bd-terms-link,.hl .bd-gate--co .bd-co-consent .bd-terms-link{color:var(--ink);text-underline-offset:3px}
.hl .bd-sheet--pw .bd-pw__legal,.hl .bd-gate--co .bd-co-legal{margin:4px 0 0;font:400 13px/18px var(--sans);color:var(--ink-3)}
.hl .bd-sheet--pw .bd-pw__legal a.bd-pw__wlink,.hl .bd-gate--co .bd-co-legal a.bd-co-wlink{color:var(--ink);font-weight:500}
/* The box: 24px to see, 44px to tap */
.hl .bd-sheet--pw .bd-pw__check,.hl .bd-gate--co .bd-co-check{position:relative;width:44px;height:44px;margin:-10px;padding:0;border:0;background:none;box-shadow:none;display:block;border-radius:0}
.hl .bd-sheet--pw .bd-pw__check::before,.hl .bd-gate--co .bd-co-check::before{content:"";position:absolute;left:10px;top:10px;width:24px;height:24px;border:2px solid var(--ink);border-radius:2px;background:var(--paper);box-sizing:border-box}
.hl .bd-sheet--pw .bd-pw__check:checked,.hl .bd-gate--co .bd-co-check:checked{background:none}
.hl .bd-sheet--pw .bd-pw__check:checked::before,.hl .bd-gate--co .bd-co-check:checked::before{background:var(--btn-bg)}
.hl .bd-sheet--pw .bd-pw__check:checked::after,.hl .bd-gate--co .bd-co-check:checked::after{content:"";position:absolute;left:17px;top:17px;width:10px;height:5px;margin:0;border-left:2.5px solid var(--btn-fg);border-bottom:2.5px solid var(--btn-fg);transform:rotate(-45deg)}
.hl .bd-sheet--pw .bd-pw__check:focus-visible,.hl .bd-gate--co .bd-co-check:focus-visible{outline:2px solid var(--ink);outline-offset:-8px}
.hl .bd-sheet--pw .bd-pw__consent.is-nudged,.hl .bd-gate--co .bd-co-consent.has-error{border:0;box-shadow:inset 0 0 0 2px var(--error)}
.hl .bd-gate--co .bd-co-consent.has-error .bd-co-check::before{border-color:var(--error)}
.hl .bd-sheet--pw .bd-pw__nudge,.hl .bd-gate--co .bd-co-nudge:not(:empty){margin:0 0 8px;font:500 13px/18px var(--sans);color:var(--error)}
.hl .bd-gate--co .bd-co-nudge.is-alert:not(:empty){padding:8px 12px;border:1px solid var(--error);border-radius:2px;background:var(--paper)}
.hl .bd-sheet--pw .bd-pw__payerr{padding:8px 12px;border:1px solid var(--error);border-radius:2px;background:var(--paper);font:500 13px/18px var(--sans);color:var(--error)}

/* Due today and the pay controls, pinned to the bottom of the screen (the paywall's rule, owner 2026-11-01) */
.hl .bd-sheet--pw .bd-pw__pin,.hl .bd-gate--co .bd-co-pin{margin:12px calc(var(--gutter) * -1) 0;padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:1px solid var(--line);box-shadow:none}
.hl .bd-sheet--pw .bd-pw__due,.hl .bd-gate--co .bd-co-due{margin:0 0 8px}
.hl .bd-sheet--pw .bd-pw__due span,.hl .bd-gate--co .bd-co-due span{font:500 13px/18px var(--sans);color:var(--ink-3)}
.hl .bd-sheet--pw .bd-pw__due strong,.hl .bd-gate--co .bd-co-due strong{font:600 17px/22px var(--serif);color:var(--ink)}
.hl .bd-sheet--pw .bd-pw__member,.hl .bd-gate--co .bd-co-member{margin:12px 0 0;font:400 13px/18px var(--sans);color:var(--ink-3);text-align:left}
.hl .bd-sheet--pw .bd-pw__card,.hl .bd-gate--co .bd-co-card{margin-top:12px;padding:0;background:none;border:0;border-radius:0}
.hl .bd-sheet--pw .bd-pw__lock,.hl .bd-gate--co .bd-co-lock{margin:8px 0 0;font:400 13px/18px var(--sans);color:var(--ink-3)}
.hl .bd-sheet--pw .bd-pw__lock svg,.hl .bd-gate--co .bd-co-lock svg{color:var(--ink-3)}
.hl .bd-gate--co .bd-co-cardfields.has-error{outline:2px solid var(--error);outline-offset:4px}

/* Full terms, over the bar */
.hl .bd-sheet--pw .bd-pw__terms,.hl .bd-gate--co .bd-co-terms{padding:16px var(--gutter) calc(16px + env(safe-area-inset-bottom,0px));background:var(--paper);border:0;border-top:2px solid var(--ink);border-radius:0;box-shadow:none}
.hl .bd-sheet--pw .bd-pw__terms-title,.hl .bd-gate--co .bd-co-terms__title{margin:0 0 8px;font:800 11px/16px var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ink)}
.hl .bd-sheet--pw .bd-pw__terms-text,.hl .bd-gate--co .bd-co-terms__text{font:400 15px/21px var(--sans);color:var(--ink-2)}
.hl .bd-sheet--pw .bd-pw__terms-text strong,.hl .bd-gate--co .bd-co-terms__text strong{font-weight:700;color:var(--ink)}

/* ---------- 8. The payment step inside the card (a signed-in reader, bd-membership.js showInlinePlans) ---------- */
.hl #bd-sheet.is-inline{margin:16px 0 0}
.hl #bd-sheet.is-inline .bd-sheet__panel{background:none}
.hl #bd-sheet.is-inline .bd-gate.bd-gate--sheet{padding:0}
.hl #bd-sheet.is-inline .bd-pw__pin{margin:12px -16px 0;padding:12px 16px}
.hl #bd-sheet.is-inline .bd-pw__pin.is-floating{margin:0;padding:12px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:var(--paper);border-top:1px solid var(--line);box-shadow:none}

/* ---------- 9. /subscribe/ ---------- */
.hl--offer .hl-story{padding:0}
.hl--offer .hl-story > p{display:none}   /* the Page's body is the card; wpautop leaves an empty paragraph around its <style> */
.hl .bd-gate.bd-gate--checkout.bd-gate--co{margin:0;padding:20px var(--gutter) 0;background:none;border:0;border-radius:0;box-shadow:none;color:var(--ink)}
.hl .bd-gate--co .bd-co-panel{padding:0 0 24px}
.hl .bd-gate--co .bd-co-panel__btn{width:100%}
.hl .bd-gate--co .bd-co-coderow{grid-template-columns:minmax(0,1fr) auto;gap:8px}
.hl .bd-gate.bd-gate--checkout.bd-gate--co.bd-co-membercard{margin:20px var(--gutter) 0;padding:20px 16px;border:2px solid var(--ink)}
.hl .bd-gate--co .bd-co-memberline__title{font:600 21px/26px var(--serif);color:var(--ink)}
.hl .bd-gate--co .bd-co-memberline__title::before{content:none}
.hl .bd-gate--co .bd-co-memberline__btn{width:100%}
.hl .bd-gate--co a.bd-co-wlink.bd-co-memberline__link{font:500 15px/21px var(--sans);color:var(--ink);min-height:44px;display:inline-flex;align-items:center}

/* ---------- 10. After paying: the line left in the story ---------- */
.hl .bd-unlock-note{margin:0 0 16px;padding:12px;background:var(--tint);border:0;border-left:3px solid var(--hi);border-radius:0;box-shadow:none;font:400 15px/21px var(--sans);color:var(--ink)}
.hl .bd-unlock-note::before{content:none}