/* CSDA Page / News common content layout only. Header and footer untouched. */
.csda-page,.news-page,.news-detail{background:#fff;padding:28px 0 76px;min-height:55vh}
.csda-page-breadcrumb,.news-breadcrumb,.news-page-breadcrumb{font-size:12px;line-height:1.6;color:#8792a2;margin:0 0 24px}
.csda-page-breadcrumb a,.news-breadcrumb a,.news-page-breadcrumb a{color:#375399;text-decoration:none}
.csda-page-breadcrumb a:hover,.news-breadcrumb a:hover,.news-page-breadcrumb a:hover{text-decoration:underline}
.csda-page .csda-page-shell{max-width:1100px;margin:0 auto}
.csda-page article>h1{font-size:30px;line-height:1.45;letter-spacing:.015em;font-weight:700;color:#1d2a43;margin:0 0 25px}
.csda-page .csda-page-rule{display:none}
.csda-page-rich{font-size:16px;line-height:1.95;color:#333;overflow-wrap:anywhere}
.csda-page-rich img{max-width:100%;height:auto;border-radius:8px}
.csda-page-rich figure.image,.csda-page-rich figure.csda-image-figure{display:table;max-width:100%;margin:22px auto;width:auto}
.csda-page-rich figure img{display:block;width:100%;max-width:100%;height:auto}
.csda-page-rich figcaption{display:table-caption;caption-side:bottom;padding-top:8px;font-size:13px;line-height:1.65;color:#778497}
.csda-page-rich figcaption:empty{display:none}
.csda-page-rich table{max-width:100%;width:100%;border-collapse:collapse}
.csda-page-rich td,.csda-page-rich th{border:1px solid #d9dee8;padding:9px}
.csda-page-rich .csda-youtube-embed{max-width:100%;margin:20px auto}
.csda-page-rich .csda-youtube-ratio{position:relative;height:0}
.csda-page-rich iframe{max-width:100%}
/* About page already contains its own page heading. Do not duplicate it. */
.csda-page:has(.csda-about-full) article>h1{display:none}
.csda-page:has(.csda-about-full) .csda-page-breadcrumb{margin-bottom:14px}
.csda-page-rich .csda-about-full__heading{display:none}
.csda-page-rich .csda-about-full>.csda-about-section-title{margin-top:0}
/* News listing */
.news-page .news-page-title{text-align:left;margin:0 0 26px}
.news-page .news-page-title h1{margin:0;color:#1d2a43;font-size:30px;line-height:1.45}
.news-page .news-page-title>span{display:none}
.news-page .news-filter{display:flex;justify-content:flex-start;gap:10px;flex-wrap:wrap;margin:0 0 30px}
.news-page .news-filter a{padding:7px 16px;border:1px solid #dde3eb;border-radius:4px;font-size:13px;color:#41506a}
.news-page .news-filter a.active,.news-page .news-filter a:hover{background:#263e8e;color:#fff;border-color:#263e8e}
.news-page .news-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 30px}
.news-page .news-page-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#f3f4f7}
.news-page .news-page-card .meta{display:flex;gap:10px;margin-top:13px;font-size:11px;color:#8892a2}
.news-page .news-page-card .meta em{font-style:normal;color:#263e8e}
.news-page .news-page-card h2{font-size:18px;line-height:1.55;margin:9px 0 8px}
.news-page .news-page-card p{font-size:13px;line-height:1.75;color:#777;margin:0}
.news-page .news-page-card .more{display:inline-block;margin-top:15px;font-size:11px;letter-spacing:1px;border-bottom:1px solid #333}
.news-page .news-pagination{text-align:center;margin-top:52px}
.news-page .news-pagination a,.news-page .news-pagination span{display:inline-block;margin:0 3px;padding:6px 10px;border:1px solid #ddd;font-size:12px}
.news-page .news-pagination .current{background:#263e8e;color:#fff;border-color:#263e8e}
/* Article reading layout */
.news-detail .news-detail-inner{max-width:900px;margin:0 auto}
.news-detail h1{font-size:32px;line-height:1.45;margin:0 0 12px;color:#1d2a43}
.news-detail .meta{display:flex;gap:12px;align-items:center;font-size:12px;color:#8892a2;margin:0 0 24px}
.news-detail .meta em{font-style:normal;color:#263e8e}
.news-detail .news-detail-cover{display:block;width:100%;max-height:520px;object-fit:cover;background:#f3f4f7;margin:0 0 28px}
.news-detail .news-detail-content{font-size:16px;line-height:1.95;color:#444;overflow-wrap:anywhere}
.news-detail .news-detail-content img{max-width:100%;height:auto}
.news-detail .news-detail-content figure.image,.news-detail .news-detail-content figure.csda-image-figure{display:table;width:auto;max-width:100%;margin:24px auto}
.news-detail .news-detail-content figure.image img,.news-detail .news-detail-content figure.csda-image-figure img{display:block;width:100%;max-width:100%;height:auto;margin:0 auto;border-radius:8px}
.news-detail .news-detail-content figure.image figcaption,.news-detail .news-detail-content figure.csda-image-figure figcaption{display:table-caption;caption-side:bottom;padding-top:8px;color:#718096;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.news-detail .news-detail-content figcaption:empty{display:none}
.news-detail .news-detail-nav{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:55px;padding-top:24px;border-top:1px solid #e4e4e4}
.news-detail .news-detail-nav a{font-size:13px;color:#555}
.news-detail .news-detail-nav .next{text-align:right}
@media(max-width:900px){.news-page .news-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.csda-page,.news-page,.news-detail{padding:22px 0 55px}.csda-page article>h1,.news-page .news-page-title h1{font-size:26px}.news-detail h1{font-size:27px}.csda-page-rich,.news-detail .news-detail-content{font-size:15px}}
@media(max-width:620px){.news-page .news-page-grid{grid-template-columns:1fr}.news-detail .news-detail-nav{grid-template-columns:1fr;gap:14px}.news-detail .news-detail-nav .next{text-align:left}.news-detail .news-detail-content figure.image,.news-detail .news-detail-content figure.csda-image-figure{margin:18px auto}.news-detail .news-detail-content figure figcaption{font-size:12px}}

/* v2: 修正全站 site.css 中通用 nav / nav a / nav a:after 誤套到麵包屑。
   只重置 Page、News 列表、News 內頁，不更動 Header 本身。 */
.csda-page nav.csda-page-breadcrumb,
.news-page nav.news-page-breadcrumb,
.news-detail nav.news-breadcrumb {
  display: block;
  width: auto;
  height: auto;
  min-height: 0;
  margin: 0 0 24px;
  padding: 0;
  text-align: left;
  line-height: 1.6;
}
.csda-page nav.csda-page-breadcrumb a,
.news-page nav.news-page-breadcrumb a,
.news-detail nav.news-breadcrumb a {
  position: static;
  display: inline;
  width: auto;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  white-space: normal;
  border: 0;
  line-height: inherit;
}
.csda-page nav.csda-page-breadcrumb a::after,
.news-page nav.news-page-breadcrumb a::after,
.news-detail nav.news-breadcrumb a::after {
  content: none !important;
  display: none !important;
}
/* 協會簡介已有內文標題，麵包屑下方採較小間距。 */
.csda-page:has(.csda-about-full) nav.csda-page-breadcrumb { margin-bottom: 14px; }

/* v3: Page / News 麵包屑字級放大為 14px；保留 v2 對全站 nav 樣式的隔離。
   使用頁面容器限制作用範圍，不更動 Header 的選單樣式。 */
.csda-page nav.csda-page-breadcrumb,
.news-page nav.news-page-breadcrumb,
.news-detail nav.news-breadcrumb {
  font-size:14px;
}