/* Sister Sites extends the shared PocketWin layout. */
.sister-content { color: #fff; padding-bottom: 32px; overflow-wrap: anywhere; }
.sister-content h1 { font-size: clamp(28px, 4vw, 42px); margin: 0 0 24px; }
.sister-content h2 { margin-top: 44px; scroll-margin-top: 110px; }
.sister-content h3 { margin-top: 28px; }
.sister-content p, .sister-content li { line-height: 1.75; }
.sister-content li { margin-bottom: 16px; }
.sister-table-wrap { overflow-x: auto; margin: 24px 0 36px; border: 1px solid #666; border-radius: 12px; }
.sister-content table { width: 100%; border-collapse: collapse; min-width: 720px; font-size: 15px; }
.sister-content th { background: #ba294e; text-align: left; font-weight: 700; }
.sister-content th, .sister-content td { padding: 18px 16px; border-bottom: 1px solid #666; vertical-align: middle; }
.sister-content td { background: #292929; }
.sister-content tr:nth-child(even) td { background: #383838; }
.sister-content tr:last-child td { border-bottom: 0; }
.sister-content td p, .sister-content th p { margin: 0; }
.sister-listing td:first-child { font-weight: 700; text-align: center; width: 64px; }
.sister-listing .sister-brand { width: 220px; text-align: center; }
.sister-brand img { display: block; width: 144px; height: 72px; object-fit: contain; margin: 0 auto 10px; }
.sister-brand span { display: block; font-weight: 600; }
.sister-play { display: inline-block; padding: 12px 26px; border-radius: 6px; background: #ba294e; color: #fff; font-weight: 700; text-decoration: none; }
.sister-play:hover { background: #d3325c; color: #fff; }
.sister-play:focus-visible, .sister-table-wrap:focus-visible { outline: 3px solid #ffdf80; outline-offset: 4px; }
@media (max-width: 575px) {
  .sister-content th, .sister-content td { padding: 14px 12px; }
  .sister-content h2 { font-size: 25px; }
}