/* Pearl glass internal interface. Loaded after ecosystem.css. */

:root {
  --ig-bg: #030303;
  --ig-bg-soft: #0a0908;
  --ig-pearl: #fbf8f1;
  --ig-muted: rgba(245, 241, 232, .66);
  --ig-faint: rgba(245, 241, 232, .44);
  --ig-champagne: #d8c49f;
  --ig-glass: linear-gradient(145deg, rgba(255, 252, 245, .105), rgba(255, 252, 245, .025));
  --ig-glass-strong: linear-gradient(145deg, rgba(255, 252, 245, .17), rgba(255, 252, 245, .055));
  --ig-glass-active: linear-gradient(145deg, rgba(255, 252, 245, .23), rgba(255, 252, 245, .085));
  --ig-border: rgba(255, 252, 245, .17);
  --ig-border-strong: rgba(255, 252, 245, .38);
  --ig-shadow: 0 26px 76px rgba(0, 0, 0, .44);
  --ig-shadow-soft: 0 16px 44px rgba(0, 0, 0, .3);
  --ig-blur: 22px;
  --ig-radius: 28px;
  --ig-control-radius: 20px;
}

html[data-theme='cyber'] {
  color-scheme: dark;
  --text-primary: var(--ig-pearl);
  --text-secondary: var(--ig-muted);
  --text-muted: var(--ig-faint);
}

body:not(.has-launch-screen):not(.privacy-page),
body.privacy-page {
  color: var(--ig-pearl);
  background:
    radial-gradient(circle at 50% -8%, rgba(240, 226, 198, .105), transparent 36rem),
    radial-gradient(circle at -8% 42%, rgba(255, 255, 255, .055), transparent 30rem),
    radial-gradient(circle at 108% 78%, rgba(216, 196, 159, .06), transparent 34rem),
    var(--ig-bg) !important;
  background-attachment: fixed !important;
}

body:not(.has-launch-screen) main,
body:not(.has-launch-screen) .footer,
body.privacy-page main {
  position: relative;
  z-index: 1;
}

body:not(.has-launch-screen) .sec,
body:not(.has-launch-screen) .sec-w,
body:not(.has-launch-screen) .games-focus,
body:not(.has-launch-screen) .data-safety,
body:not(.has-launch-screen) .checker-section,
body:not(.has-launch-screen) .partners-sec,
body:not(.has-launch-screen) .footer {
  color: var(--ig-pearl);
  background: transparent !important;
}

body:not(.has-launch-screen) .sec::before,
body:not(.has-launch-screen) .sec-w::before,
body:not(.has-launch-screen) .games-focus::before {
  opacity: .08 !important;
  filter: grayscale(1) sepia(.08);
}

body:not(.has-launch-screen) .sec + .sec,
body:not(.has-launch-screen) .sec-w + .sec,
body:not(.has-launch-screen) .sec + .sec-w,
body:not(.has-launch-screen) .footer {
  border-top-color: rgba(255, 252, 245, .08) !important;
}

body:not(.has-launch-screen) .sec-tag,
body:not(.has-launch-screen) .ecosystem-tool-meta,
body:not(.has-launch-screen) .games-focus .app-n,
.cognitive-dialog .cognitive-dialog-kicker,
.privacy-page .sec-tag {
  color: var(--ig-champagne) !important;
  text-shadow: 0 0 24px rgba(216, 196, 159, .12);
}

body:not(.has-launch-screen) .sec-title,
body:not(.has-launch-screen) .ecosystem-tool-card h3,
body:not(.has-launch-screen) .games-focus .app-t,
body:not(.has-launch-screen) .data-card h3,
.cognitive-dialog h2,
.cognitive-dialog h3,
.privacy-document h1,
.privacy-document h2 {
  color: var(--ig-pearl) !important;
}

body:not(.has-launch-screen) .sec-desc,
body:not(.has-launch-screen) .ecosystem-tool-card p,
body:not(.has-launch-screen) .games-focus .app-d,
body:not(.has-launch-screen) .data-card p,
body:not(.has-launch-screen) .footer,
.cognitive-dialog .cognitive-lead,
.privacy-document p,
.privacy-document li {
  color: var(--ig-muted) !important;
}

body:not(.has-launch-screen) .calculator-promise li::before {
  color: var(--ig-champagne) !important;
}

