/* Ideas page (10/18): trending TikTok banners as tap-to-load cards (refs: design/refs/amie for the reading column). */
.ideas-page{max-width:1080px}
.ideas-page .lede,.ideas-page article>p,.ideas-page #any-video,.ideas-page #ready-made,.ideas-page #faq,.ideas-page #trending>p{max-width:720px}
.template-nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin:20px 0 8px;font-size:15px}
.template-nav a{font-weight:600;text-decoration:none}
.tt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(325px,1fr));gap:16px;margin:12px 0 8px;align-items:start}
.tt-card{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}
.tt-card.playing{border:0;background:none}
.tt-facade{display:flex;flex-direction:column;gap:6px;padding:18px}
.tt-emoji{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:var(--soft);font-size:30px}
.ideas-page .tt-desc{margin:6px 0 0;font-size:16px;line-height:24px;font-weight:600;color:#26232b}
.ideas-page .tt-by{margin:0;font-size:14px;line-height:20px;color:#57525c}
.tt-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:8px 0 0}
.tt-play{min-height:44px;padding:0 18px;border:0;border-radius:999px;background:var(--brand);color:#fff;font-size:15px;font-weight:600;cursor:pointer}
.tt-play:hover{background:#941546}
.tt-open{font-size:14px;font-weight:600;text-decoration:none}
.steps-list li{margin:10px 0}
.tt-look{display:inline-block;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-size:14px;font-weight:600;text-decoration:none}