/* ==========================================================================
   湧金啤酒 — SEO 文章版型（全 15 篇共用）
   --------------------------------------------------------------------------
   這份原本內嵌在每一篇文章的 post_content 裡（單篇約 18KB）。
   2026-07-30 依客戶指示改成獨立檔案，由 blocksy-child/functions.php
   在「單篇文章」情境下才 enqueue（is_singular('post')），其他頁面不載入。

   版本 v3 相對 v2 的修正：
     ① @689.98px 的 .ar-lead__label（0-1-0）打不過 base 的 0-2-0
        → 手機字級沒縮小。已提權。
     ② @689.98px 的 .ar-scene__label（0-1-0）同樣打不過 base
        → 手機上 white-space 仍是 nowrap，長標籤會撐破卡片。已提權。
     ③ 新增 .ar-formula（熱量公式框）與 .ar-picks--tri（3 張酒款卡排版）

   規範：
     ‧ 色彩一律用 Blocksy 主題色變數，不寫死色碼
     ‧ 斷點只用 Blocksy 內建兩個：999.98px、689.98px
     ‧ 所有選擇器掛在 .yj-article 底下，不外溢到其他版型
     ‧ 標籤類規則必須 .yj-article .ar-xxx（0-2-0）才打得過 .yj-article p（0-1-1）
       ⚠️ media query 裡的覆蓋規則也要同樣權重，否則不會生效（v3 修的就是這個）
   ========================================================================== */

.yj-article{
	--ar-radius:20px;               /* 區塊卡片圓角 */
	--ar-pad:clamp(20px, 4%, 40px); /* 區塊卡片左右內距（跟著內容欄縮放） */
	--ar-surface:var(--yj-white);   /* 文章底色，FAQ 波浪缺口用同一色 */
	font-family:var(--yj-font);
	color:var(--yj-gray);
}
.yj-article :where(p,h2,h3,h4,ul,ol,li,figure,figcaption,table,caption,dl,dt,dd){margin:0}
.yj-article img{max-width:100%;height:auto;display:block}

/* 寬容器：寬度交給 Blocksy 的內容欄決定 */
.yj-wrap{width:100%;margin-inline:0}

/* 閱讀欄與加寬欄一律填滿內容欄，不再寫死 780px / 1000px */
.ar-col,
.ar-col--wide{width:100%;margin-inline:0}

/* ── 基礎排版 ──────────────────────────────────────────────────── */
.yj-article p{font-size:17px;line-height:1.95;color:var(--yj-gray)}
.yj-article .ar-prose > p + p{margin-top:1.5em}

.yj-article a{
	color:var(--yj-orange);
	font-weight:500;
	text-decoration:underline;
	text-decoration-thickness:1px;
	text-underline-offset:4px;
	transition:color .2s ease, text-decoration-color .2s ease;
}
.yj-article a:hover,
.yj-article a:focus-visible{color:var(--yj-red);text-decoration-color:var(--yj-yellow);text-decoration-thickness:3px}
.yj-article a:focus-visible{outline:3px solid var(--yj-yellow);outline-offset:3px;border-radius:4px}

/* ⚠️ B3｜.yj-article a（0-1-1）會蓋掉全域 .yj-btn（0-1-0）的 color／text-decoration，
   導致膠囊按鈕變成「橘底橘字」＝文字看不見。必須用 a.yj-btn 提權。 */
.yj-article a.yj-btn{
	color:var(--yj-yellow);
	font-weight:700;
	text-decoration:none;
}
.yj-article a.yj-btn:hover,
.yj-article a.yj-btn:focus-visible{
	color:var(--yj-yellow);
	text-decoration:none;
}

/* 尚未上線的內連（Wave A 降級為純文字，該篇上線後再 promote 回 <a>） */
.ar-soon{
	color:var(--yj-red);font-weight:700;
	border-bottom:2px dotted color-mix(in srgb, var(--yj-orange) 55%, transparent);
}

/* H2：黃色短棒 + 橘色標題 */
.ar-h2{
	position:relative;
	margin:72px 0 22px;
	padding-top:26px;
	font-size:28px;
	font-weight:700;
	line-height:1.45;
	letter-spacing:.04em;
	color:var(--yj-orange);
	scroll-margin-top:130px;
}
.ar-h2::before{
	content:'';position:absolute;left:0;top:0;
	width:52px;height:5px;background-color:var(--yj-yellow);
}
/* H3：深紅色 */
.ar-h3{
	margin:44px 0 16px;
	font-size:20px;
	font-weight:700;
	line-height:1.6;
	letter-spacing:.03em;
	color:var(--yj-red);
	scroll-margin-top:130px;
}

