/* playbook landing layout (shared across the 5 industry playbooks) */
[data-cmp="playbook-general"] .pbk, [data-cmp="playbook-general"].pbk { background: var(--surface-base); }
[data-cmp="playbook-general"] .pbk-wrap, [data-cmp="playbook-general"].pbk-wrap { max-width: 80rem; margin-inline: auto; padding: 0 var(--space-4); }
[data-cmp="playbook-general"] .pbk-hero, [data-cmp="playbook-general"].pbk-hero { padding: var(--space-6) 0 var(--space-12); background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 5%, var(--surface-base)), color-mix(in srgb, var(--accent) 10%, var(--surface-base))); }
[data-cmp="playbook-general"] .pbk-back, [data-cmp="playbook-general"].pbk-back { display: inline-flex; align-items: center; gap: 8px; margin-bottom: var(--space-6); color: var(--accent); text-decoration: none; }
@media (hover: hover) and (pointer: fine) { [data-cmp="playbook-general"] .pbk-back:hover, [data-cmp="playbook-general"].pbk-back:hover { text-decoration: underline; }}
[data-cmp="playbook-general"] .pbk-tag, [data-cmp="playbook-general"].pbk-tag { display: flex; align-items: center; gap: 12px; margin-bottom: var(--space-4); }
[data-cmp="playbook-general"] .pbk-tag-ico, [data-cmp="playbook-general"].pbk-tag-ico { color: var(--accent); display: inline-flex; }
[data-cmp="playbook-general"] .pbk-pill, [data-cmp="playbook-general"].pbk-pill { font-size: 0.875rem; font-weight: 600; color: var(--accent); background: color-mix(in srgb, var(--accent) 10%, transparent); padding: var(--space-1) var(--space-3); border-radius: var(--radius-full); }
[data-cmp="playbook-general"] .pbk-hero h1, [data-cmp="playbook-general"].pbk-hero h1 { margin: 0 0 var(--space-6); font-size: clamp(2.5rem, 2rem + 2.4vw, 4rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.08; color: var(--text-primary); }
[data-cmp="playbook-general"] .pbk-hero h1 .g, [data-cmp="playbook-general"].pbk-hero h1 .g { color: var(--accent); }
[data-cmp="playbook-general"] .pbk-hero-lead, [data-cmp="playbook-general"].pbk-hero-lead { max-width: 48rem; margin: 0 0 var(--space-8); font-size: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem); line-height: 1.5; color: var(--text-secondary); }
[data-cmp="playbook-general"] .pbk-dlcard, [data-cmp="playbook-general"].pbk-dlcard { max-width: 42rem; display: flex; gap: var(--space-4); align-items: flex-start; background: var(--surface-card); border: 1px solid var(--border-default); border-radius: var(--radius-2xl); box-shadow: var(--shadow-lg); padding: var(--space-6); }
[data-cmp="playbook-general"] .pbk-dlcard-ico, [data-cmp="playbook-general"].pbk-dlcard-ico { width: 56px; height: 56px; flex-shrink: 0; display: grid; place-items: center; background: color-mix(in srgb, var(--accent) 10%, transparent); border-radius: var(--radius-xl); color: var(--accent); }
[data-cmp="playbook-general"] .pbk-dlcard h3, [data-cmp="playbook-general"].pbk-dlcard h3 { margin: 0 0 var(--space-2); font-size: 1.125rem; font-weight: 700; color: var(--text-primary); }
[data-cmp="playbook-general"] .pbk-dlcard p, [data-cmp="playbook-general"].pbk-dlcard p { margin: 0 0 var(--space-4); font-size: 0.875rem; line-height: 1.6; color: var(--text-secondary); }

