body.pg-bf [hidden]{display:none!important}body.pg-bf .learning-wrp>.container{max-width:860px}body.pg-bf .bf-hero{padding-bottom:clamp(32px,5vw,56px)}body.pg-bf .bf-hero h1{font:800 clamp(36px, 5vw, 56px)/1.05 var(--sans);letter-spacing:-.035em;color:var(--ink);text-align:left;margin:0;text-wrap:balance}body.pg-bf .bf-lede{margin:16px 0 0;font:400 19px/1.6 var(--sans);color:var(--ink-body);max-width:56ch}body.pg-bf .bf-lede strong{color:var(--ink)}body.pg-bf .bf-actions{display:flex;flex-wrap:wrap;align-items:center;margin-top:8px}body.pg-bf .bf-actions>*{margin:16px 16px 0 0}body.pg-bf .bf-code{display:inline-flex;align-items:center;gap:12px;padding:10px 10px 10px 20px;border:2px dashed var(--gold);border-radius:18px;background:var(--gold-wash)}body.pg-bf .bf-code-text{font:800 26px/1.2 var(--sans);letter-spacing:.08em;color:var(--ink)}body.pg-bf .bf-copy{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:0;border-radius:12px;background:var(--ink);color:var(--paper);font:600 15px/1.2 var(--sans);cursor:pointer}body.pg-bf .bf-copy:hover{background:var(--indigo-press)}body.pg-bf .bf-copy:focus-visible{outline:3px solid var(--sky-edge);outline-offset:2px}body.pg-bf .bf-status{margin:14px 0 0;font:600 16px/1.5 var(--sans);color:var(--indigo)}body.pg-bf .bf-status-ended{color:var(--coral)}body.pg-bf .bf-cta{width:auto;max-width:none;margin:16px 0 0;padding:14px 28px;text-decoration:none}body.pg-bf .bf-cta:hover{color:#fff;text-decoration:none}body.pg-bf .bf-steps{padding-top:clamp(32px,5vw,48px);border-top:1px solid var(--rule)}body.pg-bf .bf-steps h2{font:800 clamp(24px, 3vw, 32px)/1.15 var(--sans);letter-spacing:-.02em;color:var(--ink);text-align:left;margin:0 0 16px}body.pg-bf .bf-steps ol{margin:0;padding-left:22px;display:grid;gap:10px}body.pg-bf .bf-steps ol li{font:400 17px/1.6 var(--sans);color:var(--ink-body);padding-left:4px}body.pg-bf .bf-steps ol li strong{color:var(--ink)}body.pg-bf .bf-small{margin:16px 0 0;font:400 15px/1.6 var(--sans);color:var(--muted);max-width:62ch}body.pg-bf .bf-sister{margin:clamp(32px,5vw,48px) 0 clamp(48px,6vw,80px);padding:24px 28px;border-radius:24px;background:var(--sunken)}body.pg-bf .bf-sister h3{margin:4px 0 0;font:700 20px/1.3 var(--sans);color:var(--ink)}body.pg-bf .bf-sister p:not(.pg-eyebrow){margin:8px 0 12px;font:400 16px/1.6 var(--sans);color:var(--muted);max-width:62ch}body.pg-bf .bf-sister a{color:var(--indigo);font-weight:600}