/* 方案 C：書刊式 —— 傳統中文排版（首行縮進兩字、行距鬆、雙線標題），律師行正式文件感（2026-10-24） */
.bkt-article{
  font-size:16.5px;
  line-height:1.5; /* 2026-10-24 用户指定：原 2 → 1.5 */
  color:#232b36;
  font-family:"Microsoft JhengHei","微軟正黑體","PingFang TC","Noto Sans TC",sans-serif;
  letter-spacing:.02em;
}
.bkt-article p{margin:0 0 8px;text-align:justify;text-indent:2em;font-size:16.5px}
.bkt-article strong{font-weight:700;color:#12202e}
.bkt-article h2{
  margin:42px 0 20px;
  padding:0 0 12px;
  font-size:21px;
  line-height:1.5;
  font-weight:700;
  color:#012061;
  text-align:center;
  border-bottom:3px double #a61b34;
}
.bkt-article h3{
  margin:28px 0 12px;
  font-size:17.5px;
  line-height:1.6;
  font-weight:700;
  color:#79242f;
  text-indent:0;
}
.bkt-article h3::before{
  content:"§";
  margin-right:7px;
  color:#c9a6ac;
  font-weight:400;
}
.bkt-article ul,.bkt-article ol{margin:6px 0 20px;padding-left:2.4em}
.bkt-article li{margin:0 0 10px;line-height:1.5;text-indent:0} /* 2026-10-24 用户指定：原 1.95 → 1.5 */
.bkt-article li::marker{color:#a61b34}
.bkt-article hr{
  margin:36px auto;
  border:0;
  width:64px;
  height:2px;
  background:#d9c3c8;
}
.bkt-article a{color:#79242f!important;text-decoration:none;border-bottom:1px solid rgba(121,36,47,.35)}
.bkt-article a:hover{color:#a61b34!important;border-bottom-color:#a61b34}

/* 作者審核框：像文件抬頭 */
.bkt-article .author-meta{
  margin:0 0 28px;
  padding:14px 18px;
  background:#faf9f7;
  border-top:1px solid #e4ded6;
  border-bottom:1px solid #e4ded6;
  font-size:13.5px;
  line-height:1.85;
  color:#5b6673;
  letter-spacing:0;
}
.bkt-article .author-meta p{margin:0;text-align:left;text-indent:0}

/* FAQ：報刊問答欄 */
.bkt-article .faq-block{
  margin:0 0 26px;
  padding:8px 22px 14px;
  background:#faf9f7;
  border:1px solid #e9e3da;
  border-radius:3px;
}
.bkt-article .faq-block h3{
  margin:20px 0 6px;
  padding:0;
  font-size:16.5px;
  color:#012061;
  text-indent:0;
}
.bkt-article .faq-block h3::before{display:none}
.bkt-article .faq-block p{margin:0 0 4px;font-size:15.5px;line-height:1.9;text-indent:0}

/* 結尾 CTA：淡金底、雙線框 */
.bkt-article .cta-box{
  margin:36px 0 0;
  padding:28px 26px;
  background:#fdfaf3;
  border:1px solid #e6d9bd;
  border-top:4px double #a61b34;
  border-radius:4px;
  text-align:center;
}
.bkt-article .cta-box h2{
  margin:0 0 12px;
  padding:0;
  font-size:20px;
  color:#79242f;
  text-align:center;
  border:0;
  background:none;
}
.bkt-article .cta-box p{margin:0 0 8px;text-align:center;text-indent:0}
.bkt-article .contact-details{margin-top:14px;font-size:15px;line-height:2.1;letter-spacing:0}
.bkt-article .contact-details p{margin:0;text-align:center}
.bkt-article .contact-details a{border-bottom:0}

@media (max-width:575.98px){.bkt-article p{font-size:16px}
  .bkt-article{font-size:16px;line-height:1.5}
  .bkt-article h2{font-size:19px;margin-top:32px}
  .bkt-article h3{font-size:16.5px;margin-top:24px}
  .bkt-article .faq-block{padding:4px 14px 10px}
  .bkt-article .cta-box{padding:20px 14px}
  .bkt-article .cta-box h2{font-size:18px}
}

/* 標題列修正（2026-10-24）：single.php 的 .bkt-post-head 是 flex + 日期 nowrap，
   標題長過一行時日期會擠入標題中間。這裡把日期移到標題下方。
   用 :has() 限定「只影響含 .bkt-article 的文章」，不會影響其他文章頁。 */
article:has(.bkt-article) > .bkt-post-head{display:block!important}
article:has(.bkt-article) > .bkt-post-head .post-date{
  margin:8px 0 0!important;
  font-size:13px!important;
  color:#7a8699!important;
  line-height:1.5!important;
}

/* 子區塊的 p 跟隨所屬容器字級（bootstrap 的 p{font-size:15px} 會蓋過繼承） */
.bkt-article .author-meta p{font-size:inherit}
.bkt-article .cta-box p{font-size:inherit}
.bkt-article .contact-details p{font-size:inherit}

/* wpautop 會在區塊尾補一個多餘 </p>，瀏覽器會生成空 p（多一段空白）→ 隱藏 */
.bkt-article p:empty{display:none;margin:0}

/* 只留文章內 CTA：隱藏 single.php 模板自動加的 .bkt-cta-box（2026-10-24 用戶指定） */
article:has(.bkt-article) > .bkt-cta-box{display:none!important}

/* 文章頂部 YouTube 嵌入（2026-10-24 用户指定）：16:9 自適應 + click-to-play 封面 */
.bkt-article .bkt-video{position:relative;width:100%;margin:0 0 26px;padding-bottom:56.25%;height:0;background:#000;border-radius:4px;overflow:hidden}
.bkt-article .bkt-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.bkt-article .bkt-video-poster{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;background:#000;display:block;cursor:pointer;overflow:hidden}
.bkt-article .bkt-video-poster img{width:100%;height:100%;object-fit:cover;display:block}
.bkt-article .bkt-video-play{position:absolute;top:50%;left:50%;width:74px;height:52px;margin:-26px 0 0 -37px;background:#e62117;border-radius:12px;transition:background .15s ease}
.bkt-article .bkt-video-play::after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;margin:-11px 0 0 -8px;border-style:solid;border-width:11px 0 11px 19px;border-color:transparent transparent transparent #fff}
.bkt-article .bkt-video-poster:hover .bkt-video-play,.bkt-article .bkt-video-poster:focus .bkt-video-play{background:#f00}