/* ── 開場區：重點速答 + 導言 + 目錄 ────────────────────────────── */
.ar-open{padding:0}

.ar-lead{
	position:relative;
	background-color:var(--yj-cream);
	border-left:6px solid var(--yj-orange);
	border-radius:0 var(--ar-radius) var(--ar-radius) 0;
	padding:28px var(--ar-pad) 30px;
}
/* B1｜橘底白字，必須 0-2-0 才打得過 .yj-article p */
.yj-article .ar-lead__label{
	display:inline-block;
	margin-bottom:12px;
	padding:5px 14px;
	border-radius:999px;
	background-color:var(--yj-orange);
	color:var(--yj-white);
	font-size:13px;
	font-weight:700;
	letter-spacing:.14em;
	line-height:1.4;
}
.yj-article .ar-lead__text{
	font-size:19px;
	font-weight:500;
	line-height:1.9;
	color:var(--yj-red);
}

.ar-open .ar-prose{margin-top:36px}

/* 目錄 */
.ar-toc{
	margin-top:44px;
	background-color:color-mix(in srgb, var(--yj-yellow) 12%, var(--yj-white));
	border-radius:var(--ar-radius);
	padding:24px var(--ar-pad) 28px;
}
.ar-toc__title{
	font-size:15px;font-weight:700;letter-spacing:.12em;
	color:var(--yj-orange);margin-bottom:14px;
}
.ar-toc__list{list-style:none;padding:0;counter-reset:toc}
.ar-toc__list li{position:relative;padding-left:34px}
.ar-toc__list li + li{margin-top:10px}
.ar-toc__list li::before{
	counter-increment:toc;content:counter(toc);
	position:absolute;left:0;top:2px;
	width:22px;height:22px;border-radius:50%;
	background-color:var(--yj-orange);color:var(--yj-white);
	display:grid;place-items:center;
	font-size:12px;font-weight:800;line-height:1;
}
.ar-toc__list a{font-size:16px;font-weight:500;text-decoration:none;border-bottom:1px solid transparent}
.ar-toc__list a:hover{border-bottom-color:var(--yj-yellow)}

/* ── 本文主體 ─────────────────────────────────────────────────── */
.ar-body{padding:0 0 8px}

/* 圖片 */
.ar-fig{margin:36px 0}
.ar-fig img{width:100%;border-radius:var(--ar-radius)}
.yj-article .ar-fig figcaption{
	margin-top:12px;font-size:14px;line-height:1.75;
	/* --yj-mute 在白底只有 2.0:1，改用調淡的內文灰，仍是次要層級但讀得到 */
	color:color-mix(in srgb, var(--yj-gray) 82%, var(--yj-white));text-align:center;
}

/* 對照表 */
.ar-tabletitle{
	margin:26px 0 12px;
	font-size:15px;font-weight:700;letter-spacing:.06em;line-height:1.7;
	color:var(--yj-orange);
}
/* 圓角與外框放在捲動容器上；overflow-x:auto 讓 table 的 min-width 不會撐爆 grid 欄 */
.ar-tablewrap{
	margin:0 0 8px;
	max-width:100%;
	overflow-x:auto;-webkit-overflow-scrolling:touch;
	border-radius:var(--ar-radius);
	box-shadow:0 0 0 1px color-mix(in srgb, var(--yj-orange) 22%, transparent);
}
.ar-table{
	width:100%;min-width:600px;border-collapse:separate;border-spacing:0;
}
/* caption 留在 table 內供輔助科技與爬蟲讀取，視覺上由 .ar-tabletitle 呈現 */
.yj-article .ar-table caption{
	position:absolute;width:1px;height:1px;overflow:hidden;
	clip-path:inset(50%);white-space:nowrap;
}
.ar-table th,
.ar-table td{padding:13px 16px;font-size:15px;line-height:1.75;text-align:left;vertical-align:top}
.ar-table thead th{
	background-color:var(--yj-orange);color:var(--yj-white);
	font-weight:700;letter-spacing:.06em;white-space:nowrap;
}
.ar-table tbody tr:nth-child(odd) td{background-color:var(--yj-cream)}
.ar-table tbody tr:nth-child(even) td{background-color:var(--yj-white)}
.ar-table tbody th{
	background-color:color-mix(in srgb, var(--yj-yellow) 30%, var(--yj-white));
	color:var(--yj-red);font-weight:700;white-space:nowrap;
}
.ar-table td strong{color:var(--yj-red);font-weight:700}
.ar-tablenote{margin-top:12px;font-size:14px;line-height:1.8;color:color-mix(in srgb, var(--yj-gray) 82%, var(--yj-white))}

