/* pn-legal-footer-20260817.css — the "Legal & AI notice" topbar-overflow link.
   ===========================================================================================
   CEO, 2026-08-17: sitewide AI-content + fictional-characters disclaimer. The /play shell had
   no legal surface at all before this change — the CTA lives in the existing topbar overflow
   menu (#tbOverflow), as an <a> alongside the existing <button data-tbproxy> items.

   `.tb-overflow button` is already fully styled in style-01.css (~line 1884). This sheet does
   nothing but extend the identical rules to `.tb-overflow a`, since an anchor needs
   text-decoration:none and box-sizing that a bare button doesn't. No new visual language, no
   new tokens — same slab, same hover, same focus ring, just also selecting the <a>.

   Loaded after style-01.css (source order) so these declarations are additive, not overriding;
   kept a normal-specificity sheet (no !important) so it doesn't fight the law sheet that must
   stay last. Dark-on-orange vs white-on-orange is not a concern here — this item lives on the
   overflow panel's existing ink-on-glass surface, not the orange accent surface. */

.tb-overflow a.tb-of-legal{
  display:flex;align-items:center;gap:12px;width:100%;padding:11px 13px;
  background:transparent;border:0;border-radius:9px;cursor:pointer;text-align:left;
  text-decoration:none;box-sizing:border-box;
  font-family:var(--mono);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;
  color:#eaf1fb;
}
.tb-overflow a.tb-of-legal svg{width:18px;height:18px;flex:none;color:currentColor;stroke:currentColor;opacity:.85}
.tb-overflow a.tb-of-legal:hover,
.tb-overflow a.tb-of-legal:focus-visible{background:rgba(255,255,255,.09);outline:none}

/* light / inverted panel (mirrors the button rule at style-01.css ~line 1899) */
body.mvc-light .tb-overflow a.tb-of-legal{color:#161d29}