/* Calculator Rhomb v2 foundation */
.cognitive-dialog--glass .cognitive-map {
  border: 1px solid rgba(255, 252, 245, .10);
  border-radius: clamp(28px, 3vw, 42px);
  background:
    radial-gradient(circle at 50% 50%, rgba(216, 196, 159, .075), transparent 48%),
    linear-gradient(145deg, rgba(255, 252, 245, .06), rgba(255, 252, 245, .014));
  -webkit-backdrop-filter: blur(20px) saturate(1.04);
  backdrop-filter: blur(20px) saturate(1.04);
  box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 24px 70px rgba(0, 0, 0, .24);
}

.cognitive-dialog--glass .cognitive-rhomb {
  width: min(760px, 96%);
  aspect-ratio: 5 / 3;
  filter: drop-shadow(0 20px 42px rgba(0, 0, 0, .24));
}

.cognitive-dialog--glass .cognitive-rhomb-lines path {
  stroke: rgba(255, 252, 245, .34) !important;
  filter: drop-shadow(0 0 8px rgba(255, 252, 245, .08));
}

.cognitive-dialog--glass .cognitive-rhomb-lines path:nth-child(2) {
  stroke: rgba(255, 252, 245, .20) !important;
}

.cognitive-dialog--glass .cognitive-rhomb-node {
  border-color: rgba(255, 252, 245, .28) !important;
  background: linear-gradient(145deg, rgba(255, 252, 245, .14), rgba(255, 252, 245, .038)) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
  backdrop-filter: blur(18px) saturate(1.12);
  box-shadow: inset 0 1px rgba(255, 255, 255, .17), 0 16px 42px rgba(0, 0, 0, .32) !important;
}

.cognitive-dialog--glass .cognitive-rhomb-node.is-complete {
  border-color: rgba(255, 252, 245, .52) !important;
  color: rgba(255, 252, 245, .94) !important;
  background: linear-gradient(145deg, rgba(255, 252, 245, .21), rgba(255, 252, 245, .075)) !important;
}

.cognitive-dialog--glass .cognitive-rhomb-node.is-active {
  border-color: rgba(255, 255, 255, .98) !important;
  color: #090909 !important;
  background: rgba(252, 250, 246, .96) !important;
  box-shadow: 0 0 0 8px rgba(255, 252, 245, .085), 0 0 46px rgba(216, 196, 159, .28) !important;
}

.cognitive-dialog--glass .cognitive-rhomb-node.is-active small,
.cognitive-dialog--glass .cognitive-rhomb-node.is-active b {
  color: #090909 !important;
}

@media (max-width: 899px) {
  .cognitive-dialog--glass .cognitive-workspace {
    grid-template-rows: minmax(250px, 36svh) minmax(0, 1fr);
    gap: 8px;
  }

  .cognitive-dialog--glass .cognitive-map {
    border-radius: 28px;
  }

  .cognitive-dialog--glass .cognitive-rhomb {
    width: min(620px, 92vw);
  }
}

@media (max-width: 720px) {
  .cognitive-dialog--glass .cognitive-workspace {
    grid-template-rows: minmax(224px, 33svh) minmax(0, 1fr);
    gap: 6px;
  }

  .cognitive-dialog--glass .cognitive-map {
    width: calc(100% - 8px);
    margin-inline: auto;
    border-radius: 24px;
  }

  .cognitive-dialog--glass .cognitive-rhomb {
    width: min(380px, 94vw);
  }

  .cognitive-dialog--glass[data-cognitive-view='question'] .cognitive-workspace {
    grid-template-rows: minmax(176px, 26svh) minmax(0, 1fr);
    gap: 4px;
  }

  .cognitive-dialog--glass[data-cognitive-view='question'] .cognitive-rhomb {
    width: min(340px, 92vw);
  }

  .cognitive-dialog--glass[data-cognitive-view='question'] .cognitive-rhomb-node {
    min-width: 70px;
    min-height: 40px;
    padding: 5px 8px;
  }

  .cognitive-dialog--glass[data-cognitive-view='question'] .cognitive-rhomb-node b {
    font-size: 14px;
  }

  .cognitive-dialog--glass[data-cognitive-view='question'] .cognitive-rhomb-node small {
    font-size: 7px;
  }
}

@media (max-width: 720px) and (max-height: 760px) {
  .cognitive-dialog--glass[data-cognitive-view='question'] .cognitive-workspace {
    grid-template-rows: minmax(148px, 23svh) minmax(0, 1fr);
  }

  .cognitive-dialog--glass[data-cognitive-view='question'] .cognitive-rhomb {
    width: min(300px, 82vw);
  }
}