/* 品牌事實提示 */
.ar-note{
	margin:30px 0;
	background-color:color-mix(in srgb, var(--yj-yellow) 18%, var(--yj-white));
	border-radius:var(--ar-radius);padding:22px var(--ar-pad);
}
/* B2｜.yj-article .ar-note p 是 0-2-1，標籤必須 0-3-0 才蓋得過 */
.yj-article .ar-note .ar-note__label{
	display:inline-block;margin-bottom:10px;padding:4px 12px;border-radius:999px;
	background-color:var(--yj-red);color:var(--yj-white);
	font-size:12px;font-weight:700;letter-spacing:.12em;line-height:1.4;
}
.yj-article .ar-note p{font-size:16px;line-height:1.85;color:var(--yj-gray)}

/* v3 新增｜算式框（03 的 ABV 熱量公式）
   刻意用「淺底深字」，不引入任何新的深底白字組合，零對比風險。 */
.ar-formula{
	margin:24px 0 8px;
	background-color:var(--yj-cream);
	border-left:6px solid var(--yj-orange);
	border-radius:0 var(--ar-radius) var(--ar-radius) 0;
	padding:22px var(--ar-pad) 24px;
}
.yj-article .ar-formula .ar-formula__label{
	display:inline-block;margin-bottom:10px;padding:4px 12px;border-radius:999px;
	background-color:var(--yj-orange);color:var(--yj-white);
	font-size:12px;font-weight:700;letter-spacing:.12em;line-height:1.4;
}
.yj-article .ar-formula .ar-formula__body{
	font-size:17px;font-weight:700;line-height:2;letter-spacing:.02em;
	color:var(--yj-red);overflow-wrap:anywhere;
}
.yj-article .ar-formula .ar-formula__note{font-size:15px;line-height:1.85;color:var(--yj-gray)}

/* 誤區 / 正解 兩張對照卡（內容欄最窄 639px，兩欄各約 310px 仍可讀） */
.ar-compare{
	margin:32px 0 8px;
	display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;
	list-style:none;padding:0;
}
.ar-compare__item{
	background-color:var(--yj-cream);border-radius:var(--ar-radius);padding:24px 26px 26px;
	border-top:5px solid var(--yj-orange);
}
.ar-compare__item--wrong{border-top-color:var(--yj-red)}
/* B1｜橘底白字 */
.yj-article .ar-compare__tag{
	display:inline-flex;align-items:center;gap:8px;
	margin-bottom:12px;padding:4px 13px;border-radius:999px;
	background-color:var(--yj-orange);color:var(--yj-white);
	font-size:12px;font-weight:700;letter-spacing:.1em;line-height:1.5;
}
/* 同為 0-2-0，靠 source order 後蓋前 */
.yj-article .ar-compare__item--wrong .ar-compare__tag{background-color:var(--yj-red)}
.yj-article .ar-compare__title{
	font-size:18px;font-weight:700;line-height:1.6;letter-spacing:.03em;
	color:var(--yj-red);margin-bottom:10px;
}
.yj-article .ar-compare__desc{font-size:16px;line-height:1.85}

