/* 文章頁專用：窄欄好讀，淡 Tiffany 紙面放在 logo 色底上。重點數字照 brand.md 用紅色放大。 */
.crumbs { font-size: 14px; color: var(--navy-70); }
.crumbs a { text-decoration: none; font-weight: 700; color: var(--navy); }
.crumbs a:hover { text-decoration: underline; text-decoration-color: var(--pink); text-decoration-thickness: 2px; text-underline-offset: 4px; }

.post { padding-block: 40px 72px; }
.post .paper { max-width: 760px; margin: 18px auto 0; background: var(--tiffany-soft); border-radius: 20px; padding: clamp(24px, 5vw, 48px); }
.post .tag { display: inline-block; background: var(--pink); color: var(--white); font-weight: 700; padding: 2px 12px; border-radius: 999px; font-size: 14px; }
.post h1 { font-size: clamp(28px, 4.4vw, 40px); font-weight: 900; margin-top: 12px; }
.post .meta { font-family: var(--font-num); font-size: 14px; color: var(--navy-70); margin-top: 10px; }

.post .tldr { margin-top: 28px; background: var(--white); border-radius: 14px; padding: 20px 22px; border-left: 6px solid var(--pink); }
.post .tldr .label { font-weight: 900; font-size: 15px; letter-spacing: .12em; }
.post .tldr p { margin-top: 6px; font-size: 18px; font-weight: 500; }

.post .body { margin-top: 32px; display: grid; gap: 18px; }
.post .body h2 { font-size: 23px; font-weight: 900; margin-top: 18px; }
.post .body ul, .post .body ol { margin: 0; padding-left: 1.3em; display: grid; gap: 6px; }
.post .body strong { font-weight: 700; }

/* 一個重點數字（照 brand.md：紅、放大、加粗） */
.figure-num { background: var(--white); border-radius: 14px; padding: 22px; display: grid; gap: 6px; }
.figure-num .key { font-size: clamp(36px, 7vw, 52px); }
.figure-num .cap { font-size: 15px; color: var(--navy-70); }

/* 比較表 */
.compare { width: 100%; border-collapse: collapse; background: var(--white); border-radius: 14px; overflow: hidden; font-size: 16px; }
.compare th, .compare td { padding: 12px 14px; text-align: left; border-bottom: 1px solid var(--navy-15); }
.compare th { font-size: 14px; color: var(--navy-70); font-weight: 700; }
.compare td.n { font-family: var(--font-num); font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
.compare tr:last-child td { border-bottom: 0; }

.post .disclaim { margin-top: 28px; font-size: 13px; color: var(--navy-70); }
.post .next { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 12px; }