/* pba-tour.css: the Personal Branding Agencies page (isaacmashman.com /personal-branding-agencies and
   mashmancg.com /personal-branding-agencies). PBA Gold, scoped to .pba-page so the site's own colors stay. */
.pba-page{--pba-gold:#F3C228;--pba-gold-ink:#7A5B00;--pba-ink:#0A0A0A}
.pba-page .page-hero em,.pba-page .s-ink h2 em{color:var(--pba-gold)}
.pba-page .eyebrow.pba-eye{color:var(--pba-gold)}
.pba-page .s-white .eyebrow.pba-eye{color:var(--pba-gold-ink)}
.pba-line{display:inline-block;margin-top:18px;padding:10px 14px;border-left:3px solid var(--pba-gold);background:rgba(243,194,40,.08);font-weight:600;letter-spacing:.01em}
.pba-btn{background:var(--pba-gold);color:var(--pba-ink);border-color:var(--pba-gold)}
.pba-btn:hover,.pba-btn:focus-visible{background:#ffd44a;color:var(--pba-ink)}

/* The tour: tabs on the left, the screen on the right; one column on phones. */
.pba-tour{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:28px;align-items:start;margin-top:34px}
.pba-tabs{display:flex;flex-direction:column;gap:6px}
.pba-tab{all:unset;box-sizing:border-box;display:block;cursor:pointer;padding:14px 16px;border:1px solid rgba(10,10,10,.12);border-left:3px solid transparent;background:#fff;font:600 15px/1.3 Montserrat,system-ui,sans-serif;color:#0A0A0A}
.pba-tab span{display:block;margin-top:4px;font:400 13px/1.45 Inter,system-ui,sans-serif;color:#5C584E}
.pba-tab[aria-selected="true"]{border-left-color:var(--pba-gold);background:#FFFBEA}
.pba-tab:focus-visible{outline:2px solid var(--pba-ink);outline-offset:2px}
.pba-screen{margin:0;border:1px solid rgba(10,10,10,.14);background:#0A0A0A;box-shadow:0 18px 50px rgba(10,10,10,.18)}
.pba-screen .bar{display:flex;gap:6px;align-items:center;padding:9px 12px;background:#141414;border-bottom:2px solid var(--pba-gold)}
.pba-screen .bar i{width:9px;height:9px;border-radius:50%;background:#3a3a3a}
.pba-screen .bar b{margin-left:8px;font:500 12px/1 Inter,system-ui,sans-serif;color:#bbb}
.pba-screen img{display:block;width:100%;height:auto;aspect-ratio:1200/750}
.pba-screen figcaption{padding:14px 16px;background:#fff;color:#3E3E3E;font-size:14.5px;line-height:1.55;border-top:1px solid rgba(10,10,10,.08)}
.pba-panel[hidden]{display:none}
@media (max-width:860px){.pba-tour{grid-template-columns:1fr}.pba-tabs{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.pba-tab{flex:0 0 auto;scroll-snap-align:start;max-width:240px}.pba-tab span{display:none}}

/* The seven checks: tick what you have confirmed about a practice. */
.pba-checks{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:10px}
.pba-checks label{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid rgba(255,255,255,.14);cursor:pointer;height:100%;box-sizing:border-box}
.pba-checks input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--pba-gold);flex:0 0 auto}
.pba-checks strong{display:block;color:#fff;font-weight:600}
.pba-checks span{display:block;margin-top:4px;color:#C9C6BF;font-size:14px;line-height:1.5}
.pba-checks label:has(input:checked){border-color:var(--pba-gold);background:rgba(243,194,40,.07)}
.pba-score{margin-top:18px;font-weight:600;color:#fff}
.pba-score b{color:var(--pba-gold)}
.pba-meter{height:6px;background:rgba(255,255,255,.12);margin-top:10px;max-width:420px}
.pba-meter i{display:block;height:100%;width:0;background:var(--pba-gold);transition:width .25s ease}
@media (prefers-reduced-motion:reduce){.pba-meter i{transition:none}}