/* ============================================================================
   kd-pn-news.css · Peak Network storefront — latest-news card row
   ----------------------------------------------------------------------------
   Three lightweight article cards under the storefront. Cards link out to
   the kHouse /news/ archive — no media, just a mono date stamp, title and
   one-line lede. Same border/hover treatment as .kd-pn-prod so the row
   reads visually as part of the same shop family.
   ============================================================================ */

.kd-pn-news {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--kd-border);
    background: var(--kd-bg);
    color: inherit;
    text-decoration: none;
    overflow: hidden;
    transition: background var(--kd-dur) var(--kd-ease), border-color var(--kd-dur) var(--kd-ease);
}
.kd-pn-news:hover {
    background: var(--kd-bg-alt);
    border-color: var(--kd-fg-muted);
}
.kd-pn-news:hover .kd-pn-news__media img { transform: scale(1.03); }

.kd-pn-news__media {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: var(--kd-bg-alt);
}
.kd-pn-news__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 600ms var(--kd-ease);
}

.kd-pn-news__body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    flex: 1;
}

.kd-pn-news__date {
    font-family: var(--kd-font-mono);
    font-size: 11px;
    letter-spacing: var(--kd-track-mono);
    text-transform: uppercase;
    color: var(--kd-fg-muted);
}
.kd-pn-news__title {
    margin: 0;
    font-size: 16px;
    font-weight: var(--kd-w-semibold);
    color: var(--kd-fg);
    letter-spacing: -0.005em;
    line-height: 1.3;
}
.kd-pn-news__lede {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: var(--kd-fg-soft);
}
.kd-pn-news__more {
    margin-top: auto;
    font-family: var(--kd-font-mono);
    font-size: 11px;
    letter-spacing: var(--kd-track-mono);
    text-transform: uppercase;
    color: var(--kd-fg);
}