/* =========================================================================
   GDOCK 第1層b：共通部品（.post_content 内スコープ）
   SWELL のヘッダー/フッター/レイアウトには一切触らない。
   ========================================================================= */

.post_content .eyebrow{
  font-size:12px;letter-spacing:.28em;text-transform:uppercase;
  color:var(--accent);font-weight:700;display:inline-block;margin-bottom:14px;
}
.post_content .eyebrow.light{color:var(--accent-on-dark)}
.post_content .arrow{transition:.25s}
.post_content .btn-line{
  display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;
  color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:4px;transition:.25s;
}
.post_content .btn-line:hover{gap:16px;color:var(--accent);border-color:var(--accent)}
.post_content .btn-fill{
  display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:14px;
  background:var(--grad);color:#fff;border-radius:var(--r-chip);padding:14px 26px;transition:.25s;
  box-shadow:0 6px 18px rgba(255,90,31,.28);
}
.post_content .btn-fill:hover{gap:16px}
.post_content .btn-ghost{
  display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;
  padding:14px 26px;border:1px solid rgba(255,255,255,.6);color:#fff;border-radius:var(--r-chip);transition:.25s;
}
.post_content .btn-ghost:hover{background:#fff;color:var(--ink);border-color:#fff}
.post_content section.block{padding:clamp(64px,9vw,120px) 0}
.post_content .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:44px}

/* モックの .wrap は SWELL 側で幅が決まるため無効化（保険） */
.post_content .wrap{max-width:none;padding-left:0;padding-right:0}