/* This stylesheet is loaded only by the Studio manual. `hidden auto` on the
   document root turns it into a non-scrolling sticky container, so use clip
   for horizontal containment and leave vertical scrolling to the viewport. */
html,
body {
    overflow-x: clip !important;
    overflow-y: visible !important;
}

/* Strict Light manual surfaces. Real screenshots remain <img> elements; all
 * CSS paint behind live copy resolves to one paper or ink stop. */
html[data-pa-theme="light"] body.pa-body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide {
  background: #fbfdfe !important;
  background-image: none !important;
  color: #263746 !important;
}

html[data-pa-theme="light"] body.pa-body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide *,
html[data-pa-theme="light"] body.pa-body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide *::before,
html[data-pa-theme="light"] body.pa-body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide *::after {
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-shadow: none !important;
}

html[data-pa-theme="light"] body.pa-body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide :is(.studio-guide__hero, .studio-guide__hero-copy, .studio-guide__edition, .studio-guide__toc, .studio-guide__section, .studio-guide__final) {
  background-color: #fbfdfe !important;
}

html[data-pa-theme="light"] body.pa-body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide .studio-guide__section--tinted {
  background-color: #edf8fb !important;
}

html[data-pa-theme="light"] body.pa-body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide .studio-guide__section.studio-guide__section--ink {
  padding-inline: clamp(1.25rem, 3vw, 2.5rem) !important;
  background-color: #102a30 !important;
  color: #c7d4d9 !important;
}

html[data-pa-theme="light"] body.pa-body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide .studio-guide__section.studio-guide__section--ink
  :is(.studio-guide__section-heading, .studio-guide__control-cards, .studio-guide__two-column, .studio-guide__procedure-grid, article, aside, div, li, dl, dt, dd, table, thead, tbody, tr, th, td, h1, h2, h3, h4, p, figcaption) {
  background-color: transparent !important;
}

html[data-pa-theme="light"] body.pa-body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide .studio-guide__section--ink :is(h1, h2, h3, h4, dt, strong, b) {
  color: #f1f8f9 !important;
}

html[data-pa-theme="light"] body.pa-body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide .studio-guide__section--ink :is(p, li, dd, span, small, em) {
  color: #c7d4d9 !important;
}

html[data-pa-theme="light"] body.pa-body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide .studio-guide__section--ink :is(.studio-guide__step, a) {
  color: #70e1dc !important;
}

html[data-pa-theme="light"] body.pa-body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide :is(.studio-guide__section--tinted, .studio-guide__section--ink)::before,
html[data-pa-theme="light"] body.pa-body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide :is(.studio-guide__section--tinted, .studio-guide__section--ink)::after,
html[data-pa-theme="light"] body.pa-body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide :is(.studio-guide__edition, .studio-guide__toc)::before,
html[data-pa-theme="light"] body.pa-body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide :is(.studio-guide__edition, .studio-guide__toc)::after {
  content: none !important;
  display: none !important;
}

html[data-pa-theme="light"] body.pa-body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide .studio-guide__matrix :is(th, td) {
  position: static !important;
  z-index: auto !important;
  background-color: #fbfdfe !important;
}

html[data-pa-theme="light"] body.pa-body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide .studio-guide__section--ink .studio-guide__matrix :is(th, td) {
  background-color: #102a30 !important;
}

html[data-pa-theme="light"] body.pa-body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide .studio-guide__section--ink .studio-guide__section-heading > h2 {
  position: relative !important;
  z-index: 2 !important;
  background-color: #102a30 !important;
}

.studio-guide {
    --guide-evergreen: #0b4f4a;
    --guide-evergreen-deep: #083d3a;
    --guide-teal: #087f8c;
    --guide-bright-teal: #0798a7;
    --guide-aqua: #64dcd4;
    --guide-pale-aqua: #dff5f8;
    --guide-ice: #f4fbfd;
    --guide-secondary-ice: #edf8fb;
    --guide-soft-cyan: #e8f8fa;
    --guide-paper: #fbfdfe;
    --guide-white: #fff;
    --guide-navy: #122233;
    --guide-body: #263746;
    --guide-muted: #5f7283;
    --guide-line: #d9e9ef;
    --guide-warning: #c98215;
    --guide-danger: #b7494d;
    min-height: 100vh;
    overflow: visible;
    background:
        radial-gradient(circle at 93% 3%, rgba(100, 220, 212, .22), transparent 25rem),
        linear-gradient(180deg, var(--guide-paper), var(--guide-ice) 45rem, var(--guide-white));
    color: var(--guide-body);
    font-family: "Segoe UI", Aptos, Arial, sans-serif;
}

.studio-guide *,
.studio-guide *::before,
.studio-guide *::after {
    box-sizing: border-box;
}

.studio-guide :is(.studio-guide__hero, .studio-guide__toc, .studio-guide__section, .studio-guide__final) {
    width: min(calc(100% - var(--pa-shell-gutter)), var(--pa-shell-max));
    margin-inline: auto;
}

.studio-guide :is(h1, h2, h3) {
    margin-top: 0;
    background: none !important;
    color: var(--guide-navy) !important;
    -webkit-text-fill-color: currentColor !important;
    font-family: "Segoe UI Variable Display", "Aptos Display", "Segoe UI", sans-serif;
    text-wrap: balance;
}

.studio-guide h1 {
    max-width: 24ch;
    margin-bottom: 1.15rem;
    font-size: clamp(2.25rem, 3.2vw, 3.5rem);
    font-weight: 760;
    letter-spacing: -.052em;
    line-height: 1.08;
}

.studio-guide h2 {
    max-width: 20ch;
    margin-bottom: .9rem;
    font-size: clamp(2rem, 4vw, 3.8rem);
    font-weight: 720;
    letter-spacing: -.047em;
    line-height: 1;
}

.studio-guide h3 {
    margin-bottom: .5rem;
    font-size: 1.08rem;
    font-weight: 780;
    letter-spacing: -.018em;
    line-height: 1.2;
}

.studio-guide p {
    margin-top: 0;
    line-height: 1.62;
}

.studio-guide a {
    color: var(--guide-teal);
    font-weight: 760;
    text-underline-offset: .2em;
}

.studio-guide a:focus-visible,
.studio-guide :is(button, input, select, summary):focus-visible {
    outline: 3px solid color-mix(in srgb, var(--guide-aqua) 70%, var(--guide-teal));
    outline-offset: 3px;
}

.studio-guide__hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    gap: clamp(1.5rem, 3vw, 3rem);
    align-items: center;
    padding-block: clamp(2rem, 3vw, 3rem);
    border-bottom: 1px solid var(--guide-line);
}

