/* Shared, direct card layout for the home page and prompt library. */
[data-prompt-cards]{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}
[data-prompt-cards][data-limit]{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
[data-prompt-cards][data-limit]>.card{height:470px!important}
[data-prompt-cards][data-limit]>.card h3{min-height:2.5em!important;margin:18px 18px 8px!important;font-size:20px!important}
[data-prompt-cards][data-limit]>.card p{min-height:4.8em!important;margin:0 18px!important;font-size:13px!important;line-height:1.62!important}
[data-prompt-cards][data-limit]>.card>.arrow{margin:18px!important;margin-top:auto!important;padding-top:13px!important;font-size:inherit!important}
[data-prompt-cards]>.card{position:relative!important;display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important;height:470px!important;overflow:hidden!important}
[data-prompt-cards]>.card>.media-slot,[data-prompt-cards]>.card>.card-showcase{order:1!important;position:relative!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1/1!important;overflow:hidden!important;flex:none!important}
[data-prompt-cards]>.card>.media-slot img,[data-prompt-cards]>.card>.media-slot video,[data-prompt-cards]>.card>.card-showcase img,[data-prompt-cards]>.card>.card-showcase video{display:block!important;width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important}
[data-prompt-cards]>.card>.card-showcase>.media-slot{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;overflow:hidden!important}
[data-prompt-cards]>.card>.card-showcase>.media-slot>img,[data-prompt-cards]>.card>.card-showcase>.media-slot>video{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
[data-prompt-cards] .media-video{position:relative!important}
[data-prompt-cards] .media-play{position:absolute!important;z-index:20!important;top:50%!important;left:50%!important;display:grid!important;width:29px!important;height:29px!important;padding:0 0 0 2px!important;place-items:center!important;transform:translate(-50%,-50%)!important;border:1px solid rgba(102,237,244,.9)!important;border-radius:50%!important;background:rgba(5,12,31,.72)!important;color:#f4ffff!important;font-size:11px!important;line-height:1!important;box-shadow:0 0 0 4px rgba(91,233,241,.12),0 6px 14px rgba(0,0,0,.35)!important;cursor:pointer!important;transition:transform .2s ease,background .2s ease,opacity .2s ease!important}
[data-prompt-cards] .media-play:hover{transform:translate(-50%,-50%) scale(1.08)!important;background:rgba(57,216,229,.88)!important;color:#061020!important}
[data-prompt-cards] .media-play.playing{padding-left:0!important;opacity:.78!important}
[data-prompt-cards]>.card>.tag,[data-prompt-cards]>.card .card-category{position:absolute!important;z-index:6!important;top:14px!important;left:14px!important;margin:0!important;padding:8px 12px!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:999px!important;background:rgba(7,18,36,.82)!important;box-shadow:0 7px 20px rgba(0,0,0,.42)!important;color:#f5f8ff!important;font-size:13px!important;font-weight:800!important;line-height:1!important;backdrop-filter:blur(12px)!important}
[data-prompt-cards]>.card>.tag:before,[data-prompt-cards]>.card .card-category:before{content:''!important;display:inline-block!important;width:7px!important;height:7px!important;margin:0 8px 1px 0!important;border-radius:50%!important;background:#61f5e4!important;box-shadow:0 0 10px #61f5e4!important}
[data-prompt-cards]>.card h3{order:2!important;min-height:2.5em!important;margin:18px 18px 8px!important;font-size:20px!important;line-height:1.25!important}
[data-prompt-cards]>.card p{order:3!important;min-height:4.8em!important;margin:0 18px!important;font-size:13px!important;line-height:1.62!important}
[data-prompt-cards]>.card>.arrow,[data-prompt-cards]>.card>.foot{order:4!important;margin:18px!important;margin-top:auto!important;padding-top:13px!important}
/* Keep four prompt cards across on normal desktop / laptop widths. */
@media(max-width:1020px){[data-prompt-cards]{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1240px){[data-prompt-cards][data-limit]{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:860px){[data-prompt-cards]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){[data-prompt-cards]{grid-template-columns:1fr!important}[data-prompt-cards]>.card{height:450px!important}}