/* Dedicated ByteCase Playbook product page */
.playbook-page-hero{
  padding:94px 0 78px;
  border-bottom:1px solid rgba(141,148,158,.14);
  background:
    radial-gradient(circle at 82% 18%,rgba(56,189,248,.12),transparent 35%),
    radial-gradient(circle at 70% 74%,rgba(16,185,129,.08),transparent 32%),
    linear-gradient(180deg,#111820,#0e1116)
}
.playbook-page-hero-grid,.playbook-gap-grid,.playbook-guides-grid,.playbook-coaching-grid,.department-knowledge-grid,.playbook-audience-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:66px;
  align-items:center
}
.playbook-page-labels{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}
.playbook-page-hero h1{margin:.2em 0;font-size:clamp(3.6rem,7vw,6.7rem);line-height:.91;letter-spacing:-.058em}
.playbook-hero-preview,.guide-preview-card,.coaching-session-panel{
  overflow:hidden;border:1px solid rgba(56,189,248,.3);border-radius:20px;background:#090e13;box-shadow:0 28px 85px rgba(0,0,0,.3)
}
.playbook-gap-section{padding-top:58px;padding-bottom:58px}
.playbook-gap-grid h2,.playbook-guides-grid h2,.playbook-coaching-copy h2,.department-knowledge-grid h2,.playbook-audience-grid h2{
  margin:.2em 0;font-size:clamp(2.6rem,5vw,4.7rem);line-height:.96;letter-spacing:-.045em
}
.playbook-gap-grid p,.playbook-guides-grid p,.playbook-coaching-copy>p,.department-knowledge-grid>div>p{color:#b2bcc4;font-size:1.03rem}
.playbook-mode-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}
.playbook-mode-grid article{padding:23px;border:1px solid rgba(141,148,158,.17);border-radius:15px;background:linear-gradient(145deg,var(--panel),#141a20)}
.playbook-mode-grid article>span{color:#7dd3fc;font-size:.7rem;font-weight:900}
.playbook-mode-grid h3{margin:16px 0 8px;font-size:1.3rem}
.playbook-mode-grid p{color:#9ca8b0;font-size:.86rem}
.playbook-check-list{list-style:none;margin:24px 0 0;padding:0}
.playbook-check-list li{position:relative;padding:10px 0 10px 25px;border-bottom:1px solid rgba(141,148,158,.1);color:#c1cad0}
.playbook-check-list li::before{content:"✓";position:absolute;left:0;color:#34d399;font-weight:900}
.guide-preview-card__header,.coaching-session-panel__top{display:flex;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid rgba(141,148,158,.14)}
.guide-preview-card__header span,.coaching-session-panel__top span{color:#7dd3fc;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.guide-stage,.guide-why,.guide-change,.coaching-prompt,.coaching-note{padding:20px}
.guide-stage>span,.guide-why>span,.guide-change>span,.coaching-note>span{color:#7dd3fc;font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.guide-stage h3,.coaching-prompt h3{margin:.4em 0}
.guide-why{background:rgba(56,189,248,.045);border-top:1px solid rgba(56,189,248,.15)}
.guide-change{background:rgba(16,185,129,.035);border-top:1px solid rgba(16,185,129,.14)}
.coach-question-list{display:grid;gap:11px;margin-top:26px}
.coach-question-list article{padding:16px 17px;border-left:3px solid #38bdf8;background:rgba(56,189,248,.045)}
.coach-question-list strong,.coach-question-list span{display:block}.coach-question-list span{margin-top:5px;color:#9daab2}
.coaching-options{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 20px}
.coaching-options span{padding:7px 10px;border:1px solid rgba(52,211,153,.24);border-radius:999px;color:#a7f3d0;font-size:.68rem}
.coaching-note{border-top:1px solid rgba(141,148,158,.13);background:rgba(255,255,255,.018)}
.knowledge-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.knowledge-card-grid article{padding:20px;border:1px solid rgba(141,148,158,.17);border-radius:14px;background:linear-gradient(145deg,var(--panel),#141a20)}
.knowledge-card-grid span{display:block;color:#7dd3fc;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.knowledge-card-grid strong{display:block;margin-top:9px;line-height:1.35}
.question-pack-heading{align-items:end}.question-pack-heading>p{max-width:430px;color:#9ba7af}
.question-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.question-tier-card{padding:27px;border:1px solid rgba(56,189,248,.23);border-radius:17px;background:linear-gradient(145deg,rgba(56,189,248,.045),transparent 45%),linear-gradient(145deg,var(--panel),#141a20)}
.question-tier-card>span{color:#7dd3fc;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}
.question-tier-card h3{margin:16px 0 9px;font-size:1.7rem}.question-tier-card p,.question-tier-card li{color:#9da8b0}
.question-pack-banner{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;margin-top:22px;padding:25px 28px;border:1px solid rgba(16,185,129,.25);border-radius:16px;background:rgba(16,185,129,.04)}
.question-pack-banner h3{margin:.2em 0}.question-pack-banner>p{color:#aab4bb}
.playbook-audience-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.playbook-audience-cards article{padding:21px;border:1px solid rgba(141,148,158,.16);border-radius:14px;background:linear-gradient(145deg,var(--panel),#141a20)}
.playbook-audience-cards p{color:#9ca8b0}
.playbook-boundary-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.playbook-boundary-grid article{padding:31px;border:1px solid rgba(16,185,129,.25);border-radius:18px;background:linear-gradient(145deg,var(--panel),#141a20)}
.playbook-boundary-grid article:last-child{border-color:rgba(245,158,11,.3)}
.playbook-check-list--boundary li::before{content:"—";color:#fbbf24}
.playbook-status-panel{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding:34px;border:1px solid rgba(141,148,158,.2);border-radius:19px;background:linear-gradient(145deg,var(--panel),#141a20)}
.playbook-status-panel>div+div{padding-left:34px;border-left:1px solid rgba(141,148,158,.17)}
.playbook-status-panel h2{margin:.2em 0;font-size:3.1rem}
@media(max-width:1050px){
  .playbook-page-hero-grid,.playbook-gap-grid,.playbook-guides-grid,.playbook-coaching-grid,.department-knowledge-grid,.playbook-audience-grid,.question-pack-banner{grid-template-columns:1fr}
  .playbook-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .question-tier-grid,.knowledge-card-grid,.playbook-audience-cards,.playbook-boundary-grid,.playbook-status-panel{grid-template-columns:1fr}
  .playbook-status-panel>div+div{padding-left:0;padding-top:25px;border-left:0;border-top:1px solid rgba(141,148,158,.17)}
}
@media(max-width:560px){
  .playbook-mode-grid{grid-template-columns:1fr}
  .playbook-page-hero{padding:70px 0 54px}
  .playbook-page-hero h1{font-size:clamp(3rem,15vw,4.6rem)}
}