.playbook{--pb-bg-primary: var(--color-bg-primary);--pb-bg-elevated: var(--color-bg-elevated);--pb-bg-card: #131316;--pb-bg-card-hover: #18181C;--pb-border-subtle: var(--color-border-subtle);--pb-border-medium: var(--color-border-strong);--pb-text-primary: var(--color-text-primary);--pb-text-secondary: var(--color-text-secondary);--pb-text-tertiary: var(--color-text-tertiary);--pb-brand: var(--color-brand-violet);--pb-brand-deep: var(--color-brand-violet-deep);--pb-brand-dark: var(--color-brand-violet-dark);--pb-brand-light: var(--color-brand-violet-bright);--pb-brand-glow: rgba(124, 58, 237, .4);--pb-success: var(--color-success);--pb-info: var(--color-info);--pb-warning: var(--color-warning);--pb-danger: var(--color-danger);--pb-grad-brand: linear-gradient(90deg, #7C3AED 0%, #1A0B2E 100%);--pb-grad-hero: radial-gradient(ellipse at top, rgba(124, 58, 237, .22) 0%, transparent 60%);--pb-grad-card: linear-gradient(135deg, rgba(124, 58, 237, .08) 0%, rgba(26, 11, 46, .02) 100%);--pb-grad-text: var(--gradient-heading);--pb-radius-sm: var(--radius-sm);--pb-radius-md: var(--radius-md);--pb-radius-lg: var(--radius-lg);--pb-radius-xl: var(--radius-xl);--pb-shadow-card: var(--shadow-card);color:var(--pb-text-primary);font-family:var(--font-body);line-height:1.6}.playbook *,.playbook *:before,.playbook *:after{box-sizing:border-box}.playbook section{padding:80px 0;position:relative}@media(max-width:768px){.playbook section{padding:56px 0}}.playbook .page-section{scroll-margin-top:96px}.playbook h1,.playbook h2,.playbook h3,.playbook h4,.playbook h5,.playbook h6{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.1;font-weight:600;color:var(--pb-text-primary)}.playbook h1{font-size:clamp(2.25rem,5vw,3.75rem);font-weight:700;letter-spacing:-.025em}.playbook h2{font-size:clamp(1.75rem,3.4vw,2.5rem);margin-bottom:1rem}.playbook h2.pb-section-title{font-size:clamp(2.25rem,5vw,3.75rem);font-weight:700;letter-spacing:-.025em}.playbook h3{font-size:clamp(1.25rem,2.2vw,1.625rem);margin-bottom:.75rem}.playbook h4{font-size:1.125rem;font-family:var(--font-body);font-weight:600;letter-spacing:-.005em}.playbook .serif{font-family:var(--font-display);letter-spacing:-.02em}.playbook p{color:var(--pb-text-secondary);font-size:1.0625rem;line-height:1.7}.playbook .lead{font-size:1.1875rem;color:var(--pb-text-secondary);line-height:1.6;max-width:720px}.playbook .eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--pb-brand-light);padding:6px 12px;border:1px solid var(--pb-border-subtle);border-radius:100px;background:#7c3aed14}.playbook .eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pb-brand);box-shadow:0 0 8px var(--pb-brand);animation:pb-pulse 2s ease-in-out infinite}.playbook .gradient-text{background:var(--pb-grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.playbook .brand-text{color:var(--pb-brand-light)}.playbook a{color:var(--pb-brand-light);text-decoration:none;transition:color .2s ease}.playbook a:hover{color:var(--pb-text-primary)}.playbook code{font-family:var(--font-mono);background:var(--pb-bg-elevated);padding:2px 6px;border-radius:4px;font-size:.875em;border:1px solid var(--pb-border-subtle);color:var(--pb-brand-light)}.playbook .container{max-width:1100px;margin:0 auto;padding:0 24px}.playbook .container-narrow{max-width:820px;margin:0 auto;padding:0 24px}.playbook .hero{padding:88px 0 64px;position:relative;overflow:hidden}.playbook .hero:before{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:100%;max-width:1400px;height:600px;background:var(--pb-grad-hero);pointer-events:none;z-index:0}.playbook .hero>*{position:relative;z-index:1}.playbook .hero h1{margin:20px 0 24px;max-width:18ch}.playbook .hero .lead{margin-bottom:32px}.playbook .hero-cta-group{display:flex;gap:12px;flex-wrap:wrap}.playbook .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:10px;font-weight:600;font-size:.9375rem;font-family:var(--font-body);border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.playbook .btn-primary{background:var(--gradient-cta);color:#fff;box-shadow:0 0 0 0 var(--pb-brand-glow)}.playbook .btn-primary:hover{color:#fff;box-shadow:0 0 28px var(--pb-brand-glow);transform:translateY(-1px)}.playbook .btn-secondary{background:var(--pb-bg-elevated);color:var(--pb-text-primary);border-color:var(--pb-border-medium)}.playbook .btn-secondary:hover{background:var(--pb-bg-card-hover);border-color:var(--pb-brand)}.playbook .btn-ghost{background:transparent;color:var(--pb-text-secondary);padding:8px 12px}.playbook .btn-ghost:hover{color:var(--pb-text-primary)}.playbook .btn svg{width:16px;height:16px}.playbook .card{background:var(--pb-bg-card);border:1px solid var(--pb-border-subtle);border-radius:var(--pb-radius-lg);padding:28px;transition:all .3s ease;position:relative;overflow:hidden}.playbook .card:before{content:"";position:absolute;inset:0;background:var(--pb-grad-card);opacity:0;transition:opacity .3s ease;pointer-events:none}.playbook .card:hover{border-color:var(--pb-brand-deep);transform:translateY(-2px);box-shadow:var(--pb-shadow-card)}.playbook .card:hover:before{opacity:1}.playbook .card>*{position:relative;z-index:1}.playbook .card-icon{width:44px;height:44px;border-radius:12px;background:#7c3aed26;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--pb-brand-light)}.playbook .card-icon svg{width:22px;height:22px}.playbook .card h3{margin-bottom:10px;color:var(--pb-text-primary)}.playbook .card p{font-size:.9375rem;color:var(--pb-text-secondary);line-height:1.6}.playbook .card-link{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-weight:600;color:var(--pb-brand-light);font-size:.9375rem}.playbook .card-link:after{content:"→";transition:transform .2s ease}.playbook .card:hover .card-link:after{transform:translate(4px)}.playbook .grid{display:grid;gap:18px}.playbook .grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.playbook .grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.playbook .grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.playbook .section-header{text-align:center;max-width:700px;margin:0 auto 56px}.playbook .section-header.left{text-align:left;margin:0 0 44px}.playbook .section-header h2{margin:16px 0 14px}.playbook .section-header p{font-size:1.0625rem}.playbook .prompt{background:var(--pb-bg-elevated);border:1px solid var(--pb-border-subtle);border-radius:var(--pb-radius-md);margin:16px 0 22px;position:relative;overflow:hidden;transition:border-color .2s ease}.playbook .prompt:hover{border-color:var(--pb-border-medium)}.playbook .prompt-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--pb-border-subtle);background:#ffffff05;gap:12px;flex-wrap:wrap}.playbook .prompt-label{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.05em;color:var(--pb-text-tertiary);text-transform:uppercase}.playbook .prompt-label:before{content:"◆";color:var(--pb-brand)}.playbook .prompt-copy{background:transparent;border:1px solid var(--pb-border-subtle);color:var(--pb-text-secondary);font-family:var(--font-body);font-size:.8125rem;padding:6px 12px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease;font-weight:500}.playbook .prompt-copy:hover{background:var(--pb-bg-card-hover);color:var(--pb-text-primary);border-color:var(--pb-brand)}.playbook .prompt-copy.copied{background:#10b9811a;color:var(--pb-success);border-color:var(--pb-success)}.playbook .prompt-copy svg{width:14px;height:14px}.playbook .prompt-body{padding:18px 20px;font-family:var(--font-mono);font-size:.875rem;line-height:1.7;color:var(--pb-text-primary);white-space:pre-wrap;word-break:break-word;max-height:600px;overflow-y:auto}.playbook .callout{border-radius:var(--pb-radius-md);padding:18px 22px;margin:28px 0;border:1px solid var(--pb-border-subtle);background:var(--pb-bg-elevated);display:flex;gap:16px;align-items:flex-start}.playbook .callout-icon{flex-shrink:0;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center}.playbook .callout-icon svg{width:18px;height:18px}.playbook .callout-content{flex:1}.playbook .callout-content strong{display:block;margin-bottom:4px;color:var(--pb-text-primary);font-weight:600}.playbook .callout-content p{margin:0;font-size:.9375rem}.playbook .callout.info{border-color:#3b82f64d;background:#3b82f60d}.playbook .callout.info .callout-icon{background:#3b82f626;color:var(--pb-info)}.playbook .callout.warning{border-color:#f59e0b4d;background:#f59e0b0d}.playbook .callout.warning .callout-icon{background:#f59e0b26;color:var(--pb-warning)}.playbook .callout.danger{border-color:#ef44444d;background:#ef44440d}.playbook .callout.danger .callout-icon{background:#ef444426;color:var(--pb-danger)}.playbook .callout.success{border-color:#10b9814d;background:#10b9810d}.playbook .callout.success .callout-icon{background:#10b98126;color:var(--pb-success)}.playbook .callout.tip{border-color:#7c3aed4d;background:#7c3aed0d}.playbook .callout.tip .callout-icon{background:#7c3aed26;color:var(--pb-brand-light)}.playbook .steps{display:grid;gap:18px;counter-reset:pb-step}.playbook .step{display:grid;grid-template-columns:56px 1fr;column-gap:22px;row-gap:4px;padding:26px;background:var(--pb-bg-card);border:1px solid var(--pb-border-subtle);border-radius:var(--pb-radius-lg);counter-increment:pb-step;position:relative}.playbook .step:before{content:counter(pb-step,decimal-leading-zero);font-family:var(--font-display);font-size:1.625rem;font-weight:700;color:var(--pb-brand);line-height:1;letter-spacing:-.02em;grid-column:1;grid-row:1}.playbook .step>*{grid-column:2;min-width:0}.playbook .step h4{margin-bottom:4px}.playbook .step p{font-size:.9375rem;margin:0;line-height:1.65}@media(max-width:640px){.playbook .step{grid-template-columns:1fr;gap:10px;padding:20px}.playbook .step>*{grid-column:1}.playbook .step:before{grid-column:1}}.playbook .scenario{background:var(--pb-bg-card);border:1px solid var(--pb-border-subtle);border-radius:var(--pb-radius-lg);padding:28px;margin-bottom:28px}.playbook .scenario-meta{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.playbook .tag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:100px;font-size:.75rem;font-weight:500;font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--pb-border-subtle);background:var(--pb-bg-elevated);color:var(--pb-text-secondary)}.playbook .tag.beruflich{background:#7c3aed1a;color:var(--pb-brand-light);border-color:#7c3aed4d}.playbook .tag.privat{background:#3b82f61a;color:#93c5fd;border-color:#3b82f64d}.playbook .tag.feature{background:#f59e0b1a;color:#fcd34d;border-color:#f59e0b4d}.playbook .tag.level{background:#10b9811a;color:#6ee7b7;border-color:#10b9814d}.playbook .scenario h3{font-family:var(--font-display);margin-bottom:10px}.playbook .scenario-quote{border-left:3px solid var(--pb-brand);padding:6px 0 6px 18px;margin:16px 0;font-family:var(--font-display);font-style:italic;font-size:1.0625rem;color:var(--pb-text-primary);line-height:1.5}.playbook .compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}@media(max-width:720px){.playbook .compare{grid-template-columns:1fr}}.playbook .compare-col{background:var(--pb-bg-card);border:1px solid var(--pb-border-subtle);border-radius:var(--pb-radius-md);padding:22px}.playbook .compare-col h4{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--pb-border-subtle)}.playbook .compare-col.do{border-color:#10b9814d}.playbook .compare-col.do h4{color:var(--pb-success)}.playbook .compare-col.dont{border-color:#ef44444d}.playbook .compare-col.dont h4{color:var(--pb-danger)}.playbook .compare-col ul{list-style:none;display:grid;gap:10px;padding:0}.playbook .compare-col li{font-size:.9375rem;color:var(--pb-text-secondary);line-height:1.5;padding-left:22px;position:relative}.playbook .compare-col.do li:before{content:"✓";position:absolute;left:0;color:var(--pb-success);font-weight:700}.playbook .compare-col.dont li:before{content:"✕";position:absolute;left:0;color:var(--pb-danger);font-weight:700}.playbook .breadcrumb{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--pb-text-tertiary);margin-bottom:24px;flex-wrap:wrap}.playbook .breadcrumb a{color:var(--pb-text-secondary)}.playbook .breadcrumb a:hover{color:var(--pb-text-primary)}.playbook .breadcrumb-sep{color:var(--pb-text-tertiary)}.playbook .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin:36px 0}.playbook .stat{background:var(--pb-bg-card);border:1px solid var(--pb-border-subtle);border-radius:var(--pb-radius-md);padding:22px;text-align:left}.playbook .stat-value{font-family:var(--font-display);font-size:2.25rem;font-weight:700;color:var(--pb-brand-light);line-height:1;letter-spacing:-.03em;margin-bottom:6px}.playbook .stat-label{font-size:.875rem;color:var(--pb-text-secondary);font-weight:500}.playbook .page-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:56px;padding-top:28px;border-top:1px solid var(--pb-border-subtle)}.playbook .page-nav a{background:var(--pb-bg-card);border:1px solid var(--pb-border-subtle);border-radius:var(--pb-radius-md);padding:18px 22px;color:var(--pb-text-primary);transition:all .2s ease;text-decoration:none}.playbook .page-nav a:hover{border-color:var(--pb-brand);background:var(--pb-bg-card-hover)}.playbook .page-nav-label{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--pb-text-tertiary);margin-bottom:6px}.playbook .page-nav-title{font-weight:600;font-size:1rem}.playbook .page-nav .next{text-align:right}@media(max-width:640px){.playbook .page-nav{grid-template-columns:1fr}.playbook .page-nav .next{text-align:left}}.playbook .toc{background:var(--pb-bg-card);border:1px solid var(--pb-border-subtle);border-radius:var(--pb-radius-md);padding:22px;margin:28px 0}.playbook .toc-title{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--pb-text-tertiary);margin-bottom:10px}.playbook .toc ol{list-style:none;counter-reset:pb-toc;padding:0;margin:0}.playbook .toc li{counter-increment:pb-toc;padding:6px 0}.playbook .toc li:before{content:counter(pb-toc,decimal-leading-zero);font-family:var(--font-mono);font-size:.75rem;color:var(--pb-text-tertiary);margin-right:12px}.playbook .toc a{color:var(--pb-text-primary);font-weight:500;font-size:.9375rem}.playbook .toc a:hover{color:var(--pb-brand-light)}.playbook .persona{display:grid;grid-template-columns:100px 1fr;gap:24px;padding:26px;background:linear-gradient(135deg,#7c3aed1f,#7c3aed05);border:1px solid rgba(124,58,237,.25);border-radius:var(--pb-radius-lg);margin:28px 0}.playbook .persona-avatar{width:80px;height:80px;border-radius:50%;background:var(--pb-grad-brand);display:grid;place-items:center;font-family:var(--font-display);font-size:1.875rem;font-weight:700;line-height:1;text-align:center;color:#fff}.playbook .persona-body strong{display:block;font-family:var(--font-display);font-size:1.0625rem;margin-bottom:4px;color:var(--pb-text-primary)}.playbook .persona-body .meta{font-family:var(--font-mono);font-size:.75rem;color:var(--pb-text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.playbook .persona-body p{margin:0;font-size:.9375rem;font-style:italic;color:var(--pb-text-secondary)}@media(max-width:600px){.playbook .persona{grid-template-columns:1fr;text-align:left}.playbook .persona-avatar{width:60px;height:60px;font-size:1.375rem}}.playbook .feature-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:36px 0}.playbook .feature-tile{background:var(--pb-bg-card);border:1px solid var(--pb-border-subtle);border-radius:var(--pb-radius-md);padding:22px;transition:all .3s ease;position:relative;overflow:hidden}.playbook .feature-tile:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--pb-grad-brand);opacity:0;transition:opacity .3s ease}.playbook .feature-tile:hover{border-color:var(--pb-brand);transform:translateY(-2px);box-shadow:var(--pb-shadow-card)}.playbook .feature-tile:hover:after{opacity:1}.playbook .feature-tile h4{font-family:var(--font-display);font-size:1.125rem;margin-bottom:6px}.playbook .feature-tile p{font-size:.875rem;margin:0}.playbook .feature-tile-icon{font-size:1.625rem;margin-bottom:10px;display:block}.playbook .faq{background:var(--pb-bg-card);border:1px solid var(--pb-border-subtle);border-radius:var(--pb-radius-md);margin-bottom:10px;overflow:hidden;transition:border-color .2s ease}.playbook .faq:hover{border-color:var(--pb-border-medium)}.playbook .faq summary{padding:18px 22px;cursor:pointer;font-weight:500;color:var(--pb-text-primary);display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;font-size:1rem}.playbook .faq summary::-webkit-details-marker{display:none}.playbook .faq summary:after{content:"+";font-family:var(--font-display);font-size:1.5rem;color:var(--pb-brand-light);transition:transform .2s ease}.playbook .faq[open] summary:after{transform:rotate(45deg)}.playbook .faq-body{padding:0 22px 18px;color:var(--pb-text-secondary);font-size:.9375rem;line-height:1.7}.playbook .mt-0{margin-top:0}.playbook .mt-1{margin-top:8px}.playbook .mt-2{margin-top:16px}.playbook .mt-3{margin-top:24px}.playbook .mt-4{margin-top:32px}.playbook .mt-5{margin-top:48px}.playbook .mt-6{margin-top:64px}.playbook .mb-0{margin-bottom:0}.playbook .mb-1{margin-bottom:8px}.playbook .mb-2{margin-bottom:16px}.playbook .mb-3{margin-bottom:24px}.playbook .mb-4{margin-bottom:32px}.playbook .mb-5{margin-bottom:48px}.playbook .text-center{text-align:center}.playbook .divider{border:none;height:1px;background:var(--pb-border-subtle);margin:44px 0}@keyframes pb-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes pb-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.playbook .fade-up{opacity:0;animation:pb-fade-up .6s ease forwards}.playbook .fade-up.d1{animation-delay:.1s}.playbook .fade-up.d2{animation-delay:.2s}.playbook .fade-up.d3{animation-delay:.3s}.playbook .fade-up.d4{animation-delay:.4s}.playbook .fade-up.d5{animation-delay:.5s}.playbook .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.playbook .reveal.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.playbook .fade-up{animation:none;opacity:1;transform:none}.playbook .reveal{opacity:1;transform:none}}.pb-side-nav{display:none}@media(min-width:1024px){.pb-side-nav{display:block;position:sticky;top:96px;align-self:start;max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);overflow-y:auto;padding:8px 8px 8px 0;font-family:var(--font-body)}.pb-side-nav__back{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-tertiary);text-decoration:none;margin-bottom:18px}.pb-side-nav__back:hover{color:var(--color-brand-violet-bright)}.pb-side-nav__title{padding-bottom:14px;border-bottom:1px solid var(--color-border-subtle);margin-bottom:14px}.pb-side-nav__title strong{display:block;font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em}.pb-side-nav__title span{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);margin-top:4px}.pb-side-nav__list{list-style:none;padding:0;margin:0}.pb-side-nav__list li{margin:0;padding:0}.pb-side-nav__list a{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;color:var(--color-text-secondary);text-decoration:none;font-size:14px;font-weight:500;line-height:1.3;border-left:2px solid transparent;padding:8px 10px 8px 12px;margin-left:-12px;transition:color .15s ease,border-color .15s ease,background .15s ease}.pb-side-nav__list a:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.pb-side-nav__list a.active{color:var(--color-text-primary);border-left-color:var(--color-brand-violet);background:var(--color-surface-selected)}.pb-side-nav__num{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--color-text-tertiary)}.pb-side-nav__list a.active .pb-side-nav__num{color:var(--color-brand-violet-bright)}}.pb-top-nav{position:sticky;top:0;z-index:40;background:#0f0f12d9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border-subtle)}@media(min-width:1024px){.pb-top-nav{display:none}}@media(max-width:640px){.pb-top-nav{background:var(--color-bg-elevated);backdrop-filter:none;-webkit-backdrop-filter:none}}.pb-top-nav__inner{display:flex;align-items:center;gap:12px;padding:10px 16px;max-width:1200px;margin:0 auto}.pb-top-nav__back{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--color-border-subtle);color:var(--color-text-primary);background:transparent;flex-shrink:0}.pb-top-nav__back:hover{border-color:var(--color-brand-violet);color:var(--color-brand-violet-bright)}.pb-top-nav__back svg{width:18px;height:18px}.pb-top-nav__title{flex:1;min-width:0;overflow:hidden}.pb-top-nav__title strong{display:block;font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-top-nav__title span{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-top-nav__toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid var(--color-border-subtle);background:transparent;color:var(--color-text-primary);cursor:pointer;flex-shrink:0}.pb-top-nav__toggle:hover{border-color:var(--color-brand-violet)}.pb-top-nav__toggle svg{width:20px;height:20px}.pb-top-nav__list{display:none;list-style:none;margin:0;padding:8px 8px 16px;max-height:calc(100vh - 70px);max-height:calc(100dvh - 70px);overflow-y:auto;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-subtle)}.pb-top-nav__list.open{display:block}.pb-top-nav__list li{margin:0;padding:0}.pb-top-nav__list a{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:10px;padding:12px 14px;border-radius:8px;color:var(--color-text-secondary);text-decoration:none;font-size:15px;font-weight:500;line-height:1.3;min-height:44px}.pb-top-nav__list a:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.pb-top-nav__list a.active{background:var(--color-surface-selected);color:var(--color-text-primary)}.pb-top-nav__num{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--color-text-tertiary)}.pb-top-nav__list a.active .pb-top-nav__num{color:var(--color-brand-violet-bright)}.playbook-page main#main-content>.pb-page{display:block;max-width:1280px;margin:0 auto;padding:0}@media(min-width:1024px){.playbook-page main#main-content>.pb-page{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;padding:32px 32px 64px}}.playbook-page #playbook-root{min-width:0}