/* An open field guide connects compliance preparation with a call script. */
body[data-page="blog"] .blog-playbook-scene{position:relative;isolation:isolate;box-sizing:border-box;padding:28px;border:1px solid #e0e0e6;border-radius:24px;background:#eeeef1;color:#303037;overflow:hidden}
.blog-playbook-scene::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 5px,#c9c9d01c 5px 6px)}
.blog-scene-heading{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.blog-book-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;background:#e0e0e6;border-radius:12px;color:#45464a}
.blog-book-icon svg{width:26px;height:26px}
.blog-scene-heading>div>span{display:block;font-size:10px;line-height:1.5;color:#777782;margin-bottom:4px}
.blog-scene-heading strong{display:block;font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-.025em}
.blog-resource-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:26px}
.blog-resource-types>span{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 4px;border-radius:8px;background:#ffffff9c;font-size:11px;line-height:1.4;color:#62646c;min-width:0}
.blog-resource-types svg{width:16px;height:16px;flex:none}
.blog-open-book{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:relative;margin:0 2px;border-radius:6px 14px 14px 6px;background:#fff;box-shadow:0 7px 0 -2px #dedee5,0 12px 0 -4px #e4e4ea,0 18px 28px #27272a12;animation:blog-book-breathe 7s ease-in-out infinite}
.blog-open-book::after{content:"";position:absolute;top:0;right:24px;width:12px;height:24px;clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%);background:#8a8a98}
.blog-book-page{min-width:0;padding:24px 20px 28px}
.blog-checklist-page{border-right:1px solid #e7e7ec;border-radius:6px 0 0 6px;background:linear-gradient(90deg,#fff 90%,#f3f3f6)}
.blog-script-page{border-radius:0 14px 14px 0;background:linear-gradient(90deg,#f3f3f6,#fff 10%)}
.blog-page-label{display:block;color:#9898a2;font-size:9px;line-height:1.5;margin-bottom:10px}
.blog-book-page>strong{display:block;min-height:40px;color:#45464a;font-size:14px;font-weight:500;line-height:1.4;margin-bottom:18px}
.blog-checklist-page ul{display:grid;gap:16px;list-style:none;margin:0;padding:0}
.blog-checklist-page li{display:flex;gap:8px;align-items:center;color:#6c6c77;font-size:11px;line-height:1.5}
.blog-check-box{width:10px;height:10px;border:1px solid #b5b5c0;border-radius:2px;flex:none}
.blog-page-lines{display:grid;gap:6px;margin-top:28px}
.blog-page-lines i,.blog-script-beats i{display:block;height:3px;background:#e9e9ee;border-radius:2px}
.blog-page-lines i:nth-child(2){width:87%}.blog-page-lines i:last-child{width:64%}
.blog-script-beats{display:grid;gap:12px}.blog-script-beats>div{padding:10px;background:#f4f4f7;border-radius:7px}.blog-script-beats span{display:block;font-size:10px;color:#6c6c77;line-height:1.5;margin-bottom:7px}.blog-script-beats i{margin-top:5px;background:#dedee6}.blog-script-beats i:last-child{width:70%}
.blog-reading-flow{display:flex;align-items:center;gap:10px;margin:32px 4px 0;font-size:10px;color:#777782;line-height:1.5}
.blog-reading-flow>span:not(.blog-reading-connector){flex:none;max-width:28%}
.blog-reading-connector{position:relative;flex:1;height:1px;background:#cdcdd6;overflow:hidden}
.blog-reading-connector::after{content:"";position:absolute;inset:0;width:25%;background:#858591;animation:blog-reading-signal 4s linear infinite}
.blog-reading-connector:nth-of-type(4)::after{animation-delay:-2s}
@keyframes blog-book-breathe{50%{transform:translateY(-3px)}}
@keyframes blog-reading-signal{from{translate:-100% 0}to{translate:500% 0}}
@media(max-width:560px){
 body[data-page="blog"] .blog-playbook-scene{padding:22px 16px;border-radius:18px}
 .blog-scene-heading{gap:12px;margin-bottom:20px}.blog-scene-heading strong{font-size:18px}
 .blog-resource-types{gap:6px;margin-bottom:22px}.blog-resource-types>span{font-size:10px;gap:4px}.blog-resource-types svg{width:14px;height:14px}
 .blog-book-page{padding:22px 12px}.blog-book-page>strong{font-size:13px;min-height:38px}.blog-checklist-page li{font-size:11px;gap:6px}.blog-script-beats>div{padding:8px}
 .blog-reading-flow{gap:8px}
}
@media(prefers-reduced-motion:reduce){.blog-open-book,.blog-reading-connector::after{animation:none}}