/* /personal-branding-101: the lesson player (Isaac, 2026-10-23), after UnrivaledMCG's lesson view:
   the video and what it covers on the left, the eight lessons on the right. Page-specific; site.css
   stays byte-identical across the family. */
.pb-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(24px,3vw,44px);align-items:start;}
@media (max-width:980px){.pb-wrap{grid-template-columns:minmax(0,1fr);}}

/* the stage */
.pb-frame{position:relative;background:#000;aspect-ratio:16/9;border:1px solid var(--rule-dark);overflow:hidden;}
.pb-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#000;}
.pb-play{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-start;gap:16px;padding:clamp(16px,3vw,32px);
  border:0;background:linear-gradient(180deg,rgba(10,10,10,0) 45%,rgba(10,10,10,.82));color:var(--white);cursor:pointer;text-align:left;}
.pb-play-icon{flex:0 0 auto;width:64px;height:64px;border-radius:50%;background:var(--white);position:relative;transition:transform .3s var(--ease);}
.pb-play-icon::after{content:"";position:absolute;left:26px;top:20px;border-left:18px solid var(--ink);border-top:12px solid transparent;border-bottom:12px solid transparent;}
.pb-play:hover .pb-play-icon,.pb-play:focus-visible .pb-play-icon{transform:scale(1.06);}
.pb-play:focus-visible{outline:2px solid var(--white);outline-offset:-6px;}
.pb-play-lbl{display:flex;flex-direction:column;gap:4px;font-family:var(--display);font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;}
.pb-play-time{font-family:var(--body);font-size:13px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--platinum);}
.pb-end{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;padding:clamp(20px,5vw,56px);background:rgba(10,10,10,.92);}
.pb-end[hidden]{display:none;}
.pb-end .eyebrow{margin:0;}
.pb-end h4{font-family:var(--display);font-size:clamp(20px,2.6vw,30px);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--white);margin:0;}
.pb-end p{color:var(--platinum);margin:0;max-width:48ch;font-size:15px;}
.pb-end .btn-row{margin-top:8px;}

/* what is playing */
.pb-now{padding-top:26px;}
.pb-kicker{font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--steel);}
.pb-title{font-family:var(--display);font-size:clamp(24px,3vw,36px);font-weight:700;letter-spacing:-.02em;line-height:1.12;color:var(--white);margin:12px 0 12px;}
.pb-summary{color:var(--platinum);font-size:16px;line-height:1.7;max-width:62ch;margin:0;}
.pb-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:22px;}
.pb-btn{appearance:none;border:1px solid var(--rule-dark);background:transparent;color:var(--white);cursor:pointer;min-height:46px;padding:0 20px;
  font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;transition:border-color .3s var(--ease),background .3s var(--ease),color .3s var(--ease);}
.pb-btn:hover,.pb-btn:focus-visible{border-color:var(--white);}
.pb-btn-solid{background:var(--white);color:var(--ink);border-color:var(--white);}
.pb-btn-solid:hover,.pb-btn-solid:focus-visible{background:var(--platinum);}
.pb-btn:focus-visible{outline:2px solid var(--white);outline-offset:3px;}
.pb-btn[hidden],.pb-yt[hidden]{display:none;}
.pb-yt{font-size:14px;}
.pb-transcript{margin-top:26px;border-top:1px solid var(--rule-dark);padding-top:16px;}
.pb-transcript summary{cursor:pointer;font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--platinum);min-height:32px;display:flex;align-items:center;}
.pb-transcript summary:focus-visible{outline:2px solid var(--white);outline-offset:3px;}
.pb-transcript-body{margin-top:12px;max-height:340px;overflow:auto;padding-right:8px;}
.pb-transcript-body p{color:var(--steel);font-size:15px;line-height:1.75;margin:0 0 14px;}
.pb-transcript[hidden]{display:none;}

/* the lessons */
.pb-list{border:1px solid var(--rule-dark);background:var(--panel);}
.pb-list-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:18px 20px;border-bottom:1px solid var(--rule-dark);
  font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--white);}
.pb-progress{font-family:var(--body);font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--steel);}
.pb-list ol{list-style:none;margin:0;padding:0;}
.pb-list li + li{border-top:1px solid var(--rule-dark);}
.pb-item{display:grid;grid-template-columns:34px minmax(0,1fr) 22px;gap:12px;align-items:center;padding:14px 20px;min-height:60px;text-decoration:none;color:var(--white);
  transition:background .25s var(--ease);position:relative;}
a.pb-item:hover,a.pb-item:focus-visible{background:rgba(255,255,255,.05);}
a.pb-item:focus-visible{outline:2px solid var(--white);outline-offset:-2px;}
.pb-item[aria-current="true"]{background:rgba(255,255,255,.07);}
.pb-item[aria-current="true"]::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--white);}
.pb-n{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--steel);}
.pb-t{font-family:var(--display);font-size:14px;font-weight:600;line-height:1.35;}
.pb-t small{display:block;font-family:var(--body);font-size:12px;font-weight:400;color:var(--steel);margin-top:3px;}
.pb-item.is-soon{color:#8A8A8A;}
.pb-item.is-soon .pb-t small{letter-spacing:.12em;text-transform:uppercase;font-size:10.5px;}
.pb-state{width:20px;height:20px;border-radius:50%;border:1px solid var(--rule-dark);}
.pb-item.is-watched .pb-state{background:var(--white);border-color:var(--white);position:relative;}
.pb-item.is-watched .pb-state::after{content:"";position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid var(--ink);border-width:0 2px 2px 0;transform:rotate(45deg);}
.pb-list-note{font-size:12.5px;line-height:1.6;color:var(--steel);margin:0;padding:14px 20px 18px;border-top:1px solid var(--rule-dark);}

/* the eight lessons, as cards */
.pb-card .tlink{margin-top:20px;display:inline-block;}
.pb-soon{display:inline-block;margin-top:20px;font-family:var(--display);font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-label);}

@media (max-width:560px){
  .pb-play-icon{width:52px;height:52px;}
  .pb-play-icon::after{left:21px;top:16px;border-left-width:15px;border-top-width:10px;border-bottom-width:10px;}
  .pb-item{padding:12px 16px;}
}
@media (prefers-reduced-motion:reduce){.pb-play-icon,.pb-item{transition:none;}}