/* --- 核心：內文兩端對齊 --- */
.entry-content p {
  text-align: justify;
  word-break: normal;
  overflow-wrap: break-word;
  -webkit-hyphens: none;
  hyphens: none;
}
 
/* 標題與短句不需要 justify，維持置左 */
.entry-title,
.entry-header,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content blockquote p {
  text-align: left;
}
 
/* --- 手機專用調整 (≤ 480px) --- */
* ===========================================
   B. 文章頁手機版 (≤ 480px)
   =========================================== */
 
@media screen and (max-width: 480px) {
 
  .single-post .entry-content {
    padding-left: 20px;
    padding-right: 20px;
  }
 
  .single-post .entry-content p {
    font-size: 16px;
    line-height: 2.0;
    letter-spacing: 0.3px;
  }
 
  .single-post h1.entry-title,
  .single-post .entry-header .entry-title {
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 0.5px;
  }
 
  .single-post .entry-content blockquote {
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    font-size: 17px;
  }
 
  .single-post .entry-content blockquote p {
    font-size: 17px;
  }
}
 
 
/*  C. 文章頁平板版 (481px ~ 1024px) */
@media screen and (min-width: 481px) and (max-width: 1024px) {
 
  .single-post .entry-content {
    padding-left: 32px;
    padding-right: 32px;
  }
 
  .single-post .entry-content p {
    font-size: 17px;
    line-height: 2.0;
    letter-spacing: 0.4px;
  }
 
  .single-post h1.entry-title,
  .single-post .entry-header .entry-title {
    font-size: 28px;
  }
}
 
/* --- 中文標點避頭尾規則 --- */
/* 避免句號、逗號出現在行首 */
.entry-content p {
  line-break: strict;
  word-wrap: break-word;
  -webkit-line-break: strict;
}
 
/* --- 最後一行不強制撐滿 --- */
/* text-align-last: left 讓段落最後一行自然靠左
   避免最後一行只有幾個字卻被拉開間距 */
.entry-content p {
  text-align-last: left;
}


/* 段落間距加大，配合短句獨段風格 */
.entry-content p + p {
  margin-top: 1.9em;
}

/* 單行短句（你的招牌風格）加強呼吸感 */
.entry-content p:only-of-type,
.entry-content p:first-child {
  margin-bottom: 1.8em;
}

/* ----- 2. 金句引用區塊 blockquote ----- */
/* 在文章中用 blockquote 包裹核心金句即可自動套用 */
.entry-content blockquote {
  border-left: 3px solid #1D9E75;
  border-top: none;
  border-right: none;
  border-bottom: none;
  margin: 2.5em 0;
  padding: 1.2em 0 1.2em 1.5em;
  background: transparent;
  line-height: 2;
  letter-spacing: 0.8px;
  color: #2c2c2c;
  font-style: normal;
}

.entry-content blockquote p {
  font-size: 20px;
  line-height: 1.9;
  margin: 0;
}

/* ----- 3. 文章標題優化 ----- */
single-post .entry-header .entry-title,
h1.entry-title {
  line-height: 1.5;
  letter-spacing: 1px;
  font-weight: 700;
  margin-bottom: 0.5em;
}

/* ----- 5. 日期與 Meta 資訊 ----- */
.entry-meta,
.entry-header .entry-meta {
  font-size: 14px;
  color: #999;
  letter-spacing: 0.5px;
  margin-bottom: 2em;
}

/* ----- 6. 分享按鈕區域簡化 ----- */
/* 隱藏不常用的分享按鈕，只留主要管道 */
.sharedaddy .sd-content ul li:nth-child(n+4) {
  display: none;
}
 
/* 讓分享按鈕更精簡 */
.sharedaddy {
  margin-top: 3em !important;
  padding-top: 2em;
  border-top: 1px solid #eee;
}
 
.sd-sharing .sd-title {
  display: none !important;
}

/* ----- 7. Tags 標籤美化 ----- */
.entry-footer .tags-links a,
.post-tags a,
.tagcloud a {
  display: inline-block;
  font-size: 13px;
  padding: 4px 14px;
  border: 1px solid #e0e0e0;
  border-radius: 20px;
  color: #666;
  text-decoration: none;
  margin: 0 4px 6px 0;
  transition: all 0.2s ease;
}
 
.entry-footer .tags-links a:hover,
.post-tags a:hover,
.tagcloud a:hover {
  border-color: #1D9E75;
  color: #1D9E75;
  background: rgba(29, 158, 117, 0.05);
}