/* 場景卡：標籤在左、說明在右的橫向列，任何欄寬都好讀 */
.ar-scenes{
	margin:28px 0 8px;
	display:grid;grid-template-columns:minmax(0,1fr);gap:16px;
	list-style:none;padding:0;
}
.ar-scene{
	background-color:var(--yj-cream);border-radius:var(--ar-radius);
	padding:22px 26px 24px;
	/* v4：第一欄改為 fit-content 上限 190px。日文標籤普遍比中文長，
	   原本固定 150px ＋ label 的 nowrap 會讓標籤溢出蓋住右欄的說明文字。 */
	display:grid;grid-template-columns:fit-content(190px) minmax(0,1fr);
	gap:8px 22px;align-items:start;
}
/* B1｜橘底白字 */
.yj-article .ar-scene__label{
	grid-column:1;justify-self:start;
	padding:5px 14px;border-radius:999px;
	background-color:var(--yj-orange);color:var(--yj-white);
	font-size:13px;font-weight:700;letter-spacing:.08em;line-height:1.5;
	/* v4：桌機版原為 nowrap，長標籤（尤其日文）會撐破欄位並與說明文字重疊。
	   改為可換行，膠囊會自己長高，不再溢出。 */
	white-space:normal;
	overflow-wrap:anywhere;
	max-width:100%;
}
.yj-article .ar-scene__desc{grid-column:2;font-size:16px;line-height:1.85}

/* 湧金酒款小卡：固定 2 欄，四張酒款剛好 2×2 */
.ar-picks{
	margin:28px 0 8px;
	display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;
	list-style:none;padding:0;
}
/* v3 新增｜只放 3 張卡時，第 3 張跨滿兩欄，不留右下空洞 */
.ar-picks--tri .ar-pick:nth-child(3){grid-column:1 / -1}
.ar-pick{
	position:relative;
	background-color:var(--yj-white);border-radius:var(--ar-radius);padding:24px 22px 22px;
	box-shadow:0 0 0 1px color-mix(in srgb, var(--yj-orange) 25%, transparent);
	display:flex;flex-direction:column;gap:10px;
}
.ar-pick--seasonal{background-color:var(--yj-cream);box-shadow:0 0 0 2px var(--yj-yellow)}
/* B1｜深紅底白字 */
.yj-article .ar-pick__badge{
	position:absolute;top:-11px;right:16px;
	padding:4px 12px;border-radius:999px;
	background-color:var(--yj-red);color:var(--yj-white);
	font-size:11px;font-weight:800;letter-spacing:.1em;line-height:1.5;
}
.yj-article .ar-pick__name{
	font-size:18px;font-weight:700;line-height:1.5;letter-spacing:.03em;color:var(--yj-red);
}
.yj-article .ar-pick__en{font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--yj-orange)}
/* C2｜黃底必須維持深色字。黃底白字對比僅 1.3，深灰字 8.39。 */
.yj-article .ar-pick__abv{
	align-self:flex-start;padding:3px 11px;border-radius:999px;
	background-color:var(--yj-yellow);color:var(--yj-gray);
	font-size:12px;font-weight:800;letter-spacing:.06em;line-height:1.5;
}
.yj-article .ar-pick__desc{font-size:15px;line-height:1.8}

/* 本文重點 */
.ar-keypoints{
	margin:52px 0 0;
	background-color:var(--yj-cream);border-radius:var(--ar-radius);
	padding:28px var(--ar-pad) 32px;
}
.ar-keypoints__title{
	font-size:18px;font-weight:700;letter-spacing:.08em;
	color:var(--yj-orange);margin-bottom:16px;
}
.ar-keypoints__list{list-style:none;padding:0}
.ar-keypoints__list li{position:relative;padding-left:26px;font-size:16px;line-height:1.9;color:var(--yj-gray)}
.ar-keypoints__list li + li{margin-top:10px}
.ar-keypoints__list li::before{
	content:'';position:absolute;left:0;top:.72em;
	width:9px;height:9px;border-radius:50%;
	background-color:var(--yj-yellow);
	box-shadow:0 0 0 2px var(--yj-orange);
}

