/* Content pages: About, FAQ and Player Guide (and the legal contents nav in 03-11). Loaded after
   events.css. Tokens only; no inline style anywhere. */

/* ---------- ink top band ---------- */
.content-top{padding:var(--space-2xl) var(--space-lg) var(--space-xl);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md)}
.content-top>*{width:100%;max-width:1120px;margin-left:auto;margin-right:auto}
.content-top h1{
  font-family:var(--font-display);
  font-weight:400;
  font-size:var(--display-size);
  line-height:var(--display-line);
  letter-spacing:.01em;
  text-transform:uppercase;
}
.content-top .lede{max-width:68ch;font-size:var(--body-size);line-height:var(--body-line)}
@media (min-width:768px){
  .content-top{padding-top:var(--space-3xl);padding-bottom:var(--space-2xl)}
}

/* ---------- prose headings: Heading size, not Display ---------- */
.band-paper .prose h2{
  font-family:var(--font-body);
  font-weight:800;
  font-size:var(--heading-size);
  line-height:var(--heading-line);
  text-transform:none;
  letter-spacing:0;
  margin-top:var(--space-2xl);
  margin-bottom:var(--space-md);
}
.band-paper .prose>h2:first-child{margin-top:0}
.band-paper .prose ul{list-style:disc}
.band-paper .prose .callout{font-weight:800}

/* ---------- FAQ disclosure ---------- */
.prose details{border-bottom:1px solid var(--charcoal)}
.prose summary{
  position:relative;
  display:flex;
  align-items:center;
  min-height:48px;
  padding:var(--space-sm) 48px var(--space-sm) 0;
  font-weight:800;
  cursor:pointer;
  list-style:none;
}
.prose summary::-webkit-details-marker{display:none}
.prose summary::after{
  content:"";
  position:absolute;
  right:var(--space-md);
  top:50%;
  width:0;
  height:0;
  margin-top:-6px;
  border-style:solid;
  border-width:6px 0 6px 9px;
  border-color:transparent transparent transparent var(--ink);
  transition:transform .15s ease;
}
.prose details[open]>summary::after{transform:rotate(90deg)}
.prose summary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.faq-body{padding:var(--space-md) 0 var(--space-lg);max-width:68ch}
.faq-body p+p{margin-top:var(--space-md)}
@media (prefers-reduced-motion: reduce){
  .prose summary::after{transition:none}
  .prose details[open]>summary::after{transform:none;border-width:9px 6px 0 6px;border-color:var(--ink) transparent transparent transparent;margin-top:-4px}
}

/* ---------- closing row ---------- */
.closing-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--space-md) var(--space-lg);
  margin-top:var(--space-2xl);
  padding-top:var(--space-lg);
  border-top:1px solid var(--charcoal);
}
.closing-row p{font-weight:800}

/* ---------- legal pages (03-11): Terms and Privacy ---------- */
.legal .legal-updated{color:var(--charcoal);margin-bottom:var(--space-lg)}
.legal h3{font-weight:800;margin-top:var(--space-lg);margin-bottom:var(--space-sm)}
.legal-toc{margin-bottom:var(--space-xl)}
.legal-toc ul{list-style:none;padding:0}
.legal-toc a{display:flex;align-items:center;min-height:48px}
.legal-toc a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.legal h2[id]{scroll-margin-top:var(--space-lg)}