/* Shared reflow guard for every internal glass surface. */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
  overflow-x: clip;
  touch-action: manipulation;
}

main,
section,
.wrap,
.cognitive-dialog-shell,
.cognitive-workspace,
.cognitive-panel {
  min-width: 0;
  max-width: 100%;
}

body:not(.has-launch-screen) .ecosystem-tool-card,
body:not(.has-launch-screen) .games-focus .app-card,
body:not(.has-launch-screen) .trainer-filter,
body:not(.has-launch-screen) .data-card,
body:not(.has-launch-screen) .checker-panel,
body:not(.has-launch-screen) .partners-list,
body:not(.has-launch-screen) .anonymize-callout,
.cognitive-dialog--glass .cognitive-panel,
.cognitive-dialog--glass .cognitive-result-score,
.cognitive-dialog--glass .cognitive-practical-answers article,
.cognitive-dialog--glass .cognitive-guidance-card,
.cognitive-dialog--glass .cognitive-calculation-details,
.cognitive-dialog--glass .cognitive-formula-metric,
.cognitive-dialog--glass .cognitive-zone,
.screen-time-dialog .ecosystem-dialog-shell,
.cookie-consent__content,
.privacy-nav,
.privacy-document {
  border: 1px solid var(--ig-border) !important;
  color: var(--ig-pearl);
  background: var(--ig-glass) !important;
  -webkit-backdrop-filter: blur(var(--ig-blur)) saturate(1.12);
  backdrop-filter: blur(var(--ig-blur)) saturate(1.12);
  box-shadow: inset 0 1px rgba(255, 255, 255, .13), var(--ig-shadow) !important;
}

body:not(.has-launch-screen) .ecosystem-tool-card,
body:not(.has-launch-screen) .games-focus .app-card,
body:not(.has-launch-screen) .data-card,
body:not(.has-launch-screen) .checker-panel,
.cognitive-dialog--glass .cognitive-panel,
.privacy-document {
  border-radius: var(--ig-radius) !important;
}

body:not(.has-launch-screen) .ecosystem-tool-card:hover,
body:not(.has-launch-screen) .games-focus .app-card:hover,
body:not(.has-launch-screen) .data-card:hover {
  border-color: var(--ig-border-strong) !important;
  background: var(--ig-glass-strong) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .18), 0 30px 80px rgba(0, 0, 0, .48) !important;
}

body:not(.has-launch-screen) .tool-calculator-media,
body:not(.has-launch-screen) .trainer-course-visual {
  border: 1px solid rgba(255, 252, 245, .11) !important;
  background: linear-gradient(145deg, rgba(255, 252, 245, .075), rgba(0, 0, 0, .13)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .09), 0 18px 48px rgba(0, 0, 0, .28) !important;
}

body:not(.has-launch-screen) .trainer-course-meta span {
  border: 1px solid rgba(255, 252, 245, .11);
  color: var(--ig-muted);
  background: rgba(255, 252, 245, .045);
}

body:not(.has-launch-screen) .ecosystem-tool-action,
body:not(.has-launch-screen) .app-dock button,
body:not(.has-launch-screen) .trainer-filter__button,
body:not(.has-launch-screen) .checker-list button,
.cognitive-dialog--glass .ecosystem-dialog-close,
.cognitive-dialog--glass .cognitive-mode-grid button,
.cognitive-dialog--glass .cognitive-answer,
.cognitive-dialog--glass .cognitive-back,
.cognitive-dialog--glass .cognitive-restart,
.cognitive-dialog--glass .cognitive-close-result,
.cognitive-dialog--glass .cognitive-explanation-open,
.screen-time-dialog .ecosystem-dialog-close,
.screen-time-dialog .screen-time-options button,
.cookie-consent__actions button,
.privacy-back {
  border: 1px solid var(--ig-border) !important;
  color: var(--ig-pearl) !important;
  background: linear-gradient(145deg, rgba(255, 252, 245, .095), rgba(255, 252, 245, .03)) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.08);
  backdrop-filter: blur(16px) saturate(1.08);
  box-shadow: inset 0 1px rgba(255, 255, 255, .12), var(--ig-shadow-soft) !important;
}

