/* 加盟店案内。広告ではなく、記事を読む前に加盟店である事実と保存導線を示す。
   非加盟店・閉店（--non-member）はお祝いのトーンではないため、金色の上罫と
   金色の見出しラベルを中立なグレーに変え、「加盟店ではない」ことが
   祝福表現に見えないようにする。CTA自体（OG CARDを見る）は同じにして、
   OG CARD自体への導線は変えない。 */
.og-card-member-welcome .og-modal__panel {
  max-width: 540px;
  border-top: 3px solid var(--og-gold);
}
.og-card-member-welcome--non-member .og-modal__panel {
  border-top-color: var(--og-line-strong);
}
.og-card-member-welcome__eyebrow { margin: 0 0 8px; color: #8e702e; }
.og-card-member-welcome--non-member .og-card-member-welcome__eyebrow { color: var(--og-muted); }
.og-card-member-welcome__text { margin: 0; color: var(--og-ink-soft); font-size: 15px; line-height: 1.75; }
.og-card-member-welcome__text strong { color: var(--og-ink); }
.og-card-member-welcome__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 24px; }
.og-card-member-welcome__primary,
.og-card-member-welcome__secondary { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; height: 44px; padding: 0 18px; border-radius: 6px; font: inherit; font-size: 14px; font-weight: 700; line-height: 1.2; text-align: center; white-space: nowrap; cursor: pointer; text-decoration: none; }
.og-card-member-welcome__primary { border: 1px solid #333; background: #333; color: #fff; }
.og-card-member-welcome__primary:hover { background: #171717; color: #fff; }
.og-card-member-welcome__secondary { border: 1px solid #d7d3ca; background: #fff; color: #555; }
.og-card-member-welcome__secondary:hover { border-color: #777; color: #222; }
@media (max-width: 560px) { .og-card-member-welcome__actions { flex-direction: column; } .og-card-member-welcome__primary, .og-card-member-welcome__secondary { width: 100%; text-align: center; } }