/* 橋川前市長の想いをつなぐ：トップの帯バナーと専用ページ */
.baton-banner { padding-block: 28px 0; }
.baton-banner a { display: flex; align-items: center; gap: 20px; background: #fff; border: 2px solid var(--green); border-radius: var(--radius); padding: 16px 28px 16px 16px; box-shadow: var(--shadow); transition: transform .2s, box-shadow .2s; }
.baton-banner a:hover { transform: translateY(-2px); box-shadow: var(--shadow-lift); }
.baton-banner img { flex-shrink: 0; width: 84px; height: 84px; object-fit: cover; object-position: 50% 12%; border-radius: 12px; }
.baton-banner-text { flex: 1; display: grid; gap: 2px; }
.baton-banner-text strong { font-size: 18px; font-weight: 800; }
.baton-banner-text span { font-size: 14px; color: var(--muted); }
.baton-banner-go { flex-shrink: 0; font-weight: 800; color: var(--green-dark); white-space: nowrap; }
.baton-photo { float: left; width: 320px; margin: 4px 36px 20px 0; }
.baton-photo img { width: 100%; height: auto; border-radius: 14px; box-shadow: var(--shadow); }
.baton-photo figcaption { margin-top: 8px; font-size: 13px; color: var(--muted); }
.baton-lead { font-size: 1.15em; font-weight: 700; }
.baton-page h2 { clear: none; }
.baton-page .back-link { clear: both; }
@media (max-width: 720px) {
  .baton-banner { padding-block: 20px 0; }
  .baton-banner a { flex-wrap: wrap; padding: 14px 16px; gap: 10px 14px; }
  .baton-banner img { width: 64px; height: 64px; }
  .baton-banner-text { flex-basis: calc(100% - 80px); }
  .baton-banner-text strong { font-size: 16px; }
  .baton-banner-go { width: 100%; text-align: right; }
  .baton-photo { float: none; width: min(100%, 360px); margin: 0 auto 20px; }
}
.baton-page.narrow { max-width: 920px; }