/* ── FAQ：內容欄內的米色圓角卡，波浪＝卡片上緣的白色缺口 ───────── */
.ar-faq{
	position:relative;
	margin-top:80px;
	background-color:var(--yj-cream);
	border-radius:var(--ar-radius);
	padding:64px var(--ar-pad) 48px;
	overflow:clip;
}
.ar-faq::before{
	content:'';position:absolute;left:0;right:0;top:0;height:54px;
	background-color:var(--ar-surface);
	-webkit-mask:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 120' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L1920,0 L1920,80 C1240,10 500,4 0,54 Z' fill='%23000'/%3E%3C/svg%3E") no-repeat 50% 0 / 100% 100%;
	        mask:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 120' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L1920,0 L1920,80 C1240,10 500,4 0,54 Z' fill='%23000'/%3E%3C/svg%3E") no-repeat 50% 0 / 100% 100%;
	pointer-events:none;
}
.ar-faq .ar-h2{margin-top:0}
.ar-faq__list{counter-reset:faq;margin-top:8px}
.ar-faq__item{
	background-color:var(--yj-white);border-radius:16px;
	padding:24px 26px 26px;
}
.ar-faq__item + .ar-faq__item{margin-top:16px}
.yj-article .ar-faq__q{
	position:relative;margin:0 0 12px;padding-left:46px;
	font-size:18px;font-weight:700;line-height:1.65;letter-spacing:.02em;
	color:var(--yj-red);scroll-margin-top:130px;
}
.ar-faq__q::before{
	counter-increment:faq;content:'Q' counter(faq);
	position:absolute;left:0;top:1px;
	min-width:34px;padding:3px 6px;border-radius:8px;
	background-color:var(--yj-orange);color:var(--yj-white);
	font-size:12px;font-weight:800;letter-spacing:.04em;line-height:1.6;text-align:center;
}
.yj-article .ar-faq__a{position:relative;padding-left:46px;font-size:16px;line-height:1.9}
/* C2｜黃底 → 深紅字 */
.ar-faq__a::before{
	content:'A';position:absolute;left:0;top:1px;
	min-width:34px;padding:3px 6px;border-radius:8px;
	background-color:var(--yj-yellow);color:var(--yj-red);
	font-size:12px;font-weight:800;line-height:1.6;text-align:center;
}

/* ── 品牌 CTA ─────────────────────────────────────────────────── */
.ar-cta{
	margin-top:36px;
	background-color:color-mix(in srgb, var(--yj-yellow) 15%, var(--yj-white));
	border-radius:var(--ar-radius);
	padding:48px var(--ar-pad) 52px;
	text-align:center;
}
.ar-cta .ar-h2{display:inline-block;margin:0 0 18px;text-align:left}
.yj-article .ar-cta__lead{
	max-width:640px;margin:0 auto 30px;
	/* 淡黃底上用深紅（≈4.6:1）而非橘（≈3.4:1） */
	font-size:17px;font-weight:500;line-height:1.95;color:var(--yj-red);
}
.ar-cta__actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

/* ── 關於作者 ─────────────────────────────────────────────────── */
.ar-author{padding:64px 0 0}
.ar-author .ar-h2{margin-top:0}
.ar-author__card{
	background-color:var(--yj-cream);border-radius:var(--ar-radius);
	padding:30px var(--ar-pad) 32px;border-top:5px solid var(--yj-orange);
}
.yj-article .ar-author__org{
	font-size:20px;font-weight:700;line-height:1.6;letter-spacing:.03em;
	color:var(--yj-red);margin-bottom:10px;
}
/* B1｜橘底白字 */
.yj-article .ar-author__tag{
	display:inline-block;margin-bottom:18px;padding:5px 14px;border-radius:999px;
	background-color:var(--yj-orange);color:var(--yj-white);
	font-size:13px;font-weight:700;letter-spacing:.08em;line-height:1.5;
}
.yj-article .ar-author__bio{font-size:16px;line-height:1.95;margin-bottom:24px}
.ar-author__facts{border-top:1px solid var(--yj-yellow);padding-top:6px}
.ar-author__row{
	display:flex;gap:20px;align-items:baseline;
	padding:12px 0;
}
.ar-author__row + .ar-author__row{border-top:1px solid var(--yj-yellow)}
.yj-article .ar-author__key{
	flex:0 0 92px;font-size:14px;font-weight:700;letter-spacing:.08em;color:var(--yj-orange);
}
.yj-article .ar-author__val{font-size:16px;line-height:1.8;color:var(--yj-gray);margin:0}

/* ==========================================================================
   RWD — 平板（≤999.98px）｜Blocksy 已把側欄隱藏，內容欄 = 容器 90vw
   ========================================================================== */
@media (max-width:999.98px){
	.yj-article p{font-size:16px;line-height:1.9}
	.ar-h2{font-size:26px;margin:64px 0 20px;padding-top:22px}
	.ar-h2::before{width:44px;height:4px}
	.ar-h3{font-size:19px;margin:40px 0 14px}
	.yj-article .ar-lead__text{font-size:17px}
	.ar-faq{margin-top:68px;padding:56px var(--ar-pad) 40px}
	.ar-faq::before{height:44px}
	.ar-cta{padding:40px var(--ar-pad) 44px}
	.ar-author{padding-top:56px}
}