.studio-guide__hero-copy,
.studio-guide__hero-visual {
    min-width: 0;
}

.studio-guide__hero-visual {
    display: grid;
    gap: 1.1rem;
}

.studio-guide__hero-preview {
    margin: 0;
}

.studio-guide__hero-preview img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: contain;
    border: 1px solid var(--guide-line);
    border-radius: 8px;
}

.studio-guide__hero-preview figcaption {
    margin-top: .55rem;
    color: var(--guide-muted);
    font-size: .78rem;
    line-height: 1.5;
}

.studio-guide__hero-copy > p:not(.studio-guide__eyebrow) {
    max-width: 47rem;
    color: var(--guide-muted);
    font-size: clamp(1.02rem, 1.7vw, 1.25rem);
}

.studio-guide__eyebrow,
.studio-guide__step,
.studio-guide__edition > span,
.studio-guide__procedure-grid article > span,
.studio-guide__compare article > span {
    display: block;
    color: var(--guide-teal);
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.studio-guide__hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem;
    margin-top: 1.7rem;
}

.studio-guide__primary,
.studio-guide__secondary {
    display: inline-flex;
    min-height: 3.15rem;
    align-items: center;
    justify-content: center;
    padding: .8rem 1.05rem;
    border: 1px solid var(--guide-teal);
    border-radius: .5rem;
    text-align: center;
    text-decoration: none;
}

.studio-guide__primary {
    background: var(--guide-teal);
    color: var(--guide-white) !important;
    box-shadow: 0 14px 30px rgba(8, 127, 140, .17);
}

.studio-guide__primary:is(:hover, :focus-visible) {
    border-color: var(--guide-evergreen);
    background: var(--guide-evergreen);
}

.studio-guide__secondary {
    background: rgba(255, 255, 255, .7);
    color: var(--guide-evergreen) !important;
}

.studio-guide__secondary:is(:hover, :focus-visible) {
    background: var(--guide-pale-aqua);
}

.studio-guide__edition {
    position: relative;
    isolation: isolate;
    display: grid;
    gap: .55rem;
    padding: 1rem 0 0;
    overflow: hidden;
    border: 0;
    border-top: 1px solid var(--guide-line);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.studio-guide__edition::after {
    position: absolute;
    z-index: -1;
    width: 9rem;
    height: 9rem;
    right: -4.5rem;
    top: -4.5rem;
    border-radius: 50%;
    background: var(--guide-aqua);
    opacity: .25;
    content: "";
}

.studio-guide__edition > strong {
    color: var(--guide-navy);
    font-size: 1.28rem;
}

.studio-guide__edition dl {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
    border-block: 0;
}

.studio-guide__edition dl div {
    display: grid;
    gap: .15rem;
    padding: .35rem .5rem .35rem 0;
}

.studio-guide__edition dt {
    color: var(--guide-muted);
    font-size: .67rem;
}

.studio-guide__edition dd {
    margin: 0;
    color: var(--guide-evergreen-deep);
    font-size: 1.2rem;
    font-weight: 860;
}

.studio-guide__edition p {
    margin-bottom: 0;
    color: var(--guide-muted);
    font-size: .76rem;
}

.studio-guide__toc {
    position: sticky;
    z-index: 20;
    top: var(--studio-guide-sticky-offset, 6.4rem);
    display: flex;
    gap: .2rem;
    padding-block: .55rem;
    overflow-x: auto;
    border-bottom: 1px solid var(--guide-line);
    background: rgba(251, 253, 254, .94);
    box-shadow: 0 10px 28px rgba(18, 34, 51, .06);
    scrollbar-width: none;
    backdrop-filter: blur(14px);
}

.studio-guide__toc::-webkit-scrollbar {
    display: none;
}

.studio-guide__toc::before,
.studio-guide__toc::after {
    position: fixed;
    z-index: -1;
    left: 0;
    right: 0;
    height: 1px;
    background: inherit;
    content: "";
}

.studio-guide__toc a {
    display: inline-flex;
    flex: 0 0 auto;
    gap: .38rem;
    align-items: center;
    min-height: 2.4rem;
    padding: .45rem .6rem;
    border-radius: .35rem;
    color: var(--guide-body);
    font-size: .71rem;
    text-decoration: none;
    white-space: nowrap;
}

.studio-guide__toc a:is(:hover, :focus-visible) {
    background: var(--guide-pale-aqua);
    color: var(--guide-evergreen-deep);
}

.studio-guide__toc b {
    color: var(--guide-teal);
    font-size: .58rem;
    letter-spacing: .08em;
}

.studio-guide__section {
    position: relative;
    padding-block: clamp(4rem, 8vw, 7rem);
    border-top: 1px solid var(--guide-line);
    scroll-margin-top: var(--studio-guide-anchor-offset, 11.4rem);
}

.studio-guide__legacy-anchor {
    position: absolute;
    top: var(--studio-guide-legacy-anchor-top, -11.4rem);
}

.studio-guide__section--tinted {
    border-top: 0;
}

.studio-guide__section--tinted,
.studio-guide__section--ink {
    clip-path: inset(0 -100vmax);
}

.studio-guide__section--tinted::before,
.studio-guide__section--ink::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    content: "";
}

.studio-guide__section--tinted::before {
    background: linear-gradient(135deg, var(--guide-secondary-ice), var(--guide-soft-cyan));
    box-shadow: 0 0 0 100vmax var(--guide-secondary-ice);
}

.studio-guide__section--ink {
    border-top: 0;
    color: #d7e8ea;
}

