/* Info-Seite */
.info-grid { display: grid; grid-template-columns: minmax(0, 1fr) 18rem; gap: var(--s7); align-items: start; }
.info-main { max-width: 42em; }
.info-main .section-title { margin-top: var(--s6); }
.info-main .section-title:first-child { margin-top: 0; }
.info-note { background: var(--ball-soft); border-left: 4px solid var(--ball); padding: var(--s3) var(--s4); font-size: 1rem; }
.info-side { display: grid; gap: var(--s6); position: sticky; top: var(--s5); }
.info-box p { margin: 0 0 var(--s2); }
.info-role { font: 600 1rem/1.2 var(--f-ui); color: var(--muted); letter-spacing: .02em; }
.info-links { list-style: none; margin: 0; padding: 0; }
.info-links li { border-bottom: 1px solid var(--line); }
.info-links a { display: block; padding: var(--s2) 0; font: 700 1.1rem/1.3 var(--f-ui); letter-spacing: .02em; text-decoration: none; }
.info-links a::after { content: " \2197"; color: var(--muted); font-weight: 500; }
.info-links a:hover { color: var(--ink); background: var(--ball-soft); }
@media (max-width: 60rem) {
  .info-grid { grid-template-columns: 1fr; gap: var(--s6); }
  .info-side { position: static; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); }
}