/* The pcdev "studio" look (Oct 2026) for pages people read or work in: legal pages, the
   command reference and the dashboards. A re-skin only, linked last so the cascade ends here:
   studio tokens, the studio nav (mono links, outline pill), pill buttons, mono footer and a
   still, cool-white light at the top of the page. It never hides or moves a control, and
   nothing here is pinned or scroll-driven.
   The same file ships in astro-panel and pcdev-panel; keep the copies identical. */
:root{
  --ink-2:#a1a1a6;--ink-3:#8b8b91;--muted:#a1a1a6;
  --rule:rgba(237,237,239,.14);--rule-2:rgba(237,237,239,.07);--rule-3:rgba(237,237,239,.04);
  --st-ease:cubic-bezier(.2,.9,.25,1)
}

/* ---------------------------------------------------------------- light: a spotlight from above and a faint pool,
   painted behind everything on the root so cards and panels keep their own surfaces */
html{background:#0b0b0c}
body{background:transparent!important}
html::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    conic-gradient(from 180deg at 50% -8%,transparent 0deg 162deg,rgba(214,226,255,.045) 172deg,rgba(226,234,255,.075) 180deg,rgba(214,226,255,.045) 188deg,transparent 198deg 360deg),
    radial-gradient(60% 34% at 50% 0%,rgba(220,230,255,.06),transparent 70%)}
@media (prefers-contrast:more){html::before{display:none}}

/* ---------------------------------------------------------------- nav bar (read pages and CashFlow's bar) */
.w-nav{background:rgba(11,11,12,.72)}
.w-nav .brand{font-weight:700;font-size:15px;letter-spacing:-.01em}
.w-nav .nav-links{gap:28px}
.w-nav .nav-links a{position:relative;font:500 12px/1 var(--mono,"IBM Plex Mono",ui-monospace,monospace)!important;letter-spacing:.02em;color:var(--ink-2)}
.w-nav .nav-links a:not(.nav-cta):not(.navcta):not(.navghost)::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:currentColor;
  transform:scaleX(0);transform-origin:right;transition:transform .45s var(--st-ease)}
.w-nav .nav-links a:not(.nav-cta):not(.navcta):not(.navghost):hover::after,
.w-nav .nav-links a[aria-current]:not(.nav-cta):not(.navcta):not(.navghost)::after{transform:scaleX(1);transform-origin:left}
.w-nav .nav-links a[aria-current]:not(.nav-cta){text-decoration:none!important;color:var(--ink)}
.w-nav .nav-links .nav-cta{background:transparent!important;color:var(--ink)!important;border:1px solid currentColor;border-radius:999px!important;padding:9px 16px!important;margin-left:4px}
.w-nav .nav-links .nav-cta:hover{background:#fff!important;color:#000!important;border-color:#fff}
.pcd-burger{border-radius:999px!important;border-color:rgba(237,237,239,.32)!important}
@media (max-width:820px){
  .w-nav .pcd-menu a{font-size:14px!important}
  .w-nav .pcd-menu a::after{display:none}
  .w-nav .pcd-menu .nav-cta{background:var(--ink)!important;color:var(--bg,#0b0b0c)!important;border-color:var(--ink)}
}

/* ---------------------------------------------------------------- buttons: pills with mono labels */
.w-btn,.btn,.navcta,.navghost{border-radius:999px!important;font-family:var(--mono,"IBM Plex Mono",ui-monospace,monospace)!important;font-weight:500!important;letter-spacing:.01em!important}
.w-btn{min-height:44px;font-size:13px;padding:0 20px}
.w-btn.solid:hover,.btn.primary:hover,.navcta:hover{background:#fff!important}

/* ---------------------------------------------------------------- read pages: display headings at studio weight */
.doc h1,.ref h1{font-weight:900;letter-spacing:-.05em;line-height:.92}
.doc .updated,.ref .count{letter-spacing:.06em;text-transform:uppercase;font-size:11px}
.prose h2,.ref h2{font-weight:800;letter-spacing:-.04em}
.ref .band h3{font-weight:900;letter-spacing:-.05em;line-height:.92}
.ref .search input{border-radius:999px;padding-left:48px}
.ref .search input:focus{border-color:var(--ink)}
.toc a,.ref .jump a{font:500 12px/1.4 var(--mono,"IBM Plex Mono",ui-monospace,monospace);letter-spacing:.02em}

/* ---------------------------------------------------------------- footer: mono, hairline */
.w-foot .foot{font:500 12px/1.4 var(--mono,"IBM Plex Mono",ui-monospace,monospace);gap:12px 22px}
.w-foot .foot>span:first-child{color:var(--ink);font-family:var(--sans,"Schibsted Grotesk",sans-serif);font-weight:700;font-size:14px;letter-spacing:-.01em}

/* ---------------------------------------------------------------- Astro dashboard bar */
body>header .brand{font-weight:700;font-size:15px}
body>header{background:rgba(11,11,12,.72)!important}