[data-cmp="playbook-general"] .pbk-section, [data-cmp="playbook-general"].pbk-section { padding: var(--space-12) 0; }
[data-cmp="playbook-general"] .pbk-section--subtle, [data-cmp="playbook-general"].pbk-section--subtle { background: var(--surface-subtle); }
[data-cmp="playbook-general"] .pbk-secthead, [data-cmp="playbook-general"].pbk-secthead { text-align: center; margin-bottom: var(--space-10); }
[data-cmp="playbook-general"] .pbk-secthead h2, [data-cmp="playbook-general"].pbk-secthead h2 { margin: 0 0 var(--space-4); font-size: clamp(2rem, 1.7rem + 1.4vw, 3rem); font-weight: 700; letter-spacing: -0.025em; color: var(--text-primary); }
[data-cmp="playbook-general"] .pbk-secthead p, [data-cmp="playbook-general"].pbk-secthead p { max-width: 48rem; margin: 0 auto; font-size: 1.25rem; line-height: 1.5; color: var(--text-secondary); }
[data-cmp="playbook-general"] .pbk-stack, [data-cmp="playbook-general"].pbk-stack { display: flex; flex-direction: column; gap: var(--space-6); }
[data-cmp="playbook-general"] .pbk-stack--lg, [data-cmp="playbook-general"].pbk-stack--lg { gap: var(--space-8); }
[data-cmp="playbook-general"] .pbk-card, [data-cmp="playbook-general"].pbk-card { background: var(--surface-card); border: 1px solid var(--border-default); border-radius: var(--radius-xl); padding: var(--space-6); }
[data-cmp="playbook-general"] .pbk-card--lg, [data-cmp="playbook-general"].pbk-card--lg { padding: var(--space-8); }

