/* generated by tools/build_pages.py from the published legal pages - do not edit by hand */
.legal{--muted:#4a5a78;--text:#10244d;--orange:#e8830c;--orange-light:rgba(232,131,12,.12);--pink:#d6336c;--pink-light:rgba(214,51,108,.1)}

    .privacy-wrap {
      max-width: 900px;
      margin: 0 auto;
    }

    .privacy-meta {
      color: var(--muted);
      font-size: 0.95rem;
      margin-bottom: 2.8rem;
      line-height: 1.7;
    }
    .privacy-meta strong { color: var(--text); font-weight: 600; }

    .privacy-content h2 {
      font-family: var(--font-head, inherit);
      font-weight: 700;
      font-size: clamp(22px, 2.4vw, 28px);
      letter-spacing: -0.4px;
      color: var(--text);
      margin: 3rem 0 1rem;
    }

    .privacy-content h3 {
      font-family: var(--font-head, inherit);
      font-weight: 600;
      font-size: 1.12rem;
      color: var(--text);
      margin: 1.8rem 0 0.6rem;
    }

    .privacy-content p,
    .privacy-content li {
      color: var(--muted);
      font-family: inherit;
      font-weight: 400;
      font-size: 1rem;
      line-height: 1.75;
    }

    .privacy-content ul {
      padding-left: 1.4rem;
      margin: 0.6rem 0 1.2rem;
    }

    .privacy-content li {
      margin-bottom: 0.55rem;
    }

    .privacy-content a {
      color: var(--pink-light);
      text-decoration: none;
      border-bottom: 1px solid rgba(232, 25, 122, 0.4);
      transition: color 0.2s ease, border-color 0.2s ease;
    }
    .privacy-content a:hover {
      color: var(--orange-light);
      border-bottom-color: var(--orange);
    }

    .privacy-content strong { color: var(--text); font-weight: 600; }
    .privacy-content em     { font-style: italic; opacity: 0.85; }

    /* Boxed callout for the "this app is built for kids" summary — worth making
       visually distinct so both parents and app-store reviewers find it fast. */
    .privacy-callout {
      margin: 1.4rem 0;
      padding: 1.2rem 1.6rem;
      border-left: 3px solid var(--orange);
      background: rgba(244, 123, 32, 0.08);
      border-radius: 8px;
      color: var(--muted);
      font-size: 0.95rem;
      line-height: 1.7;
    }
    .privacy-callout strong { color: var(--text); }

    .privacy-disclaimer {
      margin-top: 4rem;
      padding: 1.5rem 1.8rem;
      border-left: 3px solid var(--pink);
      background: rgba(232, 25, 122, 0.07);
      border-radius: 8px;
      color: var(--muted);
      font-style: italic;
      font-size: 0.94rem;
      line-height: 1.65;
    }

    @media (max-width: 640px) {
      .privacy-content h2 { font-size: 1.3rem; margin: 2.4rem 0 0.8rem; }
      .privacy-content h3 { font-size: 1.05rem; }
      .privacy-content p,
      .privacy-content li { font-size: 0.97rem; }
      .privacy-callout    { padding: 1rem 1.2rem; }
      .privacy-disclaimer { padding: 1.2rem 1.4rem; }
    }
  

    .eula-wrap {
      max-width: 900px;
      margin: 0 auto;
    }

    .eula-meta {
      color: var(--muted);
      font-size: 0.95rem;
      margin-bottom: 2.8rem;
      line-height: 1.7;
    }
    .eula-meta strong { color: var(--text); font-weight: 600; }

    .eula-content h2 {
      font-family: var(--font-head, inherit);
      font-weight: 700;
      font-size: clamp(22px, 2.4vw, 28px);
      letter-spacing: -0.4px;
      color: var(--text);
      margin: 3rem 0 1rem;
    }

    .eula-content h3 {
      font-family: var(--font-head, inherit);
      font-weight: 600;
      font-size: 1.12rem;
      color: var(--text);
      margin: 1.8rem 0 0.6rem;
    }

    .eula-content p,
    .eula-content li {
      color: var(--muted);
      font-family: inherit;
      font-weight: 400;
      font-size: 1rem;
      line-height: 1.75;
    }

    .eula-content ul {
      padding-left: 1.4rem;
      margin: 0.6rem 0 1.2rem;
    }

    .eula-content li {
      margin-bottom: 0.55rem;
    }

    .eula-content a {
      color: var(--pink-light);
      text-decoration: none;
      border-bottom: 1px solid rgba(232, 25, 122, 0.4);
      transition: color 0.2s ease, border-color 0.2s ease;
    }
    .eula-content a:hover {
      color: var(--orange-light);
      border-bottom-color: var(--orange);
    }

    .eula-content strong { color: var(--text); font-weight: 600; }
    .eula-content em     { font-style: italic; opacity: 0.85; }

    .eula-content table {
      width: 100%;
      border-collapse: collapse;
      margin: 1rem 0 1.6rem;
      font-size: 0.95rem;
    }
    .eula-content th,
    .eula-content td {
      text-align: left;
      padding: 0.55rem 0.8rem;
      border-bottom: 1px solid rgba(255,255,255,0.08);
      color: var(--muted);
    }
    .eula-content th {
      color: var(--text);
      font-family: var(--font-head, inherit);
      font-weight: 600;
      font-size: 0.9rem;
    }

    /* Boxed callout for the Apple/Google subscription disclosure — Apple
       reviewers look for this language; making it visually distinct helps both
       the reviewer and the player find it. */
    .eula-callout {
      margin: 1.4rem 0;
      padding: 1.2rem 1.6rem;
      border-left: 3px solid var(--orange);
      background: rgba(244, 123, 32, 0.08);
      border-radius: 8px;
      color: var(--muted);
      font-size: 0.95rem;
      line-height: 1.7;
    }
    .eula-callout strong { color: var(--text); }

    .eula-disclaimer {
      margin-top: 4rem;
      padding: 1.5rem 1.8rem;
      border-left: 3px solid var(--pink);
      background: rgba(232, 25, 122, 0.07);
      border-radius: 8px;
      color: var(--muted);
      font-style: italic;
      font-size: 0.94rem;
      line-height: 1.65;
    }

    @media (max-width: 640px) {
      .eula-content h2 { font-size: 1.3rem; margin: 2.4rem 0 0.8rem; }
      .eula-content h3 { font-size: 1.05rem; }
      .eula-content p,
      .eula-content li { font-size: 0.97rem; }
      .eula-content table { font-size: 0.85rem; }
      .eula-callout    { padding: 1rem 1.2rem; }
      .eula-disclaimer { padding: 1.2rem 1.4rem; }
    }
  

    .privacy-wrap {
      max-width: 900px;
      margin: 0 auto;
    }

    .privacy-meta {
      color: var(--muted);
      font-size: 0.95rem;
      margin-bottom: 2.8rem;
      line-height: 1.7;
    }
    .privacy-meta strong { color: var(--text); font-weight: 600; }

    .privacy-content h2 {
      font-family: var(--font-head, inherit);
      font-weight: 700;
      font-size: clamp(22px, 2.4vw, 28px);
      letter-spacing: -0.4px;
      color: var(--text);
      margin: 3rem 0 1rem;
    }

    .privacy-content h3 {
      font-family: var(--font-head, inherit);
      font-weight: 600;
      font-size: 1.12rem;
      color: var(--text);
      margin: 1.8rem 0 0.6rem;
    }

    .privacy-content p,
    .privacy-content li {
      color: var(--muted);
      font-family: inherit;
      font-weight: 400;
      font-size: 1rem;
      line-height: 1.75;
    }

    .privacy-content ul,
    .privacy-content ol {
      padding-left: 1.4rem;
      margin: 0.6rem 0 1.2rem;
    }

    .privacy-content li {
      margin-bottom: 0.55rem;
    }

    .privacy-content a {
      color: var(--pink-light);
      text-decoration: none;
      border-bottom: 1px solid rgba(232, 25, 122, 0.4);
      transition: color 0.2s ease, border-color 0.2s ease;
    }
    .privacy-content a:hover {
      color: var(--orange-light);
      border-bottom-color: var(--orange);
    }

    .privacy-content strong { color: var(--text); font-weight: 600; }

    .privacy-callout {
      margin: 1.4rem 0;
      padding: 1.2rem 1.6rem;
      border-left: 3px solid var(--orange);
      background: rgba(244, 123, 32, 0.08);
      border-radius: 8px;
      color: var(--muted);
      font-size: 0.95rem;
      line-height: 1.7;
    }
    .privacy-callout strong { color: var(--text); }

    .privacy-disclaimer {
      margin-top: 4rem;
      padding: 1.5rem 1.8rem;
      border-left: 3px solid var(--pink);
      background: rgba(232, 25, 122, 0.07);
      border-radius: 8px;
      color: var(--muted);
      font-style: italic;
      font-size: 0.94rem;
      line-height: 1.65;
    }

    @media (max-width: 640px) {
      .privacy-content h2 { font-size: 1.3rem; margin: 2.4rem 0 0.8rem; }
      .privacy-content h3 { font-size: 1.05rem; }
      .privacy-content p,
      .privacy-content li { font-size: 0.97rem; }
      .privacy-callout    { padding: 1rem 1.2rem; }
      .privacy-disclaimer { padding: 1.2rem 1.4rem; }
    }
  
.legal .legal-card a, .legal .legal-card .privacy-content a, .legal .legal-card .eula-content a{color:#0a4fb3;text-decoration:underline;text-underline-offset:2px;border-bottom:0}
.legal .legal-card a:hover, .legal .legal-card .privacy-content a:hover, .legal .legal-card .eula-content a:hover{color:#06307a;background:transparent}
.legal .legal-card a:visited{color:#5a2a9a}