/* 記事の下の地図（ArticleMap）：記事の店舗と日程の会場の店舗を番号つきのピンで示す。記事の旧テーマのCSSはIDの強さで当たるので、部品はidで書く。 */
#article-map-section { margin-block: var(--tkl-space-8); padding: var(--tkl-space-4); border: 1px solid var(--tkl-border); border-radius: var(--tkl-radius); background: var(--tkl-surface-muted); overflow-wrap: anywhere; }
#article-map-section h2 { margin: 0 0 var(--tkl-space-4); padding: 0; border: 0; background: transparent; color: var(--tkl-ink); font-size: 20px; line-height: 1.5; }
#article-map-section .tkl-article-map__map { box-sizing: border-box; width: 100%; height: 280px; border: 1px solid var(--tkl-border); border-radius: var(--tkl-radius); background: var(--tkl-surface); overflow: hidden; }
@media (min-width: 768px) { #article-map-section .tkl-article-map__map { height: 360px; } }
#article-map-section .tkl-article-map__list { margin: var(--tkl-space-4) 0 0; padding: 0; list-style: none; counter-reset: none; }
#article-map-section .tkl-article-map__list > li { display: flex; gap: var(--tkl-space-3); margin: 0; padding: var(--tkl-space-3) 0; list-style: none; }
#article-map-section .tkl-article-map__list > li::marker, #article-map-section .tkl-article-map__list > li::before { content: none; }
#article-map-section .tkl-article-map__list > li + li { border-top: 1px solid var(--tkl-border); }
#article-map-section .tkl-article-map__number, #article-map-section .tkl-article-map__pin { display: inline-flex; flex: none; align-items: center; justify-content: center; box-sizing: border-box; width: 28px; height: 28px; border: 2px solid #fff; border-radius: 50%; background: var(--tkl-accent); color: #fff; font-size: 14px; font-weight: 700; line-height: 1; }
#article-map-section .tkl-article-map__pin { width: 32px; height: 32px; padding: 0; box-shadow: 0 1px 4px rgba(0, 0, 0, .35); cursor: pointer; }
#article-map-section .tkl-article-map__pin:focus-visible { outline: 3px solid var(--tkl-ink); outline-offset: 2px; }
#article-map-section .tkl-article-map__list p { margin: var(--tkl-space-1) 0 0; color: var(--tkl-ink); font-size: 14px; line-height: 1.7; }
#article-map-section .tkl-article-map__name { font-size: 16px; font-weight: 700; }
#article-map-section .tkl-article-map__links { display: flex; flex-wrap: wrap; gap: var(--tkl-space-1) var(--tkl-space-4); }
#article-map-section a { color: var(--tkl-accent); text-decoration: underline; text-underline-offset: 3px; }
#article-map-section a:focus-visible { outline: 2px solid var(--tkl-accent); outline-offset: 3px; }
#article-map-section .tkl-article-map__note { margin: var(--tkl-space-3) 0 0; color: var(--tkl-muted); font-size: 12px; line-height: 1.7; }
#article-map-section .maplibregl-popup-content { padding: var(--tkl-space-3); font-size: 14px; line-height: 1.6; }
#article-map-section .maplibregl-popup-content p { margin: var(--tkl-space-1) 0 0; font-size: 13px; }