.studio-guide__section--ink::before {
    background:
        radial-gradient(circle at 87% 12%, rgba(100, 220, 212, .16), transparent 24rem),
        linear-gradient(135deg, var(--guide-evergreen-deep), #0d5853);
    box-shadow: 0 0 0 100vmax var(--guide-evergreen-deep);
}

.studio-guide__section--ink :is(h1, h2, h3) {
    color: #f7fcfc !important;
}

.studio-guide__section--ink :is(.studio-guide__step, a) {
    color: #86eee7;
}

.studio-guide__section--ink p,
.studio-guide__section--ink li {
    color: #c5dadd;
}

.studio-guide__section-heading {
    max-width: 58rem;
}

.studio-guide__section-heading > p:not(.studio-guide__step) {
    max-width: 47rem;
    color: var(--guide-muted);
    font-size: 1.02rem;
}

.studio-guide__section--ink .studio-guide__section-heading > p:not(.studio-guide__step) {
    color: #bfd4d7;
}

.studio-guide__flow {
    counter-reset: guide-flow;
    display: grid;
    margin: 2rem 0 0;
    padding: 0;
    list-style: none;
}

.studio-guide__flow li {
    counter-increment: guide-flow;
    display: grid;
    grid-template-columns: 2.6rem minmax(9rem, .34fr) minmax(0, 1fr) minmax(9rem, .38fr);
    gap: .9rem 1.2rem;
    align-items: baseline;
    padding: 1.05rem 0;
    border-top: 1px solid var(--guide-line);
}

.studio-guide__flow li::before {
    color: var(--guide-teal);
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .1em;
    content: counter(guide-flow, decimal-leading-zero);
}

.studio-guide__section--ink .studio-guide__flow li {
    border-color: rgba(217, 233, 239, .18);
}

.studio-guide__section--ink .studio-guide__flow li::before {
    color: #86eee7;
}

.studio-guide__flow li > strong {
    color: var(--guide-navy);
}

.studio-guide__section--ink .studio-guide__flow li > strong {
    color: #fff;
}

.studio-guide__flow li > span {
    color: var(--guide-body);
    line-height: 1.55;
}

.studio-guide__flow li > small {
    color: var(--guide-muted);
    line-height: 1.5;
}

.studio-guide__section--ink .studio-guide__flow li > :is(span, small) {
    color: #bdd3d6;
}

.studio-guide__flow--compact li {
    grid-template-columns: 2.6rem minmax(10rem, .35fr) 1fr;
}

.studio-guide__flow--compact li > small {
    display: none;
}

.studio-guide__callout {
    display: grid;
    gap: .3rem;
    margin-top: 2rem;
    padding: 1rem 1.1rem;
    border: 1px solid color-mix(in srgb, var(--guide-teal) 35%, var(--guide-line));
    border-left: .35rem solid var(--guide-teal);
    border-radius: .45rem;
    background: var(--guide-pale-aqua);
    color: var(--guide-body);
}

.studio-guide__callout[data-tone="warning"] {
    border-color: color-mix(in srgb, var(--guide-warning) 52%, var(--guide-line));
    border-left-color: var(--guide-warning);
    background: #fff8e9;
}

.studio-guide__section--ink .studio-guide__callout {
    border-color: rgba(134, 238, 231, .34);
    border-left-color: #86eee7;
    background: rgba(4, 35, 33, .52);
}

.studio-guide__section--ink .studio-guide__callout[data-tone="warning"] {
    border-left-color: #ffce72;
}

.studio-guide__callout strong {
    color: var(--guide-navy);
}

.studio-guide__section--ink .studio-guide__callout strong {
    color: #fff;
}

.studio-guide__callout p {
    margin-bottom: 0;
}

.studio-guide__figure {
    display: grid;
    gap: .7rem;
    margin: 2rem 0;
}

.studio-guide__figure img {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--guide-teal) 28%, var(--guide-line));
    border-radius: 8px;
    background: var(--guide-secondary-ice);
    box-shadow: 0 24px 58px rgba(18, 34, 51, .14);
}

.studio-guide__figure figcaption {
    color: var(--guide-muted);
    font-size: .78rem;
    line-height: 1.5;
}

.studio-guide__figure--dark img {
    border-color: rgba(134, 238, 231, .25);
    background: #0c3435;
    box-shadow: 0 24px 58px rgba(0, 24, 25, .35);
}

.studio-guide__figure--dark figcaption {
    color: #bcd2d5;
}

.studio-guide__numbered-map,
.studio-guide__control-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    margin-top: 2rem;
    border: 1px solid var(--guide-line);
    background: var(--guide-line);
}

.studio-guide__numbered-map article,
.studio-guide__control-cards article {
    min-height: 11rem;
    padding: 1.15rem;
    background: rgba(255, 255, 255, .82);
}

.studio-guide__numbered-map b {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    margin-bottom: .9rem;
    place-items: center;
    border-radius: 50%;
    background: var(--guide-evergreen);
    color: #fff;
    font-size: .72rem;
}

.studio-guide__numbered-map p,
.studio-guide__control-cards p {
    margin-bottom: 0;
    color: var(--guide-muted);
    font-size: .88rem;
}

.studio-guide__section--ink .studio-guide__control-cards {
    border-color: rgba(217, 233, 239, .16);
    background: rgba(217, 233, 239, .16);
}

.studio-guide__section--ink .studio-guide__control-cards article {
    background: rgba(4, 40, 39, .58);
}

.studio-guide__section--ink .studio-guide__control-cards p {
    color: #bfd4d7;
}

.studio-guide__two-column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(2rem, 6vw, 6rem);
    margin-top: 2rem;
}

.studio-guide__two-column p {
    color: var(--guide-muted);
}

.studio-guide__section--ink .studio-guide__two-column p {
    color: #c3d9dc;
}

.studio-guide__procedure-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 2rem;
}

.studio-guide__procedure-grid article {
    padding: 1.2rem;
    border: 1px solid var(--guide-line);
    border-radius: .55rem;
    background: var(--guide-white);
}

.studio-guide__procedure-grid article > span {
    margin-bottom: .65rem;
}

.studio-guide__procedure-grid :is(p, li) {
    color: var(--guide-muted);
    line-height: 1.55;
}

.studio-guide__procedure-grid ol {
    margin: 0;
    padding-left: 1.25rem;
}

.studio-guide__table-wrap {
    margin-top: 2rem;
    overflow-x: auto;
    border: 1px solid var(--guide-line);
    border-radius: .55rem;
    background: rgba(255, 255, 255, .74);
}

.studio-guide__matrix {
    width: 100%;
    min-width: 48rem;
    border-collapse: collapse;
}

.studio-guide__matrix caption {
    padding: .8rem 1rem;
    color: var(--guide-evergreen-deep);
    font-size: .78rem;
    font-weight: 820;
    text-align: left;
}

.studio-guide__matrix :is(th, td) {
    padding: .8rem .9rem;
    border-top: 1px solid var(--guide-line);
    color: var(--guide-body);
    line-height: 1.5;
    text-align: left;
    vertical-align: top;
}

.studio-guide__matrix thead th {
    color: var(--guide-muted);
    font-size: .68rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.studio-guide__matrix tbody th {
    color: var(--guide-navy);
    font-size: .85rem;
}

.studio-guide__feature {
    margin-top: 3rem;
    padding: 1.25rem;
    border: 1px solid rgba(217, 233, 239, .18);
    border-radius: .6rem;
    background: rgba(4, 40, 39, .44);
}

.studio-guide__axis-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
    margin-top: 2rem;
}

.studio-guide__axis-grid article {
    display: grid;
    grid-template-columns: 3.7rem 1fr;
    gap: .9rem;
    align-items: start;
    padding: 1rem;
    border: 1px solid var(--guide-line);
    border-radius: .55rem;
    background: var(--guide-white);
}

