/* Landing surfaces; conversation UI retains its existing theme. */
body #main .examples{background:#000;color:#fff;}
body #main .examples .examples-head h2,body #main .examples .examples-head>p,body #main .examples .example-side p,body #main .examples .placeholder-space{color:#fff;}
body #main .role-tabs button{color:#c8d6da;border-color:#647078;}
body #main .role-tabs button[aria-selected=true]{color:#000;background:#fff;border-color:#fff;}
body #main .role-tabs button:is(:hover,:focus-visible){border-color:#fff;}
body #main .faq-section{background:#1a0033;color:#fff;}
body #main .faq details{border-color:#ffffff40;}
body #main .faq details p,body #main .faq details ul{color:#dbe3e6;}
body #main .faq a{color:#fff;}
body .site-header{position:sticky;top:0;}

/* Match the rich footer purple across the opening and closing views. */
body #main > .hero,body #main > .end{background:#1a0033;color:#fff;}

/* A crisp, restrained highlight gives the dark surface a polished edge. */
body #main > .end{border-top:1px solid rgba(255,255,255,.12);}

/* Keep the questions quiet and readable against the shared purple. */
body #main .faq-list summary{font-size:clamp(16px,1.3vw,18px);font-weight:500;letter-spacing:0;line-height:1.45;}