body:not(.has-launch-screen) .ecosystem-tool-action:hover,
body:not(.has-launch-screen) .ecosystem-tool-action:focus-visible,
body:not(.has-launch-screen) .trainer-filter__button:hover,
body:not(.has-launch-screen) .checker-list button:hover,
.cognitive-dialog--glass .cognitive-mode-grid button:hover,
.cognitive-dialog--glass .cognitive-answer:hover,
.cognitive-dialog--glass .cognitive-answer:focus-visible,
.cognitive-dialog--glass .cognitive-explanation-open:hover,
.screen-time-dialog .screen-time-options button:hover,
.cookie-consent__actions button:hover,
.privacy-back:hover {
  border-color: var(--ig-border-strong) !important;
  background: var(--ig-glass-strong) !important;
}

body:not(.has-launch-screen) .ecosystem-tool-action span:last-child {
  color: #080706 !important;
  background: linear-gradient(145deg, rgba(251, 248, 241, .96), rgba(216, 196, 159, .84)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .68), 0 10px 26px rgba(0, 0, 0, .28) !important;
}

body:not(.has-launch-screen) .ecosystem-tool-action:hover span:last-child,
body:not(.has-launch-screen) .ecosystem-tool-action:focus-visible span:last-child {
  color: #080706 !important;
  background: linear-gradient(145deg, #fbf8f1, #d8c49f) !important;
}

body:not(.has-launch-screen) .app-dock {
  border: 1px solid rgba(255, 252, 245, .19) !important;
  background: linear-gradient(145deg, rgba(20, 19, 17, .8), rgba(7, 7, 7, .66)) !important;
  -webkit-backdrop-filter: blur(30px) saturate(1.1);
  backdrop-filter: blur(30px) saturate(1.1);
  box-shadow: inset 0 1px rgba(255, 255, 255, .15), 0 22px 62px rgba(0, 0, 0, .52) !important;
}

body:not(.has-launch-screen) .app-dock button[aria-current='page'] {
  border-color: var(--ig-border-strong) !important;
  color: var(--ig-pearl) !important;
  background: var(--ig-glass-active) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .21), 0 9px 28px rgba(216, 196, 159, .08) !important;
}

body:not(.has-launch-screen) .app-dock button img,
body:not(.has-launch-screen) .app-dock button[aria-current='page'] img {
  filter: brightness(0) invert(1) !important;
}

body:not(.has-launch-screen) .trainer-filter__button[aria-selected='true'] {
  border-color: var(--ig-border-strong) !important;
  color: var(--ig-pearl) !important;
  background: var(--ig-glass-strong) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .18), 0 10px 30px rgba(0, 0, 0, .3) !important;
}

body:not(.has-launch-screen) .trainer-filter__button svg,
body:not(.has-launch-screen) .trainer-course-illustration {
  filter: none !important;
}

.cognitive-dialog.cognitive-dialog--glass,
.screen-time-dialog {
  color: var(--ig-pearl);
  background:
    radial-gradient(circle at 50% 12%, rgba(240, 226, 198, .09), transparent 34rem),
    radial-gradient(circle at 8% 72%, rgba(255, 255, 255, .045), transparent 28rem),
    rgba(2, 2, 2, .92) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.06);
  backdrop-filter: blur(24px) saturate(1.06);
}

.cognitive-dialog::backdrop,
.screen-time-dialog::backdrop {
  background: rgba(0, 0, 0, .78);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.cognitive-dialog--glass .cognitive-map-copy {
  border: 1px solid rgba(255, 252, 245, .1);
  border-radius: 18px;
  color: var(--ig-muted);
  background: rgba(255, 252, 245, .035);
}

.cognitive-dialog--glass .cognitive-rhomb-lines path {
  stroke: rgba(255, 252, 245, .25) !important;
}

.cognitive-dialog--glass .cognitive-rhomb-node {
  border-color: rgba(255, 252, 245, .2) !important;
  color: var(--ig-muted) !important;
  background: linear-gradient(145deg, rgba(255, 252, 245, .09), rgba(255, 252, 245, .025)) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  box-shadow: inset 0 1px rgba(255, 255, 255, .11), 0 12px 36px rgba(0, 0, 0, .32) !important;
}

.cognitive-dialog--glass .cognitive-rhomb-node.is-complete {
  border-color: rgba(255, 252, 245, .35) !important;
  color: var(--ig-pearl) !important;
}

.cognitive-dialog--glass .cognitive-rhomb-node.is-active {
  border-color: rgba(255, 252, 245, .76) !important;
  color: var(--ig-pearl) !important;
  background: var(--ig-glass-active) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .25), 0 0 34px rgba(216, 196, 159, .16) !important;
}