.studio-guide__axis-grid :is(b, mark) {
    display: grid;
    width: 3.7rem;
    height: 3.7rem;
    place-items: center;
    border-radius: .4rem;
    background: var(--guide-evergreen);
    color: #fff;
    font-size: 1.7rem;
    font-weight: 700;
}

.studio-guide__axis-grid article[data-axis="y"] :is(b, mark) {
    background: var(--guide-teal);
}

.studio-guide__axis-grid article[data-axis="z"] :is(b, mark) {
    background: var(--guide-bright-teal);
}

.studio-guide__axis-grid p {
    margin-bottom: 0;
    color: var(--guide-muted);
    font-size: .84rem;
}

.studio-guide__compare {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    margin-top: 2rem;
    border: 1px solid var(--guide-line);
    background: var(--guide-line);
}

.studio-guide__compare article {
    min-height: 11rem;
    padding: 1.15rem;
    background: var(--guide-white);
}

.studio-guide__compare article > span {
    margin-bottom: .65rem;
}

.studio-guide__compare p {
    margin-bottom: 0;
    color: var(--guide-muted);
}

.studio-guide__compare--dark {
    border-color: rgba(217, 233, 239, .17);
    background: rgba(217, 233, 239, .17);
}

.studio-guide__compare--dark article {
    background: rgba(4, 40, 39, .58);
}

.studio-guide__compare--dark p {
    color: #bfd4d7;
}

.studio-guide__tool-groups,
.studio-guide__troubleshooting {
    display: grid;
    gap: .7rem;
    margin-top: 2rem;
}

.studio-guide__tool-groups details,
.studio-guide__troubleshooting details {
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--guide-teal) 22%, var(--guide-line));
    border-radius: .55rem;
    background: rgba(255, 255, 255, .82);
}

.studio-guide__tool-groups summary,
.studio-guide__troubleshooting summary {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: .9rem 1rem;
    color: var(--guide-navy);
    font-weight: 820;
    cursor: pointer;
}

.studio-guide__tool-groups summary small {
    color: var(--guide-muted);
    font-size: .67rem;
    font-weight: 680;
}

.studio-guide__tool-groups details > div,
.studio-guide__troubleshooting details > p {
    margin: 0;
    padding: 0 1rem 1rem;
    color: var(--guide-muted);
}

.studio-guide__definition-list {
    display: grid;
    margin: 1rem 0 1.5rem;
}

.studio-guide__definition-list div {
    display: grid;
    grid-template-columns: minmax(8rem, .35fr) 1fr;
    gap: 1rem;
    padding: .7rem 0;
    border-top: 1px solid rgba(217, 233, 239, .18);
}

.studio-guide__definition-list dt {
    color: #fff;
    font-weight: 800;
}

.studio-guide__definition-list dd {
    margin: 0;
    color: #bfd4d7;
    line-height: 1.5;
}

.studio-guide__direct-layout {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin-top: 2rem;
    border: 1px solid rgba(217, 233, 239, .18);
    background: rgba(217, 233, 239, .18);
}

.studio-guide__direct-layout article {
    padding: 1.2rem;
    background: rgba(4, 40, 39, .58);
}

.studio-guide__direct-layout ul {
    display: grid;
    gap: .45rem;
    margin: 0;
    padding-left: 1.2rem;
}

.studio-guide__direct-layout li {
    color: #bfd4d7;
    line-height: 1.52;
}

.studio-guide__shortcuts {
    margin-top: 2rem;
    padding: 1.1rem;
    border: 1px solid rgba(217, 233, 239, .18);
    border-radius: .55rem;
    background: rgba(4, 40, 39, .5);
}

.studio-guide__shortcuts dl {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1px;
    margin: 1rem 0 0;
    background: rgba(217, 233, 239, .18);
}

.studio-guide__shortcuts dl div {
    display: grid;
    gap: .2rem;
    padding: .65rem;
    background: var(--guide-evergreen-deep);
}

.studio-guide__shortcuts dt {
    color: #86eee7;
    font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
    font-weight: 900;
}

.studio-guide__shortcuts dd {
    margin: 0;
    color: #c5dadd;
    font-size: .72rem;
}

.studio-guide__fine-print {
    color: var(--guide-muted);
    font-size: .8rem;
}

.studio-guide__section--reference {
    width: min(calc(100% - var(--pa-shell-gutter)), var(--pa-shell-max)) !important;
}

.studio-guide__registry-summary {
    display: inline-flex;
    padding: .5rem .7rem;
    border: 1px solid color-mix(in srgb, var(--guide-teal) 30%, var(--guide-line));
    border-radius: .35rem;
    background: var(--guide-pale-aqua);
    color: var(--guide-evergreen-deep) !important;
    font-size: .78rem !important;
    font-weight: 780;
}

.studio-guide__reference-filters {
    display: grid;
    grid-template-columns: minmax(18rem, 2fr) repeat(4, minmax(9rem, 1fr));
    gap: .7rem;
    align-items: end;
    margin-top: 2rem;
    padding: .9rem;
    border: 1px solid var(--guide-line);
    border-radius: .55rem;
    background: var(--guide-secondary-ice);
}

.studio-guide__reference-filters label {
    display: grid;
    gap: .3rem;
}

.studio-guide__reference-filters label > span {
    color: var(--guide-muted);
    font-size: .67rem;
    font-weight: 760;
}

.studio-guide__reference-filters :is(input, select) {
    width: 100%;
    min-height: 2.85rem;
    padding: .6rem .68rem;
    border: 1px solid color-mix(in srgb, var(--guide-teal) 20%, var(--guide-line));
    border-radius: .38rem;
    background: var(--guide-white);
    color: var(--guide-navy);
}

.studio-guide__reference-count {
    margin: .8rem 0 0;
    color: var(--guide-muted);
    font-size: .76rem;
    font-weight: 760;
}

.studio-guide__reference-results {
    display: grid;
    gap: 1.2rem;
    margin-top: 1rem;
}

.studio-guide__control-group {
    overflow: hidden;
    border: 1px solid var(--guide-line);
    border-radius: .55rem;
    background: var(--guide-white);
}

.studio-guide__control-group > :is(h3, p) {
    margin-inline: 1rem;
}

.studio-guide__control-group > h3 {
    margin-top: 1rem;
    margin-bottom: .3rem;
}

.studio-guide__control-group > p {
    margin-bottom: 1rem;
    color: var(--guide-muted);
    font-size: .82rem;
}

.studio-guide__reference-table-wrap {
    overflow-x: auto;
    overflow-y: clip;
}

.studio-guide__reference-table {
    width: 100%;
    min-width: 62rem;
    border-collapse: collapse;
    table-layout: fixed;
}