[data-cmp="playbook-general"] .pbk-chal, [data-cmp="playbook-general"].pbk-chal { display: grid; gap: var(--space-6); grid-template-columns: 1fr; }
@media (min-width: 768px) { [data-cmp="playbook-general"] .pbk-chal, [data-cmp="playbook-general"].pbk-chal { grid-template-columns: 1fr 1fr; }}
[data-cmp="playbook-general"] .pbk-chal-head, [data-cmp="playbook-general"].pbk-chal-head { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
[data-cmp="playbook-general"] .pbk-chal-head svg, [data-cmp="playbook-general"].pbk-chal-head svg { color: var(--warning); flex-shrink: 0; }
[data-cmp="playbook-general"] .pbk-chal-head h3, [data-cmp="playbook-general"].pbk-chal-head h3 { margin: 0; font-size: 1rem; font-weight: 700; color: var(--text-primary); }
[data-cmp="playbook-general"] .pbk-chal > div > p, [data-cmp="playbook-general"].pbk-chal > div > p { margin: 0; line-height: 1.6; color: var(--text-secondary); }
[data-cmp="playbook-general"] .pbk-sol, [data-cmp="playbook-general"].pbk-sol { background: color-mix(in srgb, var(--accent) 5%, var(--surface-base)); border-radius: var(--radius-lg); padding: var(--space-4); }
[data-cmp="playbook-general"] .pbk-sol-head, [data-cmp="playbook-general"].pbk-sol-head { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; flex-wrap: wrap; }
[data-cmp="playbook-general"] .pbk-sol-head svg, [data-cmp="playbook-general"].pbk-sol-head svg { color: var(--accent); flex-shrink: 0; }
[data-cmp="playbook-general"] .pbk-sol-head .lbl, [data-cmp="playbook-general"].pbk-sol-head .lbl { font-weight: 500; color: var(--accent); }
[data-cmp="playbook-general"] .pbk-soon, [data-cmp="playbook-general"].pbk-soon { font-size: 0.75rem; font-weight: 500; background: #fef3c7; color: #92400e; padding: 2px 8px; border-radius: var(--radius-full); }
[data-cmp="playbook-general"] .pbk-sol p, [data-cmp="playbook-general"].pbk-sol p { margin: 0; font-size: 0.875rem; line-height: 1.55; color: var(--text-primary); }

[data-cmp="playbook-general"] .pbk-metrics, [data-cmp="playbook-general"].pbk-metrics { display: grid; gap: var(--space-6); grid-template-columns: 1fr; }
@media (min-width: 768px) { [data-cmp="playbook-general"] .pbk-metrics, [data-cmp="playbook-general"].pbk-metrics { grid-template-columns: repeat(2, 1fr); }}
@media (min-width: 1024px) { [data-cmp="playbook-general"] .pbk-metrics, [data-cmp="playbook-general"].pbk-metrics { grid-template-columns: repeat(4, 1fr); }}
[data-cmp="playbook-general"] .pbk-metric, [data-cmp="playbook-general"].pbk-metric { text-align: center; }
[data-cmp="playbook-general"] .pbk-metric h3, [data-cmp="playbook-general"].pbk-metric h3 { margin: 0 0 var(--space-4); font-size: 1rem; font-weight: 700; color: var(--text-primary); }
[data-cmp="playbook-general"] .pbk-metric .k, [data-cmp="playbook-general"].pbk-metric .k { margin: 0 0 4px; font-size: 0.75rem; color: var(--text-muted); }
[data-cmp="playbook-general"] .pbk-metric .typ, [data-cmp="playbook-general"].pbk-metric .typ { margin: 0; font-size: 1.125rem; font-weight: 500; color: var(--text-secondary); }
[data-cmp="playbook-general"] .pbk-metric .able, [data-cmp="playbook-general"].pbk-metric .able { margin: 0; font-size: 1.125rem; font-weight: 700; color: var(--accent); }
[data-cmp="playbook-general"] .pbk-metric .sep, [data-cmp="playbook-general"].pbk-metric .sep { border-top: 1px solid var(--border-default); margin-top: 12px; padding-top: 12px; }

[data-cmp="playbook-general"] .pbk-num, [data-cmp="playbook-general"].pbk-num { width: 40px; height: 40px; flex-shrink: 0; display: grid; place-items: center; border-radius: var(--radius-full); background: color-mix(in srgb, var(--accent) 10%, transparent); color: var(--accent); font-weight: 700; font-size: 1.125rem; }
[data-cmp="playbook-general"] .pbk-prac-head, [data-cmp="playbook-general"].pbk-prac-head { display: flex; align-items: flex-start; gap: var(--space-4); }
[data-cmp="playbook-general"] .pbk-prac-head h3, [data-cmp="playbook-general"].pbk-prac-head h3 { margin: 0 0 8px; font-size: 1.25rem; font-weight: 700; color: var(--text-primary); }
[data-cmp="playbook-general"] .pbk-prac-head p, [data-cmp="playbook-general"].pbk-prac-head p { margin: 0; line-height: 1.6; color: var(--text-secondary); }
[data-cmp="playbook-general"] .pbk-card--lg .pbk-prac-head, [data-cmp="playbook-general"].pbk-card--lg .pbk-prac-head { margin-bottom: var(--space-4); }
[data-cmp="playbook-general"] .pbk-tips, [data-cmp="playbook-general"].pbk-tips { list-style: none; margin: 0 0 0 56px; padding: 0; display: flex; flex-direction: column; gap: 8px; }
[data-cmp="playbook-general"] .pbk-tips li, [data-cmp="playbook-general"].pbk-tips li { display: flex; align-items: flex-start; gap: 8px; font-size: 0.875rem; line-height: 1.55; color: var(--text-primary); }
[data-cmp="playbook-general"] .pbk-tips svg, [data-cmp="playbook-general"].pbk-tips svg { color: var(--accent); flex-shrink: 0; margin-top: 3px; }

[data-cmp="playbook-general"] .pbk-prog p, [data-cmp="playbook-general"].pbk-prog p { margin: 0 0 var(--space-4); line-height: 1.6; color: var(--text-secondary); }
[data-cmp="playbook-general"] .pbk-prog p strong, [data-cmp="playbook-general"].pbk-prog p strong { color: var(--text-primary); }
[data-cmp="playbook-general"] .pbk-prog .pbk-prac-head, [data-cmp="playbook-general"].pbk-prog .pbk-prac-head { margin-bottom: 0; }
[data-cmp="playbook-general"] .pbk-impact, [data-cmp="playbook-general"].pbk-impact { background: color-mix(in srgb, var(--accent) 5%, var(--surface-base)); border-radius: var(--radius-lg); padding: var(--space-4); font-size: 0.875rem; font-weight: 500; color: var(--accent); }
[data-cmp="playbook-general"] .pbk-combined, [data-cmp="playbook-general"].pbk-combined { margin-top: var(--space-12); background: color-mix(in srgb, var(--accent) 10%, var(--surface-base)); border: 1px solid color-mix(in srgb, var(--accent) 20%, transparent); border-radius: var(--radius-xl); padding: var(--space-8); text-align: center; }
[data-cmp="playbook-general"] .pbk-combined .big, [data-cmp="playbook-general"].pbk-combined .big { margin: 0 0 8px; font-size: 1.5rem; font-weight: 700; color: var(--accent); }
[data-cmp="playbook-general"] .pbk-combined .line, [data-cmp="playbook-general"].pbk-combined .line { margin: 0 0 var(--space-4); font-size: 1.125rem; color: var(--text-secondary); }
[data-cmp="playbook-general"] .pbk-combined .note, [data-cmp="playbook-general"].pbk-combined .note { margin: 0; font-size: 0.875rem; line-height: 1.55; color: var(--text-secondary); }

[data-cmp="playbook-general"] .pbk-dlband, [data-cmp="playbook-general"].pbk-dlband { padding: var(--space-10) 0; border-top: 1px solid var(--border-default); border-bottom: 1px solid var(--border-default); }
[data-cmp="playbook-general"] .pbk-dlband-card, [data-cmp="playbook-general"].pbk-dlband-card { max-width: 56rem; margin-inline: auto; background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 10%, var(--surface-base)), color-mix(in srgb, var(--accent) 5%, var(--surface-base))); border-radius: var(--radius-2xl); padding: clamp(2rem, 5vw, 3rem); text-align: center; }
[data-cmp="playbook-general"] .pbk-dlband-ico, [data-cmp="playbook-general"].pbk-dlband-ico { width: 64px; height: 64px; margin: 0 auto var(--space-6); display: grid; place-items: center; background: var(--surface-card); border-radius: var(--radius-2xl); box-shadow: var(--shadow-md); color: var(--accent); }
[data-cmp="playbook-general"] .pbk-dlband h2, [data-cmp="playbook-general"].pbk-dlband h2 { margin: 0 0 var(--space-4); font-size: clamp(1.5rem, 1.3rem + 1vw, 1.875rem); font-weight: 700; color: var(--text-primary); }
[data-cmp="playbook-general"] .pbk-dl-lead, [data-cmp="playbook-general"].pbk-dl-lead { max-width: 42rem; margin: 0 auto var(--space-6); font-size: 1.125rem; line-height: 1.6; color: var(--text-secondary); }
[data-cmp="playbook-general"] .pbk-dlband-actions, [data-cmp="playbook-general"].pbk-dlband-actions { display: flex; flex-direction: column; gap: var(--space-4); justify-content: center; align-items: center; }
@media (min-width: 640px) { [data-cmp="playbook-general"] .pbk-dlband-actions, [data-cmp="playbook-general"].pbk-dlband-actions { flex-direction: row; }}
[data-cmp="playbook-general"] .pbk-dlband .fine, [data-cmp="playbook-general"].pbk-dlband .fine { margin: var(--space-4) 0 0; font-size: 0.75rem; color: var(--text-muted); }

[data-cmp="playbook-general"] .pbk-cta, [data-cmp="playbook-general"].pbk-cta { padding: var(--space-12) 0; text-align: center; background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 10%, var(--surface-base)), color-mix(in srgb, var(--accent) 5%, var(--surface-base)) 50%, color-mix(in srgb, var(--accent) 10%, var(--surface-base))); }
[data-cmp="playbook-general"] .pbk-cta h2, [data-cmp="playbook-general"].pbk-cta h2 { margin: 0 0 var(--space-4); font-size: clamp(2rem, 1.7rem + 1.4vw, 3rem); font-weight: 700; letter-spacing: -0.025em; color: var(--text-primary); }
[data-cmp="playbook-general"] .pbk-cta p, [data-cmp="playbook-general"].pbk-cta p { max-width: 42rem; margin: 0 auto var(--space-8); font-size: 1.25rem; color: var(--text-secondary); }