.cognitive-dialog--glass .cognitive-panel {
  background: linear-gradient(145deg, rgba(255, 252, 245, .095), rgba(255, 252, 245, .025)) !important;
}

.cognitive-dialog--glass .cognitive-progress {
  background: rgba(255, 252, 245, .08) !important;
}

.cognitive-dialog--glass .cognitive-progress span,
.cognitive-dialog--glass .cognitive-zone-track i.is-filled {
  background: linear-gradient(90deg, rgba(255, 255, 255, .95), var(--ig-champagne)) !important;
  box-shadow: 0 0 18px rgba(216, 196, 159, .16);
}

.cognitive-dialog--glass .cognitive-answer[aria-pressed='true'] {
  border-color: rgba(255, 252, 245, .68) !important;
  color: var(--ig-pearl) !important;
  background: var(--ig-glass-active) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .23), 0 14px 38px rgba(0, 0, 0, .34) !important;
}

.cognitive-dialog--glass .cognitive-result-score strong,
.cognitive-dialog--glass .cognitive-formula-metric strong,
.screen-time-result strong {
  color: var(--ig-champagne) !important;
  text-shadow: 0 0 28px rgba(216, 196, 159, .13);
}

.cognitive-dialog--glass .cognitive-practical-answers article > span,
.cognitive-dialog--glass .cognitive-guidance-action > span {
  color: var(--ig-champagne) !important;
}

.cognitive-dialog--glass .cognitive-high-level-caution {
  border-color: var(--ig-border) !important;
  color: var(--ig-muted) !important;
  background: var(--ig-glass) !important;
}

.cognitive-dialog--glass .cognitive-calculation-details summary::after {
  border-color: var(--ig-border);
  color: var(--ig-pearl);
  background: rgba(255, 252, 245, .065);
}

.screen-time-dialog .ecosystem-dialog-shell {
  border-radius: var(--ig-radius) !important;
}

.cookie-consent__content {
  border-radius: 28px !important;
  background: linear-gradient(145deg, rgba(24, 23, 21, .94), rgba(8, 8, 8, .88)) !important;
}

.cookie-consent__copy p,
.cookie-consent__privacy {
  color: var(--ig-muted) !important;
}

.privacy-page {
  min-height: 100svh;
}

.privacy-nav {
  background: linear-gradient(145deg, rgba(18, 17, 15, .84), rgba(5, 5, 5, .68)) !important;
}

.privacy-document {
  background: linear-gradient(145deg, rgba(255, 252, 245, .085), rgba(255, 252, 245, .025)) !important;
}

.privacy-document a {
  color: var(--ig-champagne) !important;
}

.privacy-document section,
.privacy-document h2 {
  border-color: rgba(255, 252, 245, .1) !important;
}

:focus-visible {
  outline-color: rgba(255, 252, 245, .9) !important;
}

@media (max-width: 720px) {
  :root {
    --ig-blur: 17px;
    --ig-radius: 24px;
  }

  .privacy-document h1 {
    font-size: clamp(1.65rem, 7vw, 2.1rem) !important;
    line-height: 1.06 !important;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }

  body:not(.has-launch-screen) .ecosystem-tool-card,
  body:not(.has-launch-screen) .games-focus .app-card,
  .cognitive-dialog--glass .cognitive-panel,
  .privacy-document {
    border-radius: 24px !important;
  }

  body:not(.has-launch-screen) .app-dock {
    border-radius: 31px !important;
  }

  .cookie-consent__content {
    border-radius: 24px !important;
  }
}

@media (min-width: 900px) and (orientation: portrait) {
  :root {
    --ig-blur: 26px;
    --ig-radius: 34px;
  }

  body:not(.has-launch-screen) .ecosystem-tool-card,
  body:not(.has-launch-screen) .games-focus .app-card {
    box-shadow: inset 0 1px rgba(255, 255, 255, .15), 0 34px 94px rgba(0, 0, 0, .48) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body:not(.has-launch-screen) .ecosystem-tool-card,
  body:not(.has-launch-screen) .games-focus .app-card,
  body:not(.has-launch-screen) .app-dock button,
  .cognitive-dialog--glass .cognitive-rhomb-node {
    transition: none !important;
  }
}

/* Calculator Rhomb v2 */
.cognitive-dialog--glass .cognitive-map {
  border: 1px solid rgba(255, 252, 245, .10) !important;
  border-radius: clamp(28px, 3vw, 42px);
  background:
    radial-gradient(circle at 50% 50%, rgba(216, 196, 159, .075), transparent 48%),
    linear-gradient(145deg, rgba(255, 252, 245, .06), rgba(255, 252, 245, .014)) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.04);
  backdrop-filter: blur(20px) saturate(1.04);
  box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 24px 70px rgba(0, 0, 0, .24) !important;
}

