.playbook-listing-page{padding:5.8rem 1rem 2.5rem!important;min-height:100vh;background:radial-gradient(900px 380px at 15% -10%,rgba(59,130,246,.16),transparent 60%),#081224;font-family:Inter,Segoe UI,Roboto,sans-serif}.pl-shell{max-width:1200px;margin:0 auto}.pl-hero{background:linear-gradient(170deg,#101a2d,#0c1526);border:1px solid #2a4061;border-radius:16px;padding:1.3rem;margin-bottom:1rem;position:relative;overflow:hidden}.pl-hero h1{color:#f0f6ff!important;margin:0 0 .35rem}.pl-hero h1{font-size:clamp(1.8rem,3.2vw,3rem);letter-spacing:-.02em}.pl-hero p{color:#bfd0ea!important;margin:0;line-height:1.78;max-width:680px}.pl-hero:after{content:"";position:absolute;inset:auto -30% -90px auto;width:300px;height:300px;background:radial-gradient(circle,rgba(123,211,137,.25),transparent 70%)}.pl-actions{margin-top:.9rem;display:flex;gap:.6rem;flex-wrap:wrap}.pl-btn{border:1px solid #42608a;border-radius:999px;padding:.56rem 1rem;text-decoration:none;color:#e7f0ff;background:#142540}.pl-btn.primary{background:#7bd389;color:#06200d;border-color:#7bd389;font-weight:700}.pl-btn:hover{transform:translateY(-1px);transition:.2s ease}.pl-controls{display:grid;grid-template-columns:1fr 180px;gap:.7rem;margin-bottom:.8rem}.pl-controls input,.pl-controls select{border:1px solid #44638f;background:#10213b;color:#ebf4ff;border-radius:10px;min-height:42px;padding:.55rem .75rem}.pl-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:.8rem 0 1rem}.pl-tabs button{border:1px solid #436089;background:#13243d;color:#e8f1ff;border-radius:999px;padding:.45rem .9rem}.pl-tabs button.active{background:#7bd38933;border-color:#7bd389}.pl-featured{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}.pl-featured-card{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:.65rem;background:#10203a;border:1px solid #2d4668;border-radius:12px;text-decoration:none;padding:.55rem}.pl-featured-card img{width:90px;height:70px;object-fit:cover;border-radius:8px}.pl-featured-card p{margin:0;color:#9fc8ff;font-size:.78rem}.pl-featured-card h3{margin:.2rem 0 0;color:#ecf5ff;font-size:.95rem}.pl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.9rem;align-items:start}.pl-card{border:1px solid #2f4769;border-radius:14px;overflow:hidden;background:#0f1b2fd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 10px 22px #02081242,inset 0 1px #ffffff08}.pl-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000004d}.pl-card:nth-child(3n+2){margin-top:14px}.pl-card:nth-child(4n+3){margin-top:28px}.pl-card img{width:100%;height:150px;object-fit:cover;display:block}.pl-body{padding:.85rem}.pl-badge{font-size:.78rem;color:#9ec7ff;margin-bottom:.35rem}.pl-title{color:#f0f6ff;margin:0 0 .35rem;font-size:clamp(1rem,1.4vw,1.2rem)}.pl-excerpt{color:#bfd0ea;font-size:.94rem;min-height:46px;line-height:1.72}.pl-meta{color:#9bb2d2;font-size:.82rem;margin:.45rem 0 .65rem}.pl-stats{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.55rem}.pl-stats span{color:#b8cce9;font-size:.76rem;border:1px solid #35557f;border-radius:999px;padding:.2rem .55rem;background:#13253f;transition:background .2s ease,border-color .2s ease}.pl-stats span:hover{background:#20c9972e;border-color:#20c997}.pl-read{display:inline-flex;text-decoration:none;border:1px solid #436089;color:#e7f0ff;border-radius:999px;padding:.38rem .78rem;background:#142540;transition:border-color .2s ease,transform .2s ease}.pl-read:hover{border-color:#20c997;transform:translateY(-1px)}.pl-empty{margin-top:1rem;border:1px dashed #3b5a84;border-radius:14px;padding:1.1rem;background:#0f1d34}.pl-empty h3{color:#ecf5ff!important;margin:0 0 .3rem}.pl-empty p{color:#bfd0ea!important;margin:0 0 .9rem}@media (max-width: 980px){.pl-featured{grid-template-columns:1fr}.pl-card:nth-child(3n+2),.pl-card:nth-child(4n+3){margin-top:0}}@media (max-width: 680px){.pl-controls{grid-template-columns:1fr}}