/* トップLP: 既存テキストは変えず、ステップ・テンプレカード・各セクションに実画面/イラストを追加する */
.tv-shot{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #dbe4f3;background:#fff;box-shadow:0 10px 24px -14px rgba(30,41,99,.4)}
.step-card .tv-shot{margin-top:14px}
.template-card .tv-thumb{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center;border-radius:12px;margin:0 0 12px;border:1px solid #e4ecf7;background:#f7faff}
.tv-banner{margin:26px 0 8px;border-radius:22px;overflow:hidden;position:relative;box-shadow:0 26px 50px -24px rgba(20,30,80,.5)}
.tv-banner img{display:block;width:100%;height:auto}
.tv-banner--win{background:linear-gradient(135deg,#e6efff,#f3ecff);padding:28px 5%}
.tv-banner--win img{border-radius:14px;border:1px solid #dbe4f3;box-shadow:0 24px 44px -20px rgba(20,30,80,.55)}
@media(max-width:820px){.tv-banner{border-radius:16px}.tv-banner--win{padding:14px}}
.step-card .tv-shot{aspect-ratio:4/3;object-fit:cover;object-position:left top}
.step-card .tv-shot[src*="step2"]{object-position:left center}
.template-card .tv-thumb{height:auto;max-width:100%}
.tv-banner--win img{max-width:880px;margin-inline:auto}

/* Approved images keep their complete native proportions. */
.tv-shot[src*="top-approved-"],.template-card .tv-thumb[src*="top-approved-"]{height:auto;aspect-ratio:auto;object-fit:contain;max-width:100%}