/* ==========================================================================
   RWD — 手機（≤689.98px）
   ========================================================================== */
@media (max-width:689.98px){
	.yj-article{--ar-radius:16px}
	.yj-article p{font-size:16px;line-height:1.85}
	.ar-h2{font-size:22px;margin:52px 0 18px;padding-top:20px}
	.ar-h3{font-size:18px;margin:32px 0 12px}
	.ar-lead{border-left-width:5px}
	.yj-article .ar-lead__text{font-size:16px}
	/* v3 修正①：原本寫 .ar-lead__label（0-1-0），打不過 base 的 0-2-0 */
	.yj-article .ar-lead__label{font-size:12px}
	.ar-toc{margin-top:32px}
	.ar-toc__list a{font-size:15px}
	.ar-fig{margin:28px 0}
	.ar-tabletitle{font-size:14px;margin-top:22px}
	.ar-table{min-width:560px}
	.ar-table th,.ar-table td{padding:12px 14px;font-size:14px}
	.ar-formula{border-left-width:5px;padding:20px var(--ar-pad) 22px}
	.yj-article .ar-formula .ar-formula__body{font-size:16px;line-height:1.95}
	.ar-compare{grid-template-columns:minmax(0,1fr);gap:16px}
	.ar-compare__item{padding:22px 20px 24px}
	/* 手機：場景卡回到上下堆疊 */
	.ar-scene{grid-template-columns:minmax(0,1fr);gap:10px;padding:20px 20px 22px}
	/* v3 修正②：原本寫 .ar-scene__label（0-1-0），white-space:normal 打不過 base 的 nowrap */
	.yj-article .ar-scene__label{grid-column:1;white-space:normal}
	.yj-article .ar-scene__desc{grid-column:1}
	.ar-picks{grid-template-columns:minmax(0,1fr);gap:16px}
	.ar-picks--tri .ar-pick:nth-child(3){grid-column:auto}
	.ar-pick{padding:22px 20px 20px}
	.ar-keypoints{margin-top:40px}
	.ar-keypoints__list li{font-size:15px;padding-left:22px}
	.ar-faq{margin-top:52px;padding:44px var(--ar-pad) 32px}
	.ar-faq::before{height:32px}
	.ar-faq__item{padding:20px 18px 22px}
	.yj-article .ar-faq__q{font-size:17px;padding-left:0}
	.ar-faq__q::before{position:static;display:inline-block;margin-right:8px;vertical-align:2px}
	.yj-article .ar-faq__a{padding-left:0}
	.ar-faq__a::before{position:static;display:inline-block;margin-right:8px;vertical-align:2px}
	.ar-cta{margin-top:28px;padding:34px var(--ar-pad) 36px}
	.ar-cta__actions{flex-direction:column;align-items:center}
	.ar-author{padding-top:44px}
	.ar-author__row{flex-direction:column;gap:4px}
	.yj-article .ar-author__key{flex:none}
}

/* 減少動態偏好 */
@media (prefers-reduced-motion:reduce){
	.yj-article *{transition-duration:.01ms !important}
}

/* ──────────────────────────────────────────────────────────────
   D 段｜區塊垂直節奏（第 1 篇漏掉造成卡片緊貼段落，必留）
   ────────────────────────────────────────────────────────────── */
.yj-article .ar-col{margin-block-end:34px}
.yj-article .ar-col--wide{margin-block-end:40px}
.yj-article .ar-lead{margin-block-end:40px}
.yj-article .ar-fig{margin-block-end:40px}
.yj-article .ar-author{margin-block-start:40px}
/* 連續兩個內容欄之間不要疊加過大的間距 */
.yj-article .ar-col + .ar-col{margin-block-start:0}

@media (max-width:689.98px){
	.yj-article .ar-col{margin-block-end:26px}
	.yj-article .ar-col--wide{margin-block-end:30px}
	.yj-article .ar-lead{margin-block-end:30px}
	.yj-article .ar-fig{margin-block-end:30px}
	.yj-article .ar-author{margin-block-start:30px}
}