.playbook-hero{background:var(--ink);padding:100px 40px 80px;text-align:center;position:relative;overflow:hidden}.playbook-hero::before{content:'';position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(13,148,136,.12) 0%,transparent 65%);pointer-events:none}.playbook-hero-inner{max-width:720px;margin:0 auto;position:relative}.playbook-eyebrow{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--teal-lt);margin-bottom:20px}.playbook-hero h1{font-family:var(--font-serif);font-size:clamp(36px,5vw,56px);font-weight:400;color:var(--white);line-height:1.1;letter-spacing:-.03em;margin:0 0 20px}.playbook-subtitle{font-family:var(--font-sans);font-size:20px;color:rgba(255,255,255,.7);line-height:1.6;margin:0 0 36px;max-width:560px;margin-left:auto;margin-right:auto}.playbook-toc{background:var(--parchment);padding:72px 40px}.playbook-toc-inner{max-width:760px;margin:0 auto}.playbook-toc-heading{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-40);margin:0 0 28px}.toc-grid{display:flex;flex-direction:column;gap:0}.toc-card{display:flex;align-items:center;gap:24px;padding:24px 20px;text-decoration:none;border-bottom:1px solid var(--ink-10);transition:all .15s}.toc-card:first-child{border-top:1px solid var(--ink-10)}.toc-card:hover{background:var(--white);padding-left:28px}.toc-num{font-family:var(--font-serif);font-size:36px;font-weight:400;color:var(--teal);line-height:1;flex-shrink:0;width:48px;text-align:center}.toc-card-body{flex:1;min-width:0}.toc-card-body h3{font-family:var(--font-sans);font-size:18px;font-weight:700;color:var(--ink);margin:0 0 4px;line-height:1.3}.toc-card-body p{font-family:var(--font-sans);font-size:14px;color:var(--ink-60);margin:0;line-height:1.5}.toc-arrow{font-size:20px;color:var(--teal);flex-shrink:0;transition:transform .15s}.toc-card:hover .toc-arrow{transform:translateX(4px)}.playbook-lead{background:var(--white);padding:72px 40px}.playbook-lead-inner{max-width:760px;margin:0 auto}.playbook-bottom-cta{background:var(--parchment);padding:72px 40px;text-align:center}.playbook-bottom-cta-inner{max-width:560px;margin:0 auto}.playbook-bottom-cta h2{font-family:var(--font-serif);font-size:28px;font-weight:400;color:var(--ink);margin:0 0 12px}.playbook-bottom-cta p{font-family:var(--font-sans);font-size:17px;color:var(--ink-60);margin:0 0 28px;line-height:1.6}.chapter-num{font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--teal-lt);margin-bottom:12px}.playbook-progress{max-width:860px;margin:0 auto;padding:20px 40px 0;display:flex;align-items:center;gap:16px}.progress-track{flex:1;height:3px;background:var(--ink-10);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--teal);border-radius:2px;transition:width .3s ease}.progress-label{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--ink-40);letter-spacing:.06em;white-space:nowrap}.chapter-nav{max-width:860px;margin:0 auto;padding:0 40px 72px;display:flex;justify-content:space-between;gap:24px;border-top:1.5px solid var(--ink-10);padding-top:32px;margin-top:56px}.chapter-nav-link{text-decoration:none;display:flex;flex-direction:column;gap:4px;transition:all .12s}.chapter-nav-link:hover{opacity:.8}.chapter-nav-next{text-align:right;margin-left:auto}.chapter-nav-dir{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}.chapter-nav-title{font-family:var(--font-serif);font-size:18px;font-weight:400;color:var(--ink);line-height:1.3}.go-deeper{background:var(--teal-tint);border:1.5px solid rgba(13,148,136,.15);border-radius:var(--r-lg);padding:24px 28px;margin:32px 0}.go-deeper .callout-label{color:var(--teal-dark)}.go-deeper ul{margin:8px 0 0;padding:0;list-style:none}.go-deeper li{padding:6px 0}.go-deeper a{font-family:var(--font-sans);font-size:15px;font-weight:500;color:var(--teal-dark);text-decoration:none;transition:color .12s}.go-deeper a:hover{color:var(--teal);text-decoration:underline}.playbook-banner{background:var(--ink);border-radius:var(--r-lg);padding:48px 40px;margin-bottom:32px;text-align:center;position:relative;overflow:hidden}.playbook-banner::before{content:'';position:absolute;top:-60%;left:50%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(13,148,136,.15) 0%,transparent 65%);pointer-events:none}.playbook-banner-inner{position:relative;max-width:560px;margin:0 auto}.playbook-banner-badge{display:inline-block;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--teal-lt);background:rgba(13,148,136,.15);padding:4px 12px;border-radius:100px;margin-bottom:16px}.playbook-banner h2{font-family:var(--font-serif);font-size:28px;font-weight:400;color:var(--white);margin:0 0 10px;line-height:1.2}.playbook-banner p{font-family:var(--font-sans);font-size:15px;color:rgba(255,255,255,.65);margin:0 0 24px;line-height:1.6}.playbook-body{display:flex;align-items:flex-start;max-width:1140px;margin:0 auto}.playbook-sidebar{display:none}.playbook-body .content-wrap{flex:1;min-width:0;max-width:860px}@media (min-width:1200px){.playbook-body{padding:0 40px 80px;gap:48px}.playbook-sidebar{display:block;width:200px;flex-shrink:0;position:sticky;top:calc(var(--nav-h) + 24px);align-self:flex-start;padding-top:32px}.playbook-body .content-wrap{padding-left:0;padding-right:0}}.sidebar-section{margin-bottom:20px}.sidebar-heading{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-40);margin-bottom:12px}.sidebar-share{display:flex;gap:8px}.share-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r);border:1.5px solid var(--ink-10);color:var(--ink-60);text-decoration:none;transition:all .15s}.share-btn:hover{color:var(--teal);border-color:var(--teal);background:var(--teal-tint)}.sidebar-toc{list-style:none;padding:0;margin:0;counter-reset:sidebar-ch}.sidebar-toc li{counter-increment:sidebar-ch}.sidebar-toc a{display:block;font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--ink-60);text-decoration:none;padding:6px 0 6px 12px;line-height:1.4;border-left:2px solid transparent;transition:all .12s}.sidebar-toc a::before{content:counter(sidebar-ch) ". ";font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--ink-40)}.sidebar-toc a:hover{color:var(--ink)}.sidebar-toc a.active{color:var(--teal);border-left-color:var(--teal);font-weight:600}.sidebar-toc a.active::before{color:var(--teal)}.sidebar-playbook-link{font-family:var(--font-sans);font-size:13px;color:var(--ink-60);line-height:1.5;margin:0}.sidebar-playbook-link a{color:var(--teal);text-decoration:underline;font-weight:600}.sidebar-byline{margin-bottom:20px}.sidebar-byline-author{font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--ink);margin:0;line-height:1.3}.sidebar-byline-date{font-family:var(--font-sans);font-size:11px;color:var(--ink-40);margin:2px 0 0}.sidebar-cta{background:var(--ink);border-radius:var(--r-lg);padding:20px}.sidebar-cta-title{font-family:var(--font-sans);font-size:14px;font-weight:700;color:var(--white);line-height:1.3;margin:0 0 8px}.sidebar-cta-text{font-family:var(--font-sans);font-size:12px;color:rgba(255,255,255,.55);line-height:1.5;margin:0 0 16px}.sidebar-cta .btn{width:100%;text-align:center;font-size:12px;padding:10px 12px}@media (max-width:768px){.playbook-hero{padding:72px 20px 56px}.playbook-subtitle{font-size:17px}.playbook-toc{padding:48px 20px}.toc-card{gap:16px;padding:20px 12px}.toc-card:hover{padding-left:16px}.toc-num{font-size:28px;width:36px}.toc-card-body h3{font-size:16px}.playbook-lead{padding:48px 20px}.playbook-bottom-cta{padding:48px 20px}.playbook-progress{padding:16px 20px 0}.chapter-nav{padding:0 20px 48px;flex-direction:column;gap:20px;margin-top:40px}.chapter-nav-next{text-align:left;margin-left:0}.go-deeper{padding:20px}.playbook-banner{padding:36px 24px}.playbook-banner h2{font-size:24px}}