/* CYBERSIDE.AI Phase 4: actionable intersection playbooks */
.playbook-hub-hero,.playbook-hero{padding:66px 0 46px;position:relative;overflow:hidden}.playbook-hub-hero:after,.playbook-hero:after{content:"";position:absolute;width:560px;height:560px;right:-220px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(94,231,255,.13),rgba(154,124,255,.09) 45%,transparent 72%);pointer-events:none}.playbook-hero h1,.playbook-hub-hero h1{font-size:clamp(2.35rem,5vw,4.6rem);line-height:1.02;letter-spacing:-.045em;margin:.22em 0}.playbook-hero h1 span,.playbook-hub-hero h1 span{background:linear-gradient(90deg,#5ee7ff,#b4a1ff 52%,#6cf9b2);-webkit-background-clip:text;background-clip:text;color:transparent}.playbook-intro{font-size:1.06rem;line-height:1.72;color:#b7cee7;max-width:850px}.playbook-section{padding:48px 0}.playbook-section.alt{border-top:1px solid rgba(124,176,240,.12);border-bottom:1px solid rgba(124,176,240,.12);background:linear-gradient(180deg,rgba(12,25,52,.42),rgba(7,14,31,.18))}.playbook-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.playbook-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid rgba(116,189,255,.23);border-radius:18px;padding:20px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));transition:.18s ease}.playbook-card:hover{transform:translateY(-3px);border-color:rgba(94,231,255,.58);background:linear-gradient(145deg,rgba(94,231,255,.075),rgba(154,124,255,.045))}.playbook-card h3{margin:10px 0 8px;color:#f4fbff}.playbook-card p{color:#a9c2dd;line-height:1.55}.playbook-card .meta{font-size:.78rem;color:#6cf9b2;font-weight:800}.playbook-card .card-link{margin-top:auto;padding-top:14px;color:#5ee7ff;font-weight:800}.asset-panel{border:1px solid rgba(123,180,245,.24);border-radius:20px;padding:24px;background:rgba(255,255,255,.025)}.asset-panel h2{margin-top:0}.asset-kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#6cf9b2;font-weight:900}.prompt-box{background:#071126;border:1px solid rgba(94,231,255,.28);border-radius:16px;padding:18px;color:#dcecff;white-space:pre-wrap;line-height:1.65}.workflow-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.workflow-node{border:1px solid rgba(108,249,178,.22);border-radius:14px;padding:14px;background:rgba(108,249,178,.045);font-size:.9rem;color:#c6dbef;position:relative}.workflow-node:not(:last-child):after{content:"→";position:absolute;right:-10px;top:50%;transform:translateY(-50%);color:#5ee7ff;font-weight:900}.tool-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tool-item{border:1px solid rgba(154,124,255,.25);border-radius:14px;padding:16px;background:rgba(154,124,255,.045)}.tool-item b{display:block;color:#e8e1ff;margin-bottom:6px}.agent-card{border:1px solid rgba(108,249,178,.3);border-radius:20px;padding:22px;background:linear-gradient(130deg,rgba(108,249,178,.075),rgba(94,231,255,.055),rgba(154,124,255,.055))}.guardrail{border-left:3px solid #ffcf66;padding:15px 18px;background:rgba(255,207,102,.055);border-radius:0 14px 14px 0;color:#d7d7c7}.playbook-filter{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.playbook-filter a{padding:8px 12px;border:1px solid rgba(116,189,255,.22);border-radius:999px;text-decoration:none;color:#b9d3ee;font-size:.84rem}.playbook-filter a:hover{border-color:#5ee7ff;color:#fff}.playbook-mini-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.playbook-mini{display:block;text-decoration:none;color:inherit;border:1px solid rgba(116,189,255,.2);border-radius:14px;padding:15px;background:rgba(255,255,255,.022)}.playbook-mini b{display:block;color:#eef8ff}.playbook-mini small{display:block;color:#9fb8d1;margin-top:5px}.cta-build{padding:28px;border-radius:22px;border:1px solid rgba(108,249,178,.32);background:linear-gradient(120deg,rgba(108,249,178,.09),rgba(94,231,255,.07),rgba(154,124,255,.07))}.cta-build h2{margin-top:0}.badge-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.badge-row a{padding:7px 10px;border-radius:999px;background:rgba(94,231,255,.055);border:1px solid rgba(94,231,255,.22);color:#bfefff;text-decoration:none;font-size:.8rem;font-weight:800}
@media(max-width:1000px){.playbook-grid,.playbook-mini-list{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-strip{grid-template-columns:1fr 1fr}.workflow-node:after{display:none}.tool-stack{grid-template-columns:1fr}}
@media(max-width:650px){.playbook-grid,.playbook-mini-list,.workflow-strip{grid-template-columns:1fr}.playbook-hub-hero,.playbook-hero{padding-top:42px}}