/* 相互提携のページ（/partner/sentaro/）だけの見た目 */

.partner-hero { text-align: center; padding-top: 72px; }
.partner-hero .wrap { display: flex; flex-direction: column; align-items: center; }
.partner-hero h1 { margin-top: 16px; }
.partner-hero .nowrap { white-space: nowrap; }
.partner-hero .lead { margin-left: auto; margin-right: auto; }

/* SK と Sentaro さんのロゴを、つないで並べる */
.pair { display: flex; align-items: center; gap: 16px; }
.pair-logo {
  width: 76px; height: 76px; padding: 14px; border-radius: 24px;
  background: var(--surface); box-shadow: 0 18px 40px rgba(13, 16, 20, .14);
  animation: pair-float 6s ease-in-out infinite;
}
.pair-logo + .pair-logo { animation-delay: -3s; }
.pair-link { position: relative; width: 72px; height: 2px; background: linear-gradient(90deg, var(--accent), #e11d48); }
.pair-link::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; border-radius: 50%;
  transform: translate(-50%, -50%); background: var(--surface); box-shadow: inset 0 0 0 2px var(--accent);
}
@keyframes pair-float { 50% { transform: translateY(-6px); } }
@media (prefers-reduced-motion: reduce) { .pair-logo { animation: none; } }

.partner-badge {
  display: inline-flex; margin-top: 30px; padding: 6px 14px; border-radius: 999px;
  font-size: 12px; font-weight: 800; letter-spacing: .14em;
  color: var(--link); background: color-mix(in srgb, var(--accent) 12%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent);
}

/* 提携の相手の欄は、光る枠で目立たせる */
.partner-page .thanks {
  background: linear-gradient(135deg, var(--tint-blue), var(--surface) 55%, var(--tint-amber));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent), 0 24px 60px color-mix(in srgb, var(--accent) 16%, transparent);
}

/* 共通の約束は、左に色の線を付けて並べる */
.partner-page .credit-list .credit { border-left: 3px solid var(--accent); }

/* 同意内容の原本のハッシュは、長くても読みやすく */
.partner-page .hash { word-break: break-all; font-family: monospace; font-size: 12px; color: var(--muted); }