/* /blog/browser-extension-permissions · page scoped CSS (prefix pg-bep-). Spacing between shared blocks, the question line on the
   fig. 01 plate, the hue squares of the keep / limit / remove cells and the gate's word column. */

.pg-bep-title{text-wrap:balance}

/* reading rhythm (as the exemplar /blog/mac-security-questionnaire) */
.pg-bep-sec+.pg-bep-sec{margin-top:104px}
@media (max-width:767px){.pg-bep-sec+.pg-bep-sec{margin-top:72px}}
.pg-bep-chips{margin-top:28px}
.pg-bep-fig{margin-top:44px}
.pg-bep-fig .cy-fig__cap{max-width:68ch}
.pg-bep-callout{margin-top:32px;max-width:684px}
.pg-bep-callout+.pg-bep-callout{margin-top:12px}
.pg-bep-pull{max-width:min(68ch,38em);margin:48px 0 0}
.pg-bep-refs{max-width:60ch;font-size:15px;line-height:1.55;color:var(--s-ink-2)}
.pg-bep-gloss{margin-top:12px}

/* fig. 01: one line above the owner's decisions; the gate's first column holds a word, not a time */
.pg-bep-plate__q{max-width:40ch;margin-bottom:20px;font-size:18px;font-weight:500;line-height:1.4;color:var(--s-ink);text-wrap:balance}
.pg-bep-gate .cy-gate__t{font-size:13px;color:var(--s-ink-2)}
@media (max-width:519px){.pg-bep-gate .cy-gate__row{grid-template-columns:58px 14px minmax(0,1fr)}}

/* keep / limit / remove: Signal for keep, ember for limit (a person narrows it), hollow for remove */
.pg-bep-kinds{margin-top:40px}
.pg-bep-kinds--limit{--cy-hue:#FF6B2B}

/* fig. 02 keeps the width it has on /product; the owner column of the check rows is a name, not an Apple setting */
.pg-bep-winfig{max-width:640px}
.pg-bep-checks .cy-check__name{font-family:var(--font-body)}