/* ──────────────────────────────────────────────────────────────────────────
   newsletter.php — จดหมายข่าว (หน้าสาธารณะ) 8 ต.ค. 2569

   หน้านี้ใช้ css/tb1-news-list.css ของหน้ารายการข่าวทั้งชุด (หัวหน้า ภาพรวม การ์ด แผงข้าง เลขหน้า
   โหมดมืด คอนทราสต์สูง การพิมพ์) ไฟล์นี้มีเฉพาะส่วนที่ต่าง ทุกกฎอยู่ในขอบเขต .nw
   จดหมายข่าวเป็นโปสเตอร์แนวตั้งขนาด A4 (ราว 1414x2000) ภาพย่อจึงเป็น 3:4 ชิดขอบบน
   แทน 16:10 ของภาพข่าว ซึ่งตัดเหลือแค่หัวโปสเตอร์
   สี: alias ของ --tb1-* ที่ tb1-news-list.css ประกาศไว้ (--nl-*) เท่านั้น
   ────────────────────────────────────────────────────────────────────────── */

.nw .nl-card-media {
    aspect-ratio: 3 / 4;
}

.nw .nl-card-media img {
    object-position: top center;
}

/* ฉบับล่าสุด: ภาพโปสเตอร์ซ้ายกว้างพอเห็นทั้งหัวเรื่อง ข้อความขวา */
@media (min-width: 760px) {
    .nw .nl-card.is-lead .nl-card-in {
        grid-template-columns: minmax(0, 21rem) minmax(0, 1fr);
    }

    .nw .nl-card.is-lead .nl-card-media {
        aspect-ratio: 3 / 4;
        min-height: 0;
    }
}

/* จอมือถือ: การ์ดเป็นแถว ภาพเล็กซ้ายยังเป็นแนวตั้ง */
@media (max-width: 640px) {
    .nw .nl-card:not(.is-lead) .nl-card-in {
        grid-template-columns: 5.5rem minmax(0, 1fr);
    }

    .nw .nl-card:not(.is-lead) .nl-card-media {
        aspect-ratio: 3 / 4;
    }
}

/* ป้าย "ฉบับแนะนำ" ใช้สีเดียวกับป้ายฉบับล่าสุด แยกกันด้วยข้อความ */
.nw .nl-card-badge.nw-badge-feat {
    background: var(--tb1-banner-1, #1d4ed8);
}

/* ปุ่มดาวน์โหลดอยู่เหนือลิงก์ที่คลุมการ์ด (z-index ของ .nl-card-tools) จึงกดแยกได้ */
.nw .nl-card-tools {
    margin-top: .55rem;
}

/* หัวข้อย่อยในแผงปีการศึกษา (หมวด ชนิดไฟล์) ขึ้นเมื่อมีมากกว่าหนึ่งแบบเท่านั้น */
.nw .nw-sub {
    margin: 1.1rem 0 .4rem;
    padding-top: .9rem;
    border-top: 1px solid var(--nl-line);
    font-size: .92rem;
    font-weight: 700;
    color: var(--nl-ink-2);
}

html.tb1-contrast-high .nw .nw-sub {
    color: #ffffff;
    border-top-color: #ffffff;
}

@media print {
    .nw .nl-card-media,
    .nw .nl-card.is-lead .nl-card-media {
        aspect-ratio: 3 / 4;
        max-height: 9cm;
    }

    .nw .nl-card-tools {
        display: none;
    }
}