/* Model details reuse the catalog / About material, with one blur per surface. */
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] {
  --detail-divider: rgba(116, 124, 158, .13);
  --detail-inset: rgba(255, 255, 255, .18);
  --detail-active: rgba(255, 255, 255, .62);
  --detail-active-edge: rgba(135, 130, 224, .24);
}
.dark body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] {
  --detail-divider: rgba(201, 201, 255, .1);
  --detail-inset: rgba(201, 201, 255, .035);
  --detail-active: rgba(201, 201, 255, .12);
  --detail-active-edge: rgba(201, 201, 255, .25);
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] :is(
  section[class~="bg-card/60"],
  section:has(canvas),
  div.border[class~="bg-muted/20"],
  div.border.bg-background,
  div.border[class~="bg-border/60"],
  div.overflow-hidden.border:has(> [data-slot="table-container"]),
  [data-slot="tabs-list"]
) {
  background: var(--catalog-material);
  border: 1px solid var(--catalog-material-edge);
  box-shadow: var(--catalog-material-shadow);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
  border-radius: 20px;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] section:has(canvas) {
  padding: 16px;
}
/* Inset pricing tiles and table contents sit inside an existing glass surface. */
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] section[class~="bg-card/60"] div.border[class~="bg-muted/20"] {
  background: var(--detail-inset);
  border-color: var(--detail-divider);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
  border-radius: 14px;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] [data-slot="table-container"] {
  background: transparent;
  border: 0;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] :is([data-slot="table-row"], [data-slot="table-header"], [class~="bg-border/60"] > .bg-card) {
  background: transparent;
  border-color: var(--detail-divider);
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] [data-slot="table-row"]:hover {
  background: var(--detail-inset);
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] [class~="bg-border/60"] > .bg-card {
  box-shadow: 0 0 0 1px var(--detail-divider);
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] [data-slot="tabs-list"] {
  border-radius: 16px;
  padding: 5px;
  gap: 4px;
  height: auto;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] [data-slot="tabs-trigger"] {
  border: 1px solid transparent;
  border-radius: 11px;
  background: transparent;
  outline: none;
  box-shadow: none;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] [data-slot="tabs-trigger"][aria-selected="true"] {
  background: var(--detail-active);
  border-color: var(--detail-active-edge);
  color: var(--foreground);
  box-shadow: 0 2px 8px rgba(47,51,92,.06), inset 0 1px 0 rgba(255,255,255,.18);
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] [data-slot="tabs-trigger"]:focus-visible {
  outline: 2px solid rgba(115,105,230,.65);
  outline-offset: 2px;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] [class~="group/code-block"] :is(.cm-editor,.cm-scroller,.cm-gutters) {
  background: transparent;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] [class~="group/code-block"] .cm-scroller {
  padding: 18px 20px;
  line-height: 1.8;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] [class~="group/code-block"] .cm-content {
  padding: 0;
}
@media (max-width: 640px) {
  body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] [class~="group/code-block"] .cm-scroller { padding: 42px 14px 14px; }
  body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] [data-slot="tabs-list"] { max-width: 100%; }
  body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] section [data-slot="tabs-trigger"] { padding-inline: 6px; }
}
@supports not (backdrop-filter: blur(1px)) {
  body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] :is(section[class~="bg-card/60"],section:has(canvas),div.border,[data-slot="tabs-list"]) { background: #f3f5f8; }
  .dark body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] :is(section[class~="bg-card/60"],section:has(canvas),div.border,[data-slot="tabs-list"]) { background: #171b22; }
}