* {
            box-sizing: border-box;
          }

          html,
          body {
            margin: 0;
            min-height: 100%;
          }

          body {
            background: #101010;
            color: #ffffff;
            font-family: Arial, Helvetica, sans-serif;
            line-height: 1.55;
          }

          .hero {
            border-bottom: 1px solid #303030;
            background: #181818;
          }

          .hero-inner,
          .page,
          .footer-inner {
            width: min(1180px, calc(100% - 32px));
            margin: 0 auto;
          }

          .hero-inner {
            min-height: 210px;

            display: flex;
            align-items: center;
            justify-content: center;

            padding: 20px 0;
          }

          .hero-placeholder {
            width: 100%;
            min-height: 170px;

            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

            gap: 8px;

            border: 1px dashed #444444;
            border-radius: 14px;

            background: #202020;

            color: #888888;

            text-align: center;
          }

          .hero-placeholder strong {
            color: #ffffff;
            font-size: 26px;
          }

          .hero-banner-image {
            display: block;
            width: 100%;
            height: auto;
            max-width: 100%;
            border-radius: 14px;
            background: #111111;
          }

          .page-title {
            margin-bottom: 30px;
          }

          .page-title h1 {
            margin: 0 0 8px;
            font-size: 36px;
          }

          .page-title p {
            margin: 0;
            color: #aaaaaa;
          }

          .page {
            padding: 32px 0 70px;
          }

          .category {
            margin-top: 38px;
            padding-bottom: 8px;
            border-bottom: 1px solid #303030;
          }

          .faq-intro .eyebrow { display:block; margin-bottom:8px; color:#58e9ff; font-size:12px; font-weight:800; letter-spacing:.14em; }
          .faq-jump-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:30px 0 46px; }
          .faq-jump-grid a { --tile:#32e6ff; min-height:132px; display:grid; grid-template-columns:82px minmax(0,1fr) 22px; gap:18px; align-items:center; padding:22px 24px; color:#fff; text-decoration:none; border:1px solid color-mix(in srgb,var(--tile) 55%,#283341); border-radius:16px; background:linear-gradient(145deg,color-mix(in srgb,var(--tile) 7%,#101824),#101722 72%); box-shadow:inset 0 0 28px color-mix(in srgb,var(--tile) 5%,transparent); transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease; }
          .faq-jump-grid a:nth-child(2){--tile:#a96cff}.faq-jump-grid a:nth-child(3){--tile:#ff4777}.faq-jump-grid a:nth-child(4){--tile:#20d9a5}.faq-jump-grid a:nth-child(5){--tile:#f3b51b}.faq-jump-grid a:nth-child(6){--tile:#24b8ff}
          .faq-jump-grid a:hover { transform:translateY(-3px); box-shadow:0 14px 36px #0007,inset 0 0 32px color-mix(in srgb,var(--tile) 8%,transparent); }
          .faq-icon { width:72px; height:72px; display:grid; place-items:center; border:2px solid var(--tile); border-radius:16px; color:var(--tile); background:#08111dcc; font-size:34px; line-height:1; box-shadow:inset 0 0 20px color-mix(in srgb,var(--tile) 9%,transparent); }
          .faq-card-copy { min-width:0; display:flex; flex-direction:column; gap:5px; }
          .faq-jump-grid strong { display:block; color:#f7f9fc; font-size:20px; line-height:1.2; }
          .faq-jump-grid small { display:block; color:#aebbd0; font-size:14px; line-height:1.35; }
          .faq-chevron { color:#e8f1ff; font-size:32px; font-weight:300; line-height:1; text-align:right; }
          .category { scroll-margin-top:20px; color:#f7f9fc; }
          details { transition:border-color .15s ease,background .15s ease; }
          details[open] { border-color:#32e6ff35; background:#181b22; }
          summary { position:relative; padding-right:52px; }
          summary::after { content:'+'; position:absolute; right:20px; top:15px; color:#58e9ff; font-size:22px; }
          details[open] summary::after { content:'−'; }
          .answer p:first-child { margin-top:0; }
          .example-table { display:grid; grid-template-columns:1.2fr 1.5fr 1fr .6fr; margin:16px 0; overflow:hidden; border:1px solid #38404c; border-radius:10px; }
          .example-table > div { padding:10px 12px; border-right:1px solid #303743; border-bottom:1px solid #303743; background:#11151c; }
          .example-table > div:nth-child(-n+4) { color:#58e9ff; font-weight:700; background:#1a202a; }
          .example-table > div:nth-child(4n) { border-right:0; }
          .example-table > div:nth-last-child(-n+4) { border-bottom:0; }
          @media (max-width:800px) { .faq-jump-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .example-table { font-size:12px; } }
          @media (max-width:520px) { .faq-jump-grid { grid-template-columns:1fr; gap:12px; } .faq-jump-grid a { min-height:104px; grid-template-columns:62px minmax(0,1fr) 18px; gap:14px; padding:16px; } .faq-icon { width:56px; height:56px; font-size:27px; border-radius:13px; } .faq-jump-grid strong { font-size:18px; } .example-table { grid-template-columns:1fr; } .example-table > div { border-right:0; } }

          details {
            margin-bottom: 12px;
            border: 1px solid #303030;
            border-radius: 12px;
            background: #181818;
            overflow: hidden;
          }

          summary {
            cursor: pointer;
            padding: 18px 20px;
            font-weight: bold;
          }

          .answer {
            padding: 0 20px 20px;
            color: #c6c6c6;
          }

          .answer strong {
            color: #ffffff;
          }

          .notice {
            margin-top: 14px;
            padding: 14px 16px;
            border: 1px solid #363636;
            border-radius: 9px;
            background: #222222;
          }

          footer {
            border-top: 1px solid #303030;
            background: #0b0b0b;
          }

          .footer-inner {
            padding: 28px 0;

            display: flex;
            gap: 20px;

            justify-content: space-between;
            align-items: center;

            flex-wrap: wrap;

            color: #888888;
            font-size: 14px;
          }

          .copyright {
            color: #888888;
            font-size: 14px;
          }

          .footer-links {
            display: flex;
            gap: 18px;

            flex-wrap: wrap;
            align-items: center;
          }

          .footer-links a {
            color: #bbbbbb;
            text-decoration: none;
            font-size: 14px;
          }

          .footer-links a:hover {
            color: #ffffff;
          }

          @media (max-width: 650px) {
            .hero-inner {
              min-height: 170px;
            }

            .hero-placeholder {
              min-height: 145px;
            }

            .footer-inner {
              flex-direction: column;
              align-items: stretch;
              text-align: center;
            }

            .footer-links {
              justify-content: center;
            }
          }
        
            .faq-public .creator-faq,.faq-public #getting-started,.faq-public #catalogue,.faq-public #profile,.faq-public #streaming,.faq-public #social,.faq-public #requests,.faq-public #performance,.faq-public #security,.faq-public #discord,.faq-public #agent,.faq-public #overlays,.faq-public #billing{display:none!important}