/* Office AI 產品頁專用樣式。共用類別（.feature .shot .facts .player …）在 base.css，這裡只補這頁才有的東西。 */

/* 每段結尾的「人工確認」一句：同 .plug 的朱色小方塊，不另加裝飾 */
.feature .confirm {
  display: flex; align-items: baseline; gap: 10px;
  margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--line-2);
  font-size: 16px; font-weight: 600; color: var(--fg); max-width: 32ch;
}
.feature .confirm::before { content: ''; flex: none; width: 8px; height: 8px; border-radius: 2px; background: var(--vermilion); translate: 0 -2px; }

/* 06 文件辨識：右欄用四張規格卡取代截圖 */
.feature .facts { align-self: center; }
.feature .facts dd { font-size: 15.5px; }

/* 07 來源：規格卡後的一句話與連結 */
.sources .after { margin-top: 28px; font-size: 17px; color: var(--fg-2); }
.sources .after .link { margin-left: 10px; color: var(--fg); }

/* 08 對話框：三條事實 */
.feature .points { list-style: none; margin: 22px 0 0; padding: 0; display: grid; gap: 12px; max-width: 34ch; }
.feature .points li { position: relative; padding-left: 20px; font-size: 16px; color: var(--fg-2); }
.feature .points li::before { content: ''; position: absolute; left: 0; top: 0.7em; width: 8px; height: 8px; border-radius: 2px; background: var(--vermilion); }
.feature .points li b { color: var(--fg); }

/* 主視覺影片：這頁沒有自動播放，瀏覽器原生控制列 */
.page-hero .player video { background: var(--ink); }

/* 標題換行：ch 單位以「0」字寬計算（約 0.55em），base 的 14ch／18ch 只容得下七到十個中文字，會在詞中間斷行；
   這頁的標題用 <br> 在標點處換行，上限放寬到欄寬 */
.feature h2 { max-width: none; }
.cta h2 { max-width: 26ch; }
@media (min-width: 861px) { .page-hero .wrap { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.page-hero h1 { font-size: clamp(28px, 3.6vw, 42px); }