/* ----- 9. 文章內容區最大寬度控制 ----- */
/* 內容區最大寬度 — 只限文章頁 */
.single-post .entry-content {
  max-width: 680px;
}

/* ----- 11. 整體頁面微調 ----- */
/* 文章頁內容區上方留白 */
.single .site-content {
  padding-top: 2em;
}

/* ===========================
   工作坊頁面 — 你會帶走什麼
   =========================== */
 
/* 外層群組：控制整組卡片的間距 */
.benefit-group {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
 
/* 每一張卡片 */
.benefit-card {
  border-left: 4px solid #B8845A !important;
  background-color: #FDFCFA !important;
  padding: 18px 20px !important;
  margin-bottom: 10px !important;
  border-radius: 0 !important;
}
 
/* 卡片內的標題（第一個段落） */
.benefit-card .benefit-title {
  font-weight: bold !important;
  font-size: 1.05em !important;
  margin-bottom: 6px !important;
  color: #3D3528 !important;
}
 
/* 卡片內的說明文字（第二個段落） */
.benefit-card .benefit-desc {
  font-size: 0.95em !important;
  color: #6B6358 !important;
  line-height: 1.7 !important;
}

/* ===========================
   工作坊頁面 — 如果你有這樣的感受
   =========================== */
 
/* 外層群組：暖米色底框 */
.feel-section {
  background-color: #F7F3EE !important;
  border-radius: 12px !important;
  padding: 28px 24px !important;
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
 
/* 區塊標題 */
.feel-section .feel-heading {
  font-weight: bold !important;
  font-size: 1.05em !important;
  margin-bottom: 16px !important;
}
 
/* 每一句「感受」段落 */
.feel-section .feel-line {
  font-size: 0.95em !important;
  color: #6B6358 !important;
  line-height: 1.7 !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(184, 132, 90, 0.15) !important;
  margin-bottom: 0 !important;
}
 
/* 最後一句感受：不要底線 */
.feel-section .feel-line-last {
  font-size: 0.95em !important;
  color: #6B6358 !important;
  line-height: 1.7 !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  border-bottom: none !important;
  margin-bottom: 0 !important;
}
 
/* 結尾「那就來吧」 */
.feel-section .feel-cta {
  text-align: lift !important;
  font-weight: bold !important;
  font-size: 1.05em !important;
  color: #B8845A !important;
  margin-top: 12px !important;
  margin-bottom: 0 !important;
}

/* ===========================
   工作坊頁面 — 課程資訊卡片
   =========================== */
 
.info-card {
  background-color: #fff !important;
  border: 1px solid #E8E3DC !important;
  border-radius: 12px !important;
  padding: 28px 24px !important;
  border-top: 4px solid #B8845A !important;
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
 
.info-card-heading {
  font-weight: bold !important;
  font-size: 1.15em !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}
 
.info-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid #F0EBE4;
}
 
.info-row:last-child {
  border-bottom: none;
}
 
.info-icon {
  font-size: 20px;
  color: #B8845A;
  flex-shrink: 0;
  width: 24px;
  text-align: center;
  margin-top: 2px;
}
 
.info-content {
  flex: 1;
}
 
.info-label {
  font-size: 0.8em;
  letter-spacing: 0.5px;
  color: #9A9085;
  margin: 0 0 2px;
}
 
.info-value {
  font-size: 1em;
  font-weight: bold;
  color: #3D3528;
  margin: 0;
  line-height: 1.5;
}
 
.info-note {
  font-size: 0.85em;
  color: #6B6358;
  margin: 4px 0 0;
  line-height: 1.5;
}
 
.info-footer {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #F0EBE4;
  font-size: 0.9em;
  color: #6B6358;
  line-height: 1.6;
}
 
 
/* ===========================
   工作坊頁面 — 關於帶領者
   =========================== */
 
.facilitator-card {
  background-color: #F7F3EE !important;
  border-radius: 12px !important;
  padding: 28px 24px !important;
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
 
.facilitator-inner {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
 
.facilitator-avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #E8DDD0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  color: #B8845A;
  flex-shrink: 0;
}
 
.facilitator-content {
  flex: 1;
}
 
.facilitator-name {
  font-size: 1.1em;
  font-weight: bold;
  color: #3D3528;
  margin: 0 0 2px;
}
 
.facilitator-role {
  font-size: 0.85em;
  color: #B8845A;
  margin: 0 0 12px;
  letter-spacing: 0.3px;
}
 
.facilitator-desc {
  font-size: 0.95em;
  color: #6B6358;
  line-height: 1.7;
  margin: 0;
}