.cognitive-dialog--glass .cognitive-rhomb {
  width: min(760px, 96%);
  aspect-ratio: 5 / 3;
  filter: drop-shadow(0 20px 42px rgba(0, 0, 0, .24));
}

.cognitive-dialog--glass .cognitive-rhomb-lines path {
  stroke: rgba(255, 252, 245, .34) !important;
  filter: drop-shadow(0 0 8px rgba(255, 252, 245, .08));
}

.cognitive-dialog--glass .cognitive-rhomb-lines path:nth-child(2) {
  stroke: rgba(255, 252, 245, .20) !important;
}

.cognitive-dialog--glass .cognitive-rhomb-node {
  border-color: rgba(255, 252, 245, .28) !important;
  background: linear-gradient(145deg, rgba(255, 252, 245, .14), rgba(255, 252, 245, .038)) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
  backdrop-filter: blur(18px) saturate(1.12);
  box-shadow: inset 0 1px rgba(255, 255, 255, .17), 0 16px 42px rgba(0, 0, 0, .32) !important;
}

.cognitive-dialog--glass .cognitive-rhomb-node.is-complete {
  border-color: rgba(255, 252, 245, .52) !important;
  color: rgba(255, 252, 245, .94) !important;
  background: linear-gradient(145deg, rgba(255, 252, 245, .21), rgba(255, 252, 245, .075)) !important;
}

.cognitive-dialog--glass .cognitive-rhomb-node.is-active {
  border-color: rgba(255, 255, 255, .98) !important;
  color: #090909 !important;
  background: rgba(252, 250, 246, .96) !important;
  box-shadow: 0 0 0 8px rgba(255, 252, 245, .085), 0 0 46px rgba(216, 196, 159, .28) !important;
}

.cognitive-dialog--glass .cognitive-rhomb-node.is-active small,
.cognitive-dialog--glass .cognitive-rhomb-node.is-active b {
  color: #090909 !important;
}

@media (max-width: 899px) {
  .cognitive-dialog--glass .cognitive-workspace {
    grid-template-rows: minmax(250px, 36svh) minmax(0, 1fr);
    gap: 8px;
  }

  .cognitive-dialog--glass .cognitive-map {
    border-radius: 28px;
  }

  .cognitive-dialog--glass .cognitive-rhomb {
    width: min(620px, 92vw);
  }
}

@media (max-width: 720px) {
  .cognitive-dialog--glass .cognitive-workspace {
    grid-template-rows: minmax(224px, 33svh) minmax(0, 1fr);
    gap: 6px;
  }

  .cognitive-dialog--glass .cognitive-map {
    width: calc(100% - 8px);
    margin-inline: auto;
    border-radius: 24px;
  }

  .cognitive-dialog--glass .cognitive-rhomb {
    width: min(380px, 94vw);
  }

  .cognitive-dialog--glass[data-cognitive-view='question'] .cognitive-workspace {
    grid-template-rows: minmax(176px, 26svh) minmax(0, 1fr);
    gap: 4px;
  }

  .cognitive-dialog--glass[data-cognitive-view='question'] .cognitive-rhomb {
    width: min(340px, 92vw);
  }

  .cognitive-dialog--glass[data-cognitive-view='question'] .cognitive-rhomb-node {
    min-width: 70px;
    min-height: 40px;
    padding: 5px 8px;
  }

  .cognitive-dialog--glass[data-cognitive-view='question'] .cognitive-rhomb-node b {
    font-size: 14px;
  }

  .cognitive-dialog--glass[data-cognitive-view='question'] .cognitive-rhomb-node small {
    font-size: 7px;
  }
}

@media (max-width: 720px) and (max-height: 760px) {
  .cognitive-dialog--glass[data-cognitive-view='question'] .cognitive-workspace {
    grid-template-rows: minmax(148px, 23svh) minmax(0, 1fr);
  }

  .cognitive-dialog--glass[data-cognitive-view='question'] .cognitive-rhomb {
    width: min(300px, 82vw);
  }
}