/* 內頁 hero 文章標題 */
.article-hero h1{max-width:820px;margin-left:auto;margin-right:auto;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.6}
.article-hero .article-meta{
  font-family:var(--mono);font-size:.68rem;letter-spacing:.2em;
  color:rgba(244,237,224,.6);margin-top:22px;text-transform:uppercase;
}

/* ---------- 文章內文排版 ---------- */
.prose{max-width:760px;margin:0 auto;font-family:var(--tc);font-weight:300;font-size:1.02rem;line-height:2.1;color:var(--ink);letter-spacing:.02em}
.prose p{margin-bottom:1.6em}
.prose strong,.prose b{font-weight:500;color:var(--navy)}
.prose em{color:var(--gold-deep)}
.prose a{color:var(--gold-deep);border-bottom:1px solid var(--gold);transition:color .25s}
.prose a:hover{color:var(--navy)}
.prose h2{
  font-family:var(--tc);font-weight:500;font-size:1.4rem;color:var(--navy);
  letter-spacing:.05em;line-height:1.6;margin:64px 0 24px;
  padding-left:16px;border-left:3px solid var(--gold);
}
.prose h3{
  font-family:var(--tc);font-weight:500;font-size:1.15rem;color:var(--navy);
  letter-spacing:.04em;margin:48px 0 18px;
}
.prose h4{font-family:var(--tc);font-weight:500;font-size:1.02rem;color:var(--gold-deep);margin:36px 0 14px}
.prose blockquote{
  margin:40px 0;padding:28px 34px;
  background:rgba(184,153,104,.07);border-left:2px solid var(--gold);
  font-family:var(--quote);font-style:italic;font-size:1.1rem;color:var(--navy);
}
.prose blockquote p{margin-bottom:0}
.prose ul,.prose ol{margin:0 0 1.6em 1.4em}
.prose li{margin-bottom:.5em}
.prose ul li::marker{color:var(--gold)}
.prose ol li::marker{color:var(--gold-deep);font-family:var(--mono);font-size:.85em}
.prose img{margin:40px auto;border:1px solid var(--line-soft)}
.prose figure{margin:40px 0}
.prose figcaption{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;color:var(--navy-45);text-align:center;margin-top:12px}
.prose hr{border:0;border-top:1px solid var(--line);margin:56px auto;max-width:200px}
.prose code{font-family:var(--mono);font-size:.85em;background:rgba(184,153,104,.1);padding:2px 8px;border-radius:4px}
.prose table{width:100%;border-collapse:collapse;margin:40px 0;background:var(--white);border:1px solid var(--line);font-size:.92rem}
.prose th,.prose td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line-soft);border-right:1px solid var(--line-soft)}
.prose th{background:var(--navy);color:var(--white);font-weight:500}
.prose tr td:first-child{color:var(--gold-deep)}

/* Easy TOC 目錄外掛（配合主視覺） */
.prose #ez-toc-container{
  background:var(--cream)!important;border:1px solid var(--line)!important;
  border-radius:0!important;box-shadow:none!important;padding:24px 28px!important;margin:40px 0!important;
}
.prose #ez-toc-container .ez-toc-title{font-family:var(--tc)!important;font-weight:500!important;color:var(--navy)!important;letter-spacing:.08em}
.prose #ez-toc-container a{color:var(--ink)!important;border-bottom:none}
.prose #ez-toc-container a:hover{color:var(--gold-deep)!important}

/* ---------- 分頁 ---------- */
.otw-pagination{margin-top:64px;text-align:center}
.otw-pagination .nav-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.otw-pagination .page-numbers{
  font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;
  color:var(--navy-70);border:1px solid var(--line);
  padding:10px 18px;border-radius:100px;transition:all .3s;
}
.otw-pagination .page-numbers:hover{border-color:var(--gold);color:var(--gold-deep)}
.otw-pagination .page-numbers.current{background:var(--navy);color:var(--paper);border-color:var(--navy)}

/* ---------- 上下篇 ---------- */
.post-nav{
  display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;
  max-width:760px;margin:72px auto 0;padding-top:36px;border-top:1px solid var(--line);
}
.post-nav .enter{font-size:.68rem;max-width:45%}

/* ---------- 文章卡（沿用官網樣式） ---------- */
.article-card .adate{
  font-family:var(--mono);font-size:.64rem;letter-spacing:.16em;
  color:var(--navy-45);margin-bottom:14px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;
}
.article-card .acat{color:var(--gold-deep)}
.article-card h3{
  font-family:var(--tc);font-weight:500;font-size:1.18rem;
  color:var(--navy);letter-spacing:.03em;line-height:1.6;margin-bottom:12px;
}
.article-card p{font-family:var(--tc);font-weight:300;font-size:.92rem;line-height:1.9;color:var(--ink)}
.article-card .enter{margin-top:22px;font-size:.66rem}


.prose{overflow-wrap:anywhere}.prose img{max-width:100%;height:auto}.prose table{display:block;overflow-x:auto}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:32px}.article-card{display:block;padding:32px;border:1px solid var(--line)}.article-card:hover{border-color:var(--gold)}.blog-toc{max-width:760px;margin:0 auto 48px;padding:24px;background:var(--cream)}.blog-toc summary{cursor:pointer}.blog-toc ul{padding-left:24px;margin-top:16px}.blog-toc a{text-decoration:underline}.prose [id]{scroll-margin-top:100px}.blog-links{display:flex;justify-content:space-between;gap:24px;margin-top:48px}.article-hero h1{overflow-wrap:anywhere}