/* みっけ 共有ボタン（テーマのトークン --ink / --paper などを使う。無くても既定色で出る） */
.mk-share { max-width: 560px; margin: 28px auto 0; text-align: center; }
.mk-share__title { font-weight: 700; font-size: 1.1em; margin: 0 0 4px; }
.mk-share__lead { font-size: .9em; color: var(--ink-3, #8a6a52); margin: 0 0 12px; }
.mk-share__buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.mk-share__btn {
	display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 16px;
	border-radius: 999px; border: 2px solid var(--ink, #4a2a17); background: var(--paper, #fffdf4);
	color: var(--ink, #4a2a17); font: inherit; font-weight: 700; text-decoration: none; cursor: pointer;
	box-shadow: var(--sh-brown, 3px 4px 0 rgba(74, 42, 23, .18));
}
.mk-share__btn[hidden] { display: none; }
.mk-share__btn--line { background: #06c755; border-color: #06c755; color: #fff; }
.mk-share__btn--x { background: #000; border-color: #000; color: #fff; }
.mk-share__btn--facebook { background: #1877f2; border-color: #1877f2; color: #fff; }
.mk-share__btn:focus-visible { outline: 3px solid var(--yellow, #f2c94c); outline-offset: 2px; }
.mk-share__qr { margin-top: 14px; }
.mk-share__qr[hidden] { display: none; }
.mk-share__qr-img { width: 200px; height: 200px; margin: 0 auto; background: #fff; padding: 6px; border-radius: 8px; }
.mk-share__qr-img svg { width: 100%; height: 100%; display: block; }
.mk-share__qr-url { font-size: .8em; word-break: break-all; color: var(--ink-3, #8a6a52); }
.mk-share__status { min-height: 1.4em; font-size: .9em; color: var(--teal-dark, #149185); margin: 8px 0 0; }