/* ============================================================
   KEY4GAMES — legal / prose / breadcrumb
   ============================================================ */
.legal-wrap{padding:22px 0 60px}

.crumbs{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;margin-bottom:22px;flex-wrap:wrap}
.crumbs a{color:var(--muted);transition:.2s}
.crumbs a:hover{color:var(--text)}
.crumbs b{color:var(--text);font-weight:600}
.crumbs svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.6}

.legal-layout{display:grid;grid-template-columns:250px 1fr;gap:40px;align-items:start}

.toc{position:sticky;top:calc(var(--header-h) + 16px)}
.toc .toc-h{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.toc summary{display:none}
.toc ul{list-style:none}
.toc li{margin:2px 0}
.toc a{display:block;padding:7px 12px;border-left:2px solid var(--line);color:var(--muted);font-size:13px;transition:.2s}
.toc a:hover{color:var(--text);border-left-color:var(--violet)}

.prose{max-width:820px}
.prose.prose-solo{margin:0 auto}
.prose > *{scroll-margin-top:calc(var(--header-h) + 24px)}
.prose .last-updated{color:var(--muted);font-size:13px;margin-top:10px}
.prose h2{font-family:'Space Grotesk','Inter',sans-serif;font-size:20px;font-weight:700;letter-spacing:.02em;margin:36px 0 12px;scroll-margin-top:calc(var(--header-h) + 24px)}
.prose h2 span{color:var(--violet);margin-right:8px}
.prose h3{font-size:16px;font-weight:700;margin:24px 0 10px}
.prose p{color:var(--muted);margin:0 0 14px;font-size:14.5px;line-height:1.7}
.prose ul,.prose ol{color:var(--muted);margin:0 0 14px 22px;font-size:14.5px;line-height:1.7}
.prose li{margin:6px 0}
.prose a{color:var(--violet);text-decoration:underline;text-underline-offset:2px}
.prose a:hover{color:var(--fuchsia)}
.prose strong{color:var(--text)}

/* FAQ accordion */
.faq-intro{color:var(--muted);font-size:15.5px;line-height:1.7;margin:0 0 22px;max-width:820px}
.faq-list{display:flex;flex-direction:column;gap:10px;max-width:820px}
.faq{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.2s}
.faq[open]{border-color:var(--line2)}
.faq summary{cursor:pointer;padding:15px 18px;font-weight:600;font-size:15px;color:var(--text);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--muted);font-size:20px;font-weight:400;line-height:1}
.faq[open] summary::after{content:"–"}
.faq[open] summary{border-bottom:1px solid var(--line)}
.fa-body{padding:14px 18px}
.fa-body p{color:var(--muted);font-size:14px;margin:0;line-height:1.7}

@media (max-width:1020px){
  .legal-layout{grid-template-columns:1fr;gap:8px}
  .toc{position:static}
  /* mobile: collapsible TOC instead of hidden (prototype hid it entirely) */
  .toc .toc-h{display:none}
  .toc summary{display:block;cursor:pointer;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-weight:600;font-size:14px;margin-bottom:12px;list-style:none}
  .toc summary::-webkit-details-marker{display:none}
  .toc summary::after{content:"＋";float:right;color:var(--muted)}
  .toc details[open] summary::after{content:"－"}
  .toc details[open]{margin-bottom:16px}
}