/*
 * 新站自己的樣式。主題原有的 CSS 一律不動，補充放這裡。
 */

/*
 * 廣告容器。pc 與 mb 兩組會同時輸出到 HTML，由 <html> 上的 is-pc / is-mb
 * 決定顯示哪一組 —— 這樣整頁快取就不必依裝置分成兩份。
 * 判準與 GTM 的 Check Device 一致（userAgent 正則，非螢幕寬度）。
 */
.ad-slot {
    display: flex;
    justify-content: space-around;
    padding: 30px 0;
}

.is-pc .ad-slot[data-device="mb"],
.is-mb .ad-slot[data-device="pc"] {
    display: none;
}

/* 量測用的 1x1 版位不該佔任何版面 */
.ad-slot [id="div-gpt-ad-1748939345207-0"] {
    min-height: 0;
}

.ad-slot:has([id="div-gpt-ad-1748939345207-0"]) {
    padding: 0;
}

/* GTM 的 Add Summary Style 會把「Summary」小標的下一段加上這個 class */
.article_Summary {
    background: #f6f6f6;
    border-left: 4px solid #8a1c3a;
    padding: 16px 20px;
    margin: 24px 0;
}
