.playbook-hero{background:radial-gradient(ellipse at 85% 10%,#124b49,transparent 65%),#101e32;color:#fff;padding:54px 40px;border-radius:20px;margin:32px 0 24px}.playbook-hero h1{font-size:clamp(26px,4vw,40px);line-height:1.5}.playbook-hero h1 span{color:#35d7b2}.playbook-hero p{color:#b4cbdc}.playbook-steps{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px;color:#b8e8d5;font-size:13px}.playbook-filter form{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.playbook-filter input{flex:1;min-width:200px}.playbook-filter select{width:auto;max-width:100%}.playbook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0 40px}.playbook-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.playbook-cover{height:210px;position:relative;overflow:hidden;background:#143f3d}.playbook-cover img{width:100%;height:100%;object-fit:cover}.playbook-edition{position:absolute;top:16px;left:16px;background:#112437e8;color:#fff;padding:6px 12px;border-radius:8px;font-size:12px}.playbook-art{height:100%;display:flex;align-items:center;justify-content:center;gap:24px;background:linear-gradient(135deg,#123a35,#192a48);color:#5ce5b0}.playbook-art .icon{width:84px;height:84px;filter:drop-shadow(10px 10px 0 #061e2a)}.playbook-art span{font-family:monospace;letter-spacing:3px;font-size:12px;max-width:120px;line-height:2}.playbook-card-body{padding:24px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.playbook-card h2{font-size:23px;margin:16px 0 8px}.playbook-card p{overflow-wrap:anywhere}.playbook-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0 4px}.playbook-card .playbook-actions{margin-top:auto;padding-top:20px}.playbook-detail{max-width:960px;margin-top:28px}.playbook-detail article{padding:28px;overflow:hidden}.playbook-detail .playbook-cover{height:280px;border-radius:12px;margin-bottom:28px}.playbook-summary{font-size:18px;line-height:1.8}.playbook-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 0;overflow-wrap:anywhere}.playbook-next{margin:24px 0 40px}.playbook-detail .notice{margin:24px 0}.playbook-card-body>.tag{margin-right:6px}.playbook-page .empty{grid-column:1/-1}@media(max-width:700px){.playbook-hero{padding:30px 22px}.playbook-grid{grid-template-columns:1fr}.playbook-facts{grid-template-columns:1fr}.playbook-filter select{flex:1}.playbook-filter .btn{width:100%}.playbook-detail article{padding:18px}.playbook-detail .playbook-cover{height:200px}.playbook-actions .btn{white-space:normal}.playbook-steps{gap:12px}}