/* Native Figma masters. Scope geometry and theme to these explicit placements. */
.platform-page .gl-art {
  min-width:0;
  width:100%;
  max-width:660px;
  margin:0;
  align-self:center;
  background:var(--pearl-bg);
  border-radius:var(--pearl-radius-panel);
  border:1px solid var(--pearl-line);
  box-shadow:none;
  overflow:hidden;
}
.gl-viewport { container-type:inline-size; width:100%; }
.gl-viewport>.gl-svg { display:none; height:auto; }
.gl-viewport>.gl-compact { width:min(100%,340px); margin-inline:auto; }
html[data-theme="light"] .gl-viewport>.gl-compact.gl-light,
html[data-theme="dark"] .gl-viewport>.gl-compact.gl-dark { display:block; }
@container (min-width:540px) {
  html[data-theme="light"] .gl-viewport>.gl-compact.gl-light,
  html[data-theme="dark"] .gl-viewport>.gl-compact.gl-dark { display:none; }
  html[data-theme="light"] .gl-viewport>.gl-wide.gl-light,
  html[data-theme="dark"] .gl-viewport>.gl-wide.gl-dark { display:block; width:100%; }
}
.platform-page .gl-art>.sr-only {
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0;
}
/* Architecture hero (CEO direction, 8 October 2026, item 17): the medium layout for frames from 380
   to 599 px, shown up to 460 px wide; the compact layout below 380 px and the wide one from 600 px.
   Every label stays at 12 px or more on screen. */
.gl-viewport>.gl-medium { width:min(100%,460px); margin-inline:auto; }
@container (min-width:380px) and (max-width:599.98px) {
  html[data-theme="light"] [data-graphic-key="architecture"] .gl-viewport>.gl-compact.gl-light,
  html[data-theme="dark"] [data-graphic-key="architecture"] .gl-viewport>.gl-compact.gl-dark,
  html[data-theme="light"] [data-graphic-key="architecture"] .gl-viewport>.gl-wide.gl-light,
  html[data-theme="dark"] [data-graphic-key="architecture"] .gl-viewport>.gl-wide.gl-dark { display:none; }
  html[data-theme="light"] [data-graphic-key="architecture"] .gl-viewport>.gl-medium.gl-light,
  html[data-theme="dark"] [data-graphic-key="architecture"] .gl-viewport>.gl-medium.gl-dark { display:block; }
}