/* Plot Twisters Library grid. Colors are easy to change here. */
.ptl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px;margin:24px 0}
.ptl-card{display:flex;flex-direction:column;background:#fff;border:1.5px solid #e6e1d3;border-radius:16px;overflow:hidden;box-shadow:0 2px 0 rgba(0,0,0,.04)}
.ptl-art{position:relative;aspect-ratio:4/3;background:#16123a;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ptl-art img{width:100%;height:100%;object-fit:cover;display:block}
.ptl-pill{position:absolute;top:12px;left:12px;background:#ffc98a;color:#3a2a10;font-weight:700;font-size:.8rem;padding:5px 11px;border-radius:999px;line-height:1.2}
.ptl-pill-trial{top:auto;bottom:12px;background:#7ed38a;color:#0b2c3b}
.ptl-body{display:flex;flex-direction:column;gap:10px;padding:18px 18px 20px;flex:1}
.ptl-body h3{margin:0;font-size:1.25rem;line-height:1.2}
.ptl-body p{margin:0;color:#4a4a52;line-height:1.5;flex:1}
.ptl-btn{align-self:flex-start;display:inline-block;background:#e2703f;color:#fff !important;text-decoration:none !important;font-weight:700;padding:10px 20px;border-radius:999px;min-height:44px;line-height:24px}
.ptl-btn:hover,.ptl-btn:focus-visible{background:#c95a2c}
.ptl-btn-join{background:#1d1838}
.ptl-btn-join:hover,.ptl-btn-join:focus-visible{background:#35306a}
.ptl-prints summary{cursor:pointer;font-weight:600;color:#1f9e8c}
.ptl-prints ul{margin:8px 0 0;padding-left:1.2em}
.ptl-prints li{margin:4px 0}
.ptl-empty{font-style:italic;color:#6a6a72}