.studio-guide__reference-table caption {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.studio-guide__reference-table :is(th, td) {
    padding: .75rem .8rem;
    border-top: 1px solid var(--guide-line);
    color: var(--guide-body);
    font-size: .76rem;
    line-height: 1.48;
    text-align: left;
    vertical-align: top;
    overflow-wrap: anywhere;
}

.studio-guide__reference-table thead th {
    background: var(--guide-secondary-ice);
    color: var(--guide-muted);
    font-size: .64rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.studio-guide__reference-table thead th:nth-child(1) {
    width: 17%;
}

.studio-guide__reference-table thead th:nth-child(2) {
    width: 43%;
}

.studio-guide__reference-table thead th:nth-child(3) {
    width: 19%;
}

.studio-guide__reference-table thead th:nth-child(4) {
    width: 21%;
}

.studio-guide__reference-table tbody th {
    color: var(--guide-navy);
}

.studio-guide__reference-table tbody tr:nth-child(even) {
    background: #f9fcfd;
}

.studio-guide__reference-table th > :is(strong, code, small),
.studio-guide__reference-table td > small {
    display: block;
}

.studio-guide__reference-table code {
    margin-top: .3rem;
    color: var(--guide-teal);
    font-size: .65rem;
}

.studio-guide__reference-table :is(th, td) > small {
    margin-top: .35rem;
    color: var(--guide-muted);
}

.studio-guide__tag {
    display: inline-flex;
    margin: 0 .25rem .25rem 0;
    padding: .24rem .38rem;
    border: 1px solid var(--guide-line);
    border-radius: .25rem;
    background: var(--guide-secondary-ice);
    color: var(--guide-body);
    font-size: .61rem;
    font-weight: 780;
}

.studio-guide__tag[data-tone="free"] {
    border-color: color-mix(in srgb, var(--guide-teal) 33%, var(--guide-line));
    background: var(--guide-pale-aqua);
    color: var(--guide-evergreen-deep);
}

.studio-guide__tag[data-tone="paid"] {
    border-color: color-mix(in srgb, var(--guide-warning) 38%, var(--guide-line));
    background: #fff7e7;
    color: #71470a;
}

.studio-guide__reference-empty {
    padding: 1.2rem;
    border: 1px dashed var(--guide-line);
    color: var(--guide-muted);
}

.studio-guide__glossary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin: 2rem 0 0;
    border: 1px solid var(--guide-line);
    background: var(--guide-line);
}

.studio-guide__glossary div {
    display: grid;
    grid-template-columns: minmax(9rem, .32fr) 1fr;
    gap: 1rem;
    padding: .9rem;
    background: rgba(255, 255, 255, .82);
}

.studio-guide__glossary dt {
    color: var(--guide-evergreen-deep);
    font-weight: 820;
}

.studio-guide__glossary dd {
    margin: 0;
    color: var(--guide-muted);
    line-height: 1.5;
}

.studio-guide__final {
    display: flex;
    gap: 2rem;
    align-items: center;
    justify-content: space-between;
    padding-block: clamp(4rem, 8vw, 7rem);
}

.studio-guide__final h2 {
    margin-bottom: .5rem;
}

.studio-guide__final p:not(.studio-guide__step) {
    max-width: 44rem;
    margin-bottom: 0;
    color: var(--guide-muted);
}

html[data-pa-theme="light"] body.pa-protected-workspace .ecosystem-nav__goal--studio.is-active .ecosystem-nav__goal-pill {
    border-color: #569fa7;
    color: #075f69;
}

@media (max-width: 780px) {
    /* STUDIO GUIDE MOBILE NAV CONTRAST CONTRACT — 2026-07-26
       Keep the established Light mobile navigation treatment ahead of the
       Dark authority block so retired Light accents never enter Dark CSS. */
    html body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual]) .pa-site-header .pa-nav-toggle {
        color: #122233 !important;
        border-color: #087f8c !important;
        background: #f4fbfd !important;
        box-shadow: 0 0 0 1px rgba(8, 127, 140, .08);
    }

    html body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual]) .pa-site-header .pa-nav-toggle:is(:hover, :focus-visible) {
        border-color: #0798a7 !important;
        background: #dff5f8 !important;
    }

    html body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual]) .pa-site-header .pa-nav-toggle .navbar-toggler-icon {
        opacity: 1;
        filter: none !important;
        background-image:
            linear-gradient(#122233, #122233),
            linear-gradient(#122233, #122233),
            linear-gradient(#122233, #122233) !important;
        background-repeat: no-repeat;
        background-position:
            center calc(50% - .42rem),
            center,
            center calc(50% + .42rem);
        background-size: 1.45rem 2px;
    }

    html[data-pa-theme="dark"] body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual]) .pa-site-header .pa-nav-toggle {
        border-color: var(--bright-teal) !important;
        background: var(--surface-elevated) !important;
        color: var(--text-main) !important;
        box-shadow: 0 0 0 1px rgba(40, 184, 196, .12);
    }

    html[data-pa-theme="dark"] body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual]) .pa-site-header .pa-nav-toggle:is(:hover, :focus-visible) {
        border-color: var(--aqua-accent) !important;
        background: var(--surface-hover) !important;
    }

    html[data-pa-theme="dark"] body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual]) .pa-site-header .pa-nav-toggle .navbar-toggler-icon {
        background-image:
            linear-gradient(var(--text-main), var(--text-main)),
            linear-gradient(var(--text-main), var(--text-main)),
            linear-gradient(var(--text-main), var(--text-main)) !important;
    }
}

/* Studio Guide is a protected workspace route, but it does not load the
   interactive workspace shell. Give its focused skip link the canonical Dark
   surface here so it cannot fall back to the Light white panel. */
html[data-pa-theme="dark"] body.pa-protected-workspace > .pa-skip-link {
    border: 1px solid var(--bright-teal);
    background: var(--surface-elevated);
    color: var(--aqua-accent) !important;
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide {
    --guide-navy: var(--text-main);
    --guide-body: var(--text-body);
    --guide-muted: var(--text-muted);
    --guide-line: var(--border);
    --guide-teal: var(--primary-teal);
    --guide-bright-teal: var(--bright-teal);
    --guide-aqua: var(--aqua-accent);
    --guide-evergreen: var(--surface-elevated);
    --guide-evergreen-deep: var(--page-bg);
    background:
        radial-gradient(circle at 90% 3%, rgba(40, 184, 196, .16), transparent 25rem),
        linear-gradient(180deg, var(--page-bg), var(--section-bg) 45rem, var(--page-bg));
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide :is(h1, h2, h3) {
    color: var(--text-main) !important;
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__hero-copy > p:not(.studio-guide__eyebrow),
html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__section-heading > p:not(.studio-guide__step) {
    color: var(--text-body);
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__procedure-grid article > span,
html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__compare article > span {
    color: var(--bright-teal);
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__toc {
    background: rgba(8, 22, 32, .94);
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__toc a {
    color: var(--text-body);
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__edition,
html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__procedure-grid article,
html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__axis-grid article,
html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__compare article,
html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__tool-groups details,
html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__troubleshooting details,
html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__control-group {
    background: var(--surface);
    color: var(--text-body);
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__numbered-map article,
html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__control-cards article,
html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__glossary div {
    background: var(--surface);
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__numbered-map p,
html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__control-cards p,
html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__procedure-grid :is(p, li),
html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__axis-grid p,
html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__compare p,
html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__glossary dd,
html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__tool-groups details > div,
html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__troubleshooting details > p {
    color: var(--text-muted);
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__edition > strong,
html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__tool-groups summary,
html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__troubleshooting summary,
html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__matrix :is(th, td),
html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__reference-table :is(th, td) {
    color: var(--text-body);
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__table-wrap,
html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__reference-filters {
    background: var(--surface);
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__reference-filters :is(input, select) {
    border-color: var(--border);
    background: var(--section-bg);
    color: var(--text-main);
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__reference-table thead th,
html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__reference-table tbody tr:nth-child(even) {
    background: var(--section-bg);
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__tag {
    border-color: var(--border);
    background: var(--surface-elevated);
    color: var(--text-body);
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__tag[data-tone="free"] {
    background: var(--surface-hover);
    color: var(--aqua-accent);
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__tag[data-tone="paid"] {
    border-color: rgba(255, 206, 114, .32);
    background: #493712;
    color: #ffe1a6;
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__primary {
    border-color: var(--primary-teal);
    background: var(--primary-teal);
    color: var(--page-bg) !important;
    box-shadow: 0 14px 30px rgba(40, 184, 196, .17);
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__secondary {
    border-color: var(--bright-teal);
    background: var(--surface-elevated);
    color: var(--aqua-accent) !important;
}

/* Tinted guide sections use light surfaces by default. In the protected dark
   workspace those surfaces must switch with the foreground tokens instead of
   leaving pale panels behind light text. */
html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__section--tinted::before {
    background: linear-gradient(135deg, var(--section-bg), var(--surface));
    box-shadow: 0 0 0 100vmax var(--section-bg);
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__callout {
    border-color: var(--border);
    border-left-color: var(--bright-teal);
    background: var(--surface-elevated);
    color: var(--text-body);
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__callout[data-tone="warning"] {
    border-color: rgba(255, 206, 114, .38);
    border-left-color: #ffce72;
    background: #352b18;
    color: #f5ead5;
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__callout strong {
    color: var(--text-main);
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__edition dd,
html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__matrix caption,
html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__glossary dt {
    color: var(--aqua-accent);
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__figure img {
    background: var(--section-bg);
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__section--ink::before {
    background:
        radial-gradient(circle at 87% 12%, rgba(63, 208, 213, .16), transparent 24rem),
        linear-gradient(135deg, var(--surface-elevated), var(--page-bg));
    box-shadow: 0 0 0 100vmax var(--page-bg);
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__feature {
    border-color: var(--border);
    background: var(--surface-elevated);
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__direct-layout {
    border-color: var(--border);
    background: var(--border);
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__direct-layout article {
    background: var(--surface);
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__shortcuts {
    border-color: var(--border);
    background: var(--surface-elevated);
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__shortcuts dl {
    background: var(--border);
}

html[data-pa-theme="dark"] body.pa-protected-workspace .studio-guide__shortcuts dl div {
    background: var(--section-bg);
}

@media (max-width: 1060px) {
    .studio-guide__hero {
        grid-template-columns: 1fr;
    }

    .studio-guide__edition {
        max-width: none;
    }

    .studio-guide__reference-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .studio-guide__reference-search {
        grid-column: 1 / -1;
    }

    .studio-guide__shortcuts dl {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1100px) {
    .studio-guide__toc {
        display: grid;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        gap: .2rem .35rem;
        overflow: visible;
    }

    .studio-guide__toc a {
        min-width: 0;
        white-space: normal;
    }
}

@media (max-width: 780px) {
    .studio-guide :is(.studio-guide__hero, .studio-guide__toc, .studio-guide__section, .studio-guide__final) {
        width: min(calc(100% - var(--pa-shell-gutter)), var(--pa-shell-max));
    }

    .studio-guide h1 {
        font-size: clamp(2rem, 6.5vw, 2.8rem);
    }

    .studio-guide__hero-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .studio-guide__hero-actions .studio-guide__primary {
        grid-column: 1 / -1;
    }

    .studio-guide__toc {
        width: 100%;
        padding-inline: .7rem;
    }

    .studio-guide__flow li,
    .studio-guide__flow--compact li {
        grid-template-columns: 2.2rem 1fr;
    }

    .studio-guide__flow li > :is(span, small) {
        grid-column: 2;
    }

    .studio-guide__numbered-map,
    .studio-guide__control-cards,
    .studio-guide__procedure-grid,
    .studio-guide__axis-grid,
    .studio-guide__compare,
    .studio-guide__two-column,
    .studio-guide__direct-layout,
    .studio-guide__glossary {
        grid-template-columns: 1fr;
    }

    .studio-guide__numbered-map article,
    .studio-guide__control-cards article,
    .studio-guide__compare article {
        min-height: auto;
    }

    .studio-guide__shortcuts dl {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .studio-guide__reference-filters {
        grid-template-columns: 1fr;
    }

    .studio-guide__reference-search {
        grid-column: auto;
    }

    .studio-guide__final {
        align-items: stretch;
        flex-direction: column;
    }

}

html[data-pa-theme="dark"] body.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  :is(.pa-site-header .pa-nav-cta, .studio-guide__primary) {
    box-shadow: 0 14px 30px rgba(40, 184, 196, .17) !important;
}

html[data-pa-theme="dark"] body.pa-protected-workspace:has(.studio-guide[data-studio-manual]) .pa-footer-bottom {
    border-top-color: rgba(40, 184, 196, .12);
}

@media (max-width: 575.98px) {
    /* Floating Help must not cover the manual's phone actions. Header Help
       has its own reserved row and remains available. */
    html body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual])
      .pa-helpbot:not([data-pa-helpbot-placement="header-inline"]) {
        display: none !important;
    }
}

@media (max-width: 480px) {
    .studio-guide__edition dl {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .studio-guide__axis-grid article {
        grid-template-columns: 3rem 1fr;
    }

    .studio-guide__axis-grid :is(b, mark) {
        width: 3rem;
        height: 3rem;
    }

    .studio-guide__definition-list div,
    .studio-guide__glossary div {
        grid-template-columns: 1fr;
        gap: .3rem;
    }
}

/* Route-wide geometry contract: real controls and paper panels use 8px;
   semantic counters and axis markers retain their circular shape. */
.studio-guide :is(
    .studio-guide__edition,
    .studio-guide__primary,
    .studio-guide__secondary,
    .studio-guide__toc,
    .studio-guide__flow,
    .studio-guide__numbered-map article,
    .studio-guide__control-cards article,
    .studio-guide__procedure-grid article,
    .studio-guide__compare article,
    .studio-guide__two-column > *,
    .studio-guide__direct-layout > *,
    .studio-guide__definition-list,
    .studio-guide__glossary,
    .studio-guide__shortcuts,
    .studio-guide__reference,
    .studio-guide__callout,
    .studio-guide__final
) {
    border-radius: 8px;
}

/* Canonical bounded-surface geometry. The guide keeps circular numbered
   markers and its compact semantic tags, but navigational controls, content
   panels, fields, and media frames share the product's 8px corner. */
.studio-guide :is(
    .studio-guide__primary,
    .studio-guide__secondary,
    .studio-guide__edition,
    .studio-guide__toc a,
    .studio-guide__callout,
    .studio-guide__figure img,
    .studio-guide__procedure-grid article,
    .studio-guide__table-wrap,
    .studio-guide__feature,
    .studio-guide__axis-grid article,
    .studio-guide__axis-grid :is(b, mark),
    .studio-guide__tool-groups details,
    .studio-guide__troubleshooting details,
    .studio-guide__shortcuts,
    .studio-guide__registry-summary,
    .studio-guide__reference-filters,
    .studio-guide__reference-filters input,
    .studio-guide__reference-filters select,
    .studio-guide__control-group
) {
    border-radius: 8px;
}

@media (max-width: 780px) {
    .studio-guide__hero {
        padding-block: 2rem 2.25rem;
        gap: 1.5rem;
    }

    .studio-guide__hero-copy > p:not(.studio-guide__eyebrow) {
        font-size: 0.96rem;
        line-height: 1.55;
    }

    .studio-guide__hero-actions {
        margin-top: 1.25rem;
    }

    .studio-guide__edition {
        gap: 0.65rem;
        max-width: none;
        padding: 1rem;
    }

    .studio-guide__edition dl div {
        padding-block: 0.55rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .studio-guide *,
    .studio-guide *::before,
    .studio-guide *::after {
        scroll-behavior: auto !important;
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
    }
}

@media print {
    .pa-site-header,
    .pa-footer,
    [data-pa-helpbot] {
        display: none !important;
    }

    .pa-main {
        padding: 0 !important;
    }

    .studio-guide {
        overflow: visible;
        background: #fff !important;
        color: #111 !important;
    }

    .studio-guide__toc,
    .studio-guide__hero-actions,
    .studio-guide__reference-filters {
        display: none !important;
    }

    .studio-guide :is(.studio-guide__hero, .studio-guide__section, .studio-guide__final) {
        width: 100%;
    }

    .studio-guide__section {
        break-before: page;
    }

    .studio-guide__section--ink {
        color: #111;
    }

    .studio-guide__section--ink::before,
    .studio-guide__section--tinted::before {
        display: none;
    }

    .studio-guide__section--ink :is(h1, h2, h3, p, li, strong, span, small) {
        color: #111 !important;
    }

    .studio-guide__reference-table {
        min-width: 0;
        table-layout: auto;
    }

    .studio-guide__control-group,
    .studio-guide__reference-table-wrap {
        overflow: visible !important;
    }

    .studio-guide__control-group,
    .studio-guide__reference-table,
    .studio-guide__reference-table tbody {
        break-inside: auto;
    }

    .studio-guide__reference-table tr {
        break-inside: avoid;
    }

    .studio-guide__reference-table :is(th, td) {
        font-size: 8pt;
    }

    .studio-guide__figure img {
        box-shadow: none;
    }
}

/* Final Light manual paint authority. Restore authored solid controls after
   CSS imagery is removed, and keep headings on their section's exact stop. */
html[data-pa-theme="light"] body.pa-body.pa-family-workspace.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide .studio-guide__primary {
  color: #ffffff !important;
  background: #066f7a !important;
  background-image: none !important;
}

html[data-pa-theme="light"] body.pa-body.pa-family-workspace.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide .studio-guide__axis-grid :is(b, mark) {
  font-size: 0.72rem !important;
  line-height: 1.05 !important;
  text-align: center !important;
}

html[data-pa-theme="light"] body.pa-body.pa-family-workspace.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide .studio-guide__figure--dark > figcaption {
  position: relative !important;
  z-index: 2 !important;
  padding: 0.75rem !important;
  color: #c7d4d9 !important;
  background: transparent !important;
  background-image: none !important;
}

html[data-pa-theme="light"] body.pa-body.pa-family-workspace.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide .studio-guide__section--ink {
  background-color: #083d3a !important;
}

html[data-pa-theme="light"] body.pa-body.pa-family-workspace.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide .studio-guide__section--ink :is(.studio-guide__section-heading > h2, #measurement > div > h3, .studio-guide__two-column > article > h3) {
  position: relative !important;
  z-index: 4 !important;
  isolation: isolate !important;
  padding-block: 0.125rem !important;
  color: #f1f8f9 !important;
  background: transparent !important;
  background-image: none !important;
  transform: none !important;
}

html[data-pa-theme="light"] body.pa-body.pa-family-workspace.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide .studio-guide__section--ink .studio-guide__two-column > article {
  isolation: isolate !important;
  background: transparent !important;
  background-image: none !important;
}

html[data-pa-theme="light"] body.pa-body.pa-family-workspace.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide .studio-guide__axis-grid article[data-axis="z"] > :is(b, mark) {
  color: #ffffff !important;
  background: #066f7a !important;
  background-image: none !important;
}

html[data-pa-theme="light"] body.pa-body.pa-family-workspace.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide .studio-guide__section--ink .studio-guide__section-heading > h2 {
  padding-block: 0.2rem !important;
  line-height: 1.15 !important;
}

/* Studio Guide representative closure. Everything below is explicitly scoped
   to the manual route so shared marketing and workspace surfaces are preserved. */
html[data-pa-theme="light"] body.pa-body:has(.studio-guide[data-studio-manual])
  :is(.pa-site-header, .pa-site-header .navbar, .pa-site-header .ecosystem-nav__shell) {
  background-color: #ffffff !important;
  background-image: none !important;
}

html[data-pa-theme="light"] body.pa-body:has(.studio-guide[data-studio-manual])
  .pa-site-header :is(
    .ecosystem-nav__goal-link > span:first-child,
    .ecosystem-nav__toggle,
    .pa-header-link
  ) {
  position: relative !important;
  z-index: 1 !important;
  color: #122233 !important;
  background-color: #ffffff !important;
  background-image: none !important;
  isolation: isolate;
}

html[data-pa-theme="light"] body.pa-body:has(.studio-guide[data-studio-manual])
  .pa-site-header .ecosystem-nav__goal-link {
  background-color: #ffffff !important;
  background-image: none !important;
  isolation: isolate;
}

html[data-pa-theme="light"] body.pa-body:has(.studio-guide[data-studio-manual])
  .pa-site-header .ecosystem-nav__goal-link > span:first-child {
  padding-block: 0.15rem !important;
  background-color: transparent !important;
  background-image: none !important;
  line-height: 1.45 !important;
}

html[data-pa-theme="light"] body.pa-body:has(.studio-guide[data-studio-manual])
  .pa-site-header .ecosystem-nav__goal-pill {
  position: relative !important;
  z-index: 1 !important;
  color: #066f7a !important;
  background-color: #edf8fb !important;
  background-image: none !important;
  isolation: isolate;
}

html[data-pa-theme="light"] body.pa-body:has(.studio-guide[data-studio-manual])
  .pa-site-header .pa-nav-cta {
  color: #ffffff !important;
  border-color: #087f8c !important;
  background-color: #087f8c !important;
  background-image: none !important;
}

html[data-pa-theme="light"] body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide .studio-guide__section--tinted
  > .studio-guide__section-heading > .studio-guide__step {
  color: #066f7a !important;
}

html[data-pa-theme="light"] body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide #slicing-gcode
  > .studio-guide__figure > figcaption {
  position: relative !important;
  z-index: 2 !important;
  padding: 0.75rem !important;
  color: #c7d4d9 !important;
  background-color: transparent !important;
  background-image: none !important;
  isolation: isolate;
}

html[data-pa-theme="light"] body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide .studio-guide__section--ink
  > .studio-guide__section-heading > h2 {
  padding-block: 0.4rem !important;
  background-color: transparent !important;
  background-image: none !important;
  line-height: 1.22 !important;
}

html[data-pa-theme="light"] body.pa-body.pa-body.pa-family-workspace.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide .studio-guide__section--ink
  > .studio-guide__section-heading > h2 {
  padding-block: 0.5rem !important;
  background-color: transparent !important;
  background-image: none !important;
  line-height: 1.22 !important;
}

@media (min-width: 68.75rem) {
  html[data-pa-theme="light"] body.pa-body.pa-body.pa-family-workspace.pa-protected-workspace:has(.studio-guide[data-studio-manual])
    #main-content#main-content .studio-guide .studio-guide__section--ink
    > .studio-guide__section-heading > h2 {
    line-height: 1.3 !important;
  }
}

html[data-pa-theme="light"] body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide .studio-guide__section--ink
  > .studio-guide__section-heading {
  position: relative !important;
  z-index: 3 !important;
  padding: 0 !important;
  background-color: transparent !important;
  background-image: none !important;
  isolation: isolate;
}

html[data-pa-theme="dark"] body.pa-body:has(.studio-guide[data-studio-manual])
  :is(.pa-site-header, .pa-site-header .navbar, .pa-site-header .ecosystem-nav__shell) {
  border-color: #29434c !important;
  background-color: #081620 !important;
  background-image: none !important;
}

html[data-pa-theme="dark"] body.pa-body:has(.studio-guide[data-studio-manual])
  .pa-site-header :is(
    .ecosystem-nav__goal-link > span:first-child,
    .ecosystem-nav__toggle,
    .pa-header-link
  ) {
  position: relative !important;
  z-index: 1 !important;
  color: #f1f8f9 !important;
  background-color: #081620 !important;
  background-image: none !important;
  isolation: isolate;
}

html[data-pa-theme="dark"] body.pa-body:has(.studio-guide[data-studio-manual])
  .pa-site-header .ecosystem-nav__goal-link {
  background-color: #081620 !important;
  background-image: none !important;
  isolation: isolate;
}

html[data-pa-theme="dark"] body.pa-body:has(.studio-guide[data-studio-manual])
  .pa-site-header .ecosystem-nav__goal-link > span:first-child {
  padding-block: 0.15rem !important;
  background-color: transparent !important;
  background-image: none !important;
  line-height: 1.45 !important;
}

html[data-pa-theme="dark"] body.pa-body:has(.studio-guide[data-studio-manual])
  .pa-site-header .ecosystem-nav__goal-pill {
  position: relative !important;
  z-index: 1 !important;
  color: #70e1dc !important;
  background-color: #152935 !important;
  background-image: none !important;
  isolation: isolate;
}

html[data-pa-theme="dark"] body.pa-body:has(.studio-guide[data-studio-manual])
  .pa-site-header .pa-nav-cta {
  color: #081620 !important;
  border-color: #28b8c4 !important;
  background-color: #28b8c4 !important;
  background-image: none !important;
}

html[data-pa-theme="dark"] body.pa-body:has(.studio-guide[data-studio-manual])
  .pa-site-header :is(#checkDropdown, #solveDropdown, #exploreDropdown, #printedDropdown)::after {
  border-top-color: #28b8c4 !important;
}

html[data-pa-theme="dark"] body.pa-body:has(.studio-guide[data-studio-manual])
  .pa-site-header .ecosystem-nav__signed-out--desktop {
  border-color: #29434c !important;
}

/* The manual screenshots are supporting evidence, not Dark foundations. Keep
   them large enough to read while bounding their pale paint inside a canonical
   raised media frame. */
html[data-pa-theme="dark"] body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide .studio-guide__figure {
  width: min(100%, 46rem) !important;
  margin-inline: auto !important;
  padding: 0.75rem !important;
  border-color: #29434c !important;
  background-color: #152935 !important;
  background-image: none !important;
}

html[data-pa-theme="dark"] body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide .studio-guide__figure > img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-color: #29434c !important;
  background-color: #0f1e27 !important;
  background-image: none !important;
}

html[data-pa-theme="dark"] body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual])
  #main-content#main-content .studio-guide .studio-guide__figure > figcaption {
  position: relative !important;
  z-index: 2 !important;
  padding: 0.75rem !important;
  color: #c7d4d9 !important;
  background-color: #183240 !important;
  background-image: none !important;
  isolation: isolate;
}

@media (min-width: 33.8125rem) and (max-width: 56.25rem) {
  html[data-pa-theme="dark"] body.pa-body.pa-protected-workspace:has(.studio-guide[data-studio-manual])
    #main-content#main-content .studio-guide .studio-guide__figure {
    width: min(100%, 36rem) !important;
  }
}