@import url("tokens.css"); /* brand base for every page that loads brand.css (D-341) */
/* The Praxis circle logo beside the wordmark (D-326; owner 2026-10-06: "use the new Praxis logo on both the client and firm pages").
   One file for every page: v6 client page, firms page, legal pages, Perspectives. */
.top .brand{display:grid;grid-template-columns:auto auto;column-gap:8px;align-content:center;justify-content:start}
.top .brand-mark{grid-row:span 2;width:36px;height:36px;display:block;align-self:center}
@media (max-width:600px){.top .brand-mark{width:30px;height:30px}.top .brand{column-gap:8px}}

/* ---------- Site menu, every page (D-343). Wherever the section links hide (client page below 1121px,
   every other page below 981px) a Menu button opens them. Toggled by assets/site-menu.js.
   "body" keeps these ahead of the page sheets' own .nav rules, which load after this file. ---------- */
.menu-btn{display:none;align-items:center;gap:8px;font:500 11px var(--sans);letter-spacing:var(--px-site-tracking-control,.12em);text-transform:uppercase;color:var(--px-site-color-text-bright,#E2E8F5);background:var(--px-site-color-surface-glass,rgba(5,15,34,.66));border:1px solid var(--px-site-color-border-control,rgba(255,255,255,.26));border-radius:var(--px-site-radius-pill,999px);padding:8px 12px;cursor:pointer;backdrop-filter:blur(8px)}
.menu-ico{display:inline-flex;flex-direction:column;gap:4px}.menu-ico i{display:block;width:14px;height:1.5px;background:currentColor;transition:transform .3s}
.top.menu-open .menu-ico i:first-child{transform:translateY(2.75px) rotate(45deg)}.top.menu-open .menu-ico i:last-child{transform:translateY(-2.75px) rotate(-45deg)}
.nav-cta{display:none}
@media (max-width:1120px){.v6.flow-a .menu-btn{display:inline-flex}}
@media (max-width:980px){.menu-btn{display:inline-flex}}
body .top.menu-open .nav{display:flex;flex-direction:column;gap:0;position:absolute;top:calc(100% - 4px);right:var(--pad);min-width:230px;padding:8px 20px;background:rgba(5,15,34,.95);border:1px solid rgba(255,255,255,.14);border-radius:var(--px-site-radius-panel,18px);backdrop-filter:blur(14px);font-size:15px;white-space:normal}
body .top.menu-open .nav a{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07)}
body .top.menu-open .nav a:last-child{border-bottom:0}
body .top.menu-open .nav .nav-cta{display:block;color:var(--gold-l)}

/* ---------- Text link inside running text: one look everywhere (D-343) ---------- */
.qa-card a,.qa-more a,.prose a{color:var(--px-site-color-text-accent,#E4CB8E);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.qa-card a:hover,.qa-more a:hover,.prose a:hover{color:var(--px-color-white,#fff)}

/* ---------- Reduced motion: when the visitor's device asks for less motion, nothing animates (D-343) ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}