/* =====================================================================
 * Podcasts System V1 — Main (Parent) — Main-specific styles only.
 * Cross-component styles live in /styles/modules/podcasts-system.css.
 * ===================================================================== */

.pcst-sys.v1 {
    /* ---------- FEATURED EPISODE ---------- */
    .feat {
        .feat-meta {
        }

        .feat-grid {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
            gap: clamp(2rem, 4vw, 3.5rem);
            align-items: start;
        }

        .feat-art {
            text-decoration: none;
            color: inherit;
            box-shadow:
                0 20px 50px -15px hsl(from var(--text-color) h s l / 0.35),
                0 0 0 1px hsl(from var(--text-color) h s l / 0.05);
        }

        .feat-title {
            line-height: 1.1;
            letter-spacing: -0.015em;
            transition: color 0.15s;
        }

        .feat-desc {
            line-height: 1.65;
            max-width: 58ch;
        }

        @media (max-width: 768px) {
            .feat-grid {
                grid-template-columns: 1fr;
            }
        }
    }

    .title-link {
        text-decoration: none;
        color: inherit;

        &:hover .feat-title {
            color: var(--link-color);
        }
    }

    /* ---------- SERIES SHOW CARD ---------- */
    .show-card {
        padding: var(--sp-qk);
        transition: transform 0.2s, box-shadow 0.2s, opacity 0.2s;

        &:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 24px hsl(from var(--text-color) h s l / 0.08);
        }
    }

    /* `.show-count` typography delegated to kicker — apply
       `fnt_t-4` alongside `show-count`. */

    .show-desc {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .cover {
        position: relative;
    }
}