/* EMWave v1.4.0w — Symbol Observatory compiled CSS */
/* EMWave — Symbol Observatory stream UI v1.4.0 */
.symbol-observatory-panel{
  display:grid;
  grid-template-rows:auto auto auto auto;
  gap:8px;
  padding:9px;
  border-bottom:1px solid var(--color-border-soft);
  background:#090d13;
}
.symbol-observatory-panel[hidden]{ display:none !important; }
.symbol-observatory-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  color:var(--color-text-heading);
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.symbol-observatory-title strong{
  min-width:0;
  color:#b9d7ff;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:10px;
  font-weight:500;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-transform:none;
  letter-spacing:.02em;
}
.symbol-control-grid{
  display:grid;
  grid-template-columns:58px minmax(0,1fr) 58px minmax(0,1fr);
  gap:6px 8px;
  align-items:center;
  min-width:0;
}
.symbol-text-input,
.symbol-select,
.symbol-number{
  width:100%;
  height:20px;
  min-width:0;
  border:1px solid #303744;
  border-radius:1px;
  background:#0b0f16;
  color:#d8dee9;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:10px;
  padding:0 5px;
}
.symbol-text-input{ grid-column:2 / -1; }
.symbol-text-input:focus,
.symbol-select:focus,
.symbol-number:focus{
  outline:1px solid #647086;
  border-color:#647086;
  background:#111722;
}
.symbol-button-row{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) 64px;
  gap:6px;
  min-width:0;
}
.symbol-apply-button,
.symbol-clear-button,
.symbol-close-button{
  grid-column:auto;
  width:100%;
  height:24px;
  min-height:24px;
  margin:2px 0 0;
  padding:0 10px;
  font-size:10px;
  letter-spacing:.08em;
  white-space:nowrap;
}
.symbol-apply-button{
  border-color:#4c6078;
  background:#152033;
  color:#dcecff;
}
.symbol-clear-button{
  border-color:#5b4236;
  background:#221914;
  color:#ffd7bf;
}
.symbol-clear-button:hover{
  background:#2b1f18;
  border-color:#8b6148;
  color:#fff1e8;
}
.symbol-close-button{
  border-color:#3a424e;
  background:#171c24;
  color:#aeb8c8;
}

.symbol-export-row{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:58px 56px 18px minmax(92px,1fr) minmax(86px,1fr);
  gap:6px;
  align-items:center;
  min-width:0;
}
.symbol-duration-input{
  width:100%;
  height:22px;
  min-width:0;
  border:1px solid #303744;
  border-radius:1px;
  background:#0b0f16;
  color:#d8dee9;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:10px;
  padding:0 5px;
  text-align:right;
}
.symbol-duration-input:focus{
  outline:1px solid #647086;
  border-color:#647086;
  background:#111722;
}
.symbol-export-unit{
  color:#7f8b9c;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:10px;
}
.symbol-export-button{
  grid-column:auto;
  width:100%;
  height:22px;
  min-height:22px;
  margin:0;
  padding:0 8px;
  border-color:#3b526b;
  background:#111b28;
  color:#cfe7ff;
  font-size:9px;
  letter-spacing:.06em;
  white-space:nowrap;
}
.symbol-export-button:hover{
  background:#172438;
  border-color:#6382a6;
}
.symbol-preview.is-good{ color:#89d185; }
.symbol-preview.is-warn{ color:#e6c86e; }

.symbol-readout{
  display:grid;
  grid-template-columns:1fr;
  gap:4px 8px;
  color:#c0c8d4;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:10px;
  line-height:1.35;
}
.symbol-readout div{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.symbol-readout strong{ color:#b9d7ff; }
.symbol-preview{
  color:var(--color-text-muted);
  font-size:10px;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.symbol-plot-placeholder{
  height:100%;
  min-height:120px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:18px;
  color:#aeb8c7;
  text-align:center;
  background:radial-gradient(circle at 50% 50%, rgba(143,212,255,.08), transparent 54%), #070a0f;
}
.symbol-plot-placeholder strong{
  color:#dff2ff;
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.symbol-plot-placeholder span{
  max-width:620px;
  font-size:11px;
  line-height:1.5;
}
.analysis-mode-symbol .measurement-title,
.analysis-mode-symbol .measurement-grid,
.analysis-mode-symbol .phase-table-wrap,
.analysis-mode-symbol .geometry-fingerprint-panel,
.analysis-mode-symbol #discoveryHistoryPanel,
.analysis-mode-symbol #atlasRegionIntelligencePanel,
.analysis-mode-symbol #atlasGenealogyPanel,
.analysis-mode-symbol #atlasStatsPanel,
.analysis-mode-symbol #atlasObservatoryPanel{
  display:none !important;
}
.analysis-mode-symbol .measurement-body--spectrum{
  grid-template-rows:auto;
}
@media (max-width:1580px){
  .symbol-control-grid{ grid-template-columns:58px minmax(0,1fr); }
  .symbol-export-row{ grid-template-columns:58px 54px 16px 1fr 1fr; }
  .symbol-text-input{ grid-column:auto; }
  .symbol-button-row{ grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr) 64px; }
  .symbol-readout{ grid-template-columns:1fr; }
}
@media (max-width:820px){
  .symbol-control-grid{ grid-template-columns:58px minmax(0,1fr); }
  .symbol-export-row{ grid-template-columns:58px 54px 16px; }
  .symbol-export-button{ grid-column:1 / -1; }
  .symbol-button-row{ grid-template-columns:1fr; }
  .symbol-apply-button,
  .symbol-clear-button,
  .symbol-close-button{ grid-column:1 / -1; }
  .symbol-readout{ grid-template-columns:1fr; }
}

/* v1.4.0 — Symbol visual publication panel */
.symbol-visual-shell{
  height:100%;
  min-height:260px;
  display:grid;
  grid-template-rows:36px minmax(0,1fr) 30px 24px;
  background:
    radial-gradient(circle at 50% 43%, rgba(143,212,255,.13), transparent 58%),
    linear-gradient(180deg,#070a0f,#05080c);
  overflow:hidden;
}
.symbol-visual-header{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:5px 9px;
  border-bottom:1px solid rgba(79,91,110,.48);
  background:#0b1017;
}
.symbol-visual-header div{
  min-width:0;
  display:grid;
  gap:1px;
}
.symbol-visual-header strong{
  color:#dff2ff;
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.symbol-visual-header span{
  color:#7f8b9c;
  font-size:9px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.symbol-constellation-svg{
  width:100%;
  height:100%;
  min-height:0;
  display:block;
}
.symbol-svg-bg{ fill:#05080c; }
.symbol-svg-ring{
  fill:none;
  stroke:rgba(143,212,255,.24);
  stroke-width:1;
  stroke-dasharray:4 7;
}
.symbol-svg-ring--inner{
  stroke:rgba(137,209,133,.18);
  stroke-dasharray:2 5;
}
.symbol-svg-letter{
  fill:#7f8b9c;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:8px;
  opacity:.78;
}
.symbol-svg-spoke{
  stroke:rgba(143,212,255,.28);
  stroke-width:.8;
}
.symbol-svg-link{
  stroke:rgba(185,215,255,.56);
  stroke-width:1.25;
  filter:drop-shadow(0 0 3px rgba(143,212,255,.25));
}
.symbol-svg-node.is-repeat circle{
  stroke:#ffe7a4;
  stroke-width:1.8;
}
.symbol-svg-node circle{
  fill:#8fd4ff;
  fill-opacity:.82;
  stroke:#e5f5ff;
  stroke-width:.9;
  filter:drop-shadow(0 0 4px rgba(143,212,255,.58));
}
.symbol-svg-node text{
  fill:#071019;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:6px;
  font-weight:700;
  pointer-events:none;
}
.symbol-svg-dna-path{
  fill:none;
  stroke:rgba(137,209,133,.48);
  stroke-width:1.1;
}
.symbol-svg-dna-path--mirror{
  stroke:rgba(255,176,96,.42);
}
.symbol-svg-dna-rung{
  stroke:rgba(185,215,255,.24);
  stroke-width:.6;
}
.symbol-svg-dna-dot{
  fill:#b9d7ff;
  opacity:.55;
}
.symbol-visual-metrics{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  border-top:1px solid rgba(79,91,110,.48);
  background:#0b1017;
  overflow:hidden;
}
.symbol-visual-metrics span{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:5px;
  padding:0 7px;
  border-right:1px solid rgba(79,91,110,.42);
  white-space:nowrap;
}
.symbol-visual-metrics span:last-child{ border-right:none; }
.symbol-visual-metrics b{
  color:#626c7a;
  font-size:8px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.symbol-visual-metrics strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#b9d7ff;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:9px;
  font-weight:500;
  text-align:right;
}
.symbol-word-strip{
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
  padding:4px 8px;
  border-top:1px solid rgba(79,91,110,.32);
  background:#080c12;
  overflow:hidden;
}
.symbol-word-strip span{
  min-width:0;
  display:inline-flex;
  align-items:center;
  gap:5px;
  height:16px;
  padding:0 6px;
  border:1px solid rgba(79,91,110,.62);
  background:#111722;
  color:#d8dee9;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:9px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.symbol-word-strip b{
  color:#8fd4ff;
  font-weight:600;
}
@media (max-width:1580px){
  .symbol-visual-shell{ grid-template-rows:34px minmax(0,1fr) 52px 24px; }
  .symbol-visual-metrics{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .symbol-visual-metrics span{ height:26px; }
}
@media (max-width:820px){
  .symbol-visual-shell{ min-height:320px; grid-template-rows:48px minmax(0,1fr) 78px 44px; }
  .symbol-visual-header{ grid-template-columns:1fr; }
  .symbol-visual-metrics{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .symbol-word-strip{ flex-wrap:wrap; align-content:flex-start; }
}

/* v1.4.0 — Symbol DNA Library */
.symbol-library-row{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:7px 8px;
  align-items:center;
  min-width:0;
}
.symbol-library-select{
  width:100%;
  height:23px;
  min-width:0;
  border:1px solid #303744;
  border-radius:1px;
  background:#0b0f16;
  color:#d8dee9;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:10px;
  padding:0 5px;
}
.symbol-library-select:focus{
  outline:1px solid #647086;
  border-color:#647086;
  background:#111722;
}
.symbol-library-meta{
  grid-column:1 / -1;
  min-height:28px;
  padding:6px 8px;
  border:1px solid rgba(79,91,110,.55);
  background:#080d13;
  color:#9fb7cf;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:9px;
  line-height:1.45;
  overflow:hidden;
  text-overflow:ellipsis;
}
.symbol-library-action-row{
  grid-column:1 / -1;
  display:grid;
  gap:6px;
  min-width:0;
}
.symbol-library-action-row--primary{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.symbol-library-action-row--io{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.symbol-library-button{
  grid-column:auto;
  width:100%;
  height:23px;
  min-height:23px;
  margin:0;
  padding:0 6px;
  border-color:#394d61;
  background:#101923;
  color:#cfe7ff;
  font-size:8.5px;
  letter-spacing:.05em;
  white-space:nowrap;
}
.symbol-library-button:hover{
  background:#172438;
  border-color:#6382a6;
}
.symbol-library-button--danger{
  border-color:#5b4236;
  background:#211813;
  color:#ffd7bf;
}
.symbol-library-button--danger:hover{
  background:#2b1f18;
  border-color:#8b6148;
  color:#fff1e8;
}
@media (max-width:820px){
  .symbol-library-row{ grid-template-columns:58px minmax(0,1fr); }
  .symbol-library-action-row--primary,
  .symbol-library-action-row--io{ grid-template-columns:1fr; }
}

/* v1.4.0 — Symbol Observatory UI Layout */
.symbol-observatory-panel{
  grid-template-rows:auto auto minmax(0,auto) auto auto;
  gap:7px;
}
.symbol-tab-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
  min-width:0;
}
.symbol-tab-button{
  grid-column:auto;
  width:100%;
  height:22px;
  min-height:22px;
  margin:0;
  padding:0 6px;
  border:1px solid #303744;
  background:#111722;
  color:#aeb8c8;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:9px;
  letter-spacing:.06em;
  white-space:nowrap;
}
.symbol-tab-button:hover{
  background:#172033;
  border-color:#596273;
  color:#fff;
}
.symbol-tab-button.is-active{
  background:#101923;
  border-color:#8fd4ff;
  color:#dff2ff;
}
.symbol-observatory-panel:not(.symbol-tab-map) [data-symbol-tab="map"],
.symbol-observatory-panel:not(.symbol-tab-export) [data-symbol-tab="export"],
.symbol-observatory-panel:not(.symbol-tab-library) [data-symbol-tab="library"]{
  display:none !important;
}
.symbol-tab-export .symbol-preview,
.symbol-tab-library .symbol-preview{
  white-space:normal;
  max-height:34px;
}
.symbol-tab-export .symbol-control-grid,
.symbol-tab-library .symbol-control-grid{
  gap:7px;
}
.symbol-tab-export .symbol-export-row{
  grid-template-columns:58px 64px 18px minmax(110px,1fr) minmax(92px,1fr);
}
.symbol-tab-library .symbol-library-row{
  grid-template-columns:58px minmax(0,1fr) repeat(2,minmax(70px,.55fr));
}
.symbol-tab-library #symbolExportLibraryButton,
.symbol-tab-library #symbolImportLibraryButton{
  grid-column:auto;
}
.analysis-mode-symbol .spectrum-body{
  grid-template-rows:minmax(170px,40%) 25px minmax(0,1fr);
}
.analysis-mode-symbol .symbol-visual-shell{
  min-height:170px;
  grid-template-rows:28px minmax(0,1fr) 24px;
}
.analysis-mode-symbol .symbol-word-strip{
  display:none;
}
.analysis-mode-symbol .symbol-visual-header{
  padding:3px 8px;
}
.analysis-mode-symbol .symbol-visual-header strong{
  font-size:9px;
}
.analysis-mode-symbol .symbol-visual-header span{
  font-size:8px;
}
.analysis-mode-symbol .symbol-visual-metrics{
  grid-template-columns:repeat(6,minmax(0,1fr));
}
.analysis-mode-symbol .symbol-visual-metrics span{
  height:24px;
  padding:0 5px;
}
.analysis-mode-symbol .symbol-visual-metrics b{
  font-size:7.5px;
}
.analysis-mode-symbol .symbol-visual-metrics strong{
  font-size:8.5px;
}
@media (max-width:1580px){
  .analysis-mode-symbol .spectrum-body{
    grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);
    grid-template-rows:minmax(0,1fr) 25px;
  }
  .analysis-mode-symbol .symbol-visual-shell{
    min-height:0;
    grid-template-rows:28px minmax(0,1fr) 52px;
  }
  .analysis-mode-symbol .symbol-visual-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (max-width:820px){
  .symbol-tab-row{ grid-template-columns:repeat(3,minmax(84px,1fr)); overflow-x:auto; }
  .analysis-mode-symbol .spectrum-body{
    grid-template-columns:1fr;
    grid-template-rows:minmax(220px,34%) 76px minmax(0,1fr);
  }
  .analysis-mode-symbol .symbol-visual-shell{
    min-height:220px;
    grid-template-rows:42px minmax(0,1fr) 52px;
  }
}


/* v1.4.0 — Symbol visual modes: Constellation / DNA Helix / Fingerprint */
.symbol-observatory-title--visual{
  display:grid;
  grid-template-columns:auto auto minmax(112px,.7fr) minmax(0,1fr);
  align-items:center;
  gap:7px;
}
.symbol-observatory-title--visual > span{
  color:var(--color-text-heading);
  white-space:nowrap;
}
.symbol-observatory-title--visual label{
  justify-self:end;
  font-size:8px;
  color:#626c7a;
}
.symbol-visual-select{
  width:100%;
  height:19px;
  min-width:0;
  border:1px solid #303744;
  border-radius:1px;
  background:#0b0f16;
  color:#d8dee9;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:9px;
  padding:0 4px;
}
.symbol-visual-select:focus{
  outline:1px solid #647086;
  border-color:#647086;
  background:#111722;
}
.symbol-visual-caption,
.symbol-fingerprint-core,
.symbol-fingerprint-sub{
  font-family:"Roboto Mono","Consolas",monospace;
  fill:#9fb7cf;
}
.symbol-visual-caption{
  font-size:9px;
  letter-spacing:.04em;
  opacity:.84;
}
.symbol-helix-halo{
  fill:rgba(143,212,255,.045);
  stroke:rgba(143,212,255,.08);
}
.symbol-helix-backbone{
  fill:none;
  stroke:rgba(137,209,133,.54);
  stroke-width:1.45;
  filter:drop-shadow(0 0 4px rgba(137,209,133,.16));
}
.symbol-helix-backbone--b{
  stroke:rgba(255,176,96,.50);
}
.symbol-helix-rung line{
  stroke:rgba(185,215,255,.24);
  stroke-width:.8;
}
.symbol-helix-rung circle{
  fill:#8fd4ff;
  fill-opacity:.45;
  stroke:rgba(223,242,255,.56);
  stroke-width:.7;
}
.symbol-helix-rung.is-front circle{
  fill-opacity:.86;
  filter:drop-shadow(0 0 4px rgba(143,212,255,.45));
}
.symbol-helix-rung text{
  fill:#7f8b9c;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:7px;
  opacity:.7;
}
.symbol-fingerprint-outer{
  fill:rgba(143,212,255,.035);
  stroke:rgba(143,212,255,.20);
  stroke-width:1;
  stroke-dasharray:5 8;
}
.symbol-fingerprint-ray{
  fill:rgba(143,212,255,.14);
  stroke:rgba(185,215,255,.32);
  stroke-width:.65;
  filter:drop-shadow(0 0 2px rgba(143,212,255,.16));
}
.symbol-fingerprint-ray:nth-of-type(3n){ fill:rgba(137,209,133,.13); }
.symbol-fingerprint-ray:nth-of-type(4n){ fill:rgba(255,176,96,.13); }
.symbol-fingerprint-ray:nth-of-type(5n){ fill:rgba(201,164,255,.13); }
.symbol-fingerprint-tick{
  stroke:rgba(223,242,255,.44);
  stroke-width:.9;
}
.symbol-fingerprint-core{
  font-size:16px;
  font-weight:700;
  fill:#dff2ff;
}
.symbol-fingerprint-sub{
  font-size:8px;
  fill:#7f8b9c;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.symbol-visual-mode-helix .symbol-visual-metrics strong,
.symbol-visual-mode-fingerprint .symbol-visual-metrics strong{ color:#dff2ff; }
@media (max-width:820px){
  .symbol-observatory-title--visual{
    grid-template-columns:auto minmax(105px,1fr);
  }
  .symbol-observatory-title--visual label,
  .symbol-observatory-title--visual strong{
    display:none;
  }
}

/* v1.4.0 — custom time-span awareness for Symbol Frame scope */
.time-control.is-custom-time-span #timeDomainValue{
  color:#b9d7ff;
}
.time-control.is-custom-time-span #timeDomainValue::after{
  content:" custom";
  margin-left:4px;
  color:#626c7a;
  font-size:9px;
  letter-spacing:.04em;
  text-transform:uppercase;
}

/* v1.4.2 — Number Wheel Observatory */
.symbol-number-wheel-svg .symbol-wheel-outer{
  fill:none;
  stroke:rgba(185,215,255,.28);
  stroke-width:1;
  stroke-dasharray:8 7;
}
.symbol-wheel-edge{
  stroke:#8fd4ff;
  stroke-linecap:round;
  filter:drop-shadow(0 0 4px rgba(143,212,255,.34));
}
.symbol-wheel-node circle{
  fill:#111722;
  stroke:rgba(143,212,255,.42);
  stroke-width:1.2;
}
.symbol-wheel-node.is-active circle{
  fill:#8fd4ff;
  fill-opacity:.72;
  stroke:#e5f5ff;
  filter:drop-shadow(0 0 6px rgba(143,212,255,.62));
}
.symbol-wheel-node text{
  fill:#dff2ff;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:13px;
  font-weight:800;
  pointer-events:none;
}
.symbol-wheel-node.is-active text{ fill:#061018; }
.symbol-wheel-glyph{
  fill:#9fb7cf;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:8px;
  opacity:.78;
}
.symbol-wheel-core,
.symbol-wheel-sub{
  font-family:"Roboto Mono","Consolas",monospace;
  pointer-events:none;
}
.symbol-wheel-core{
  fill:#dff2ff;
  font-size:18px;
  font-weight:800;
}
.symbol-wheel-sub{
  fill:#626c7a;
  font-size:8px;
  letter-spacing:.12em;
  text-transform:uppercase;
}


/* v1.4.3a — Math Flow Explainer visual */
.symbol-visual-mode-mathFlow{
  grid-template-rows:34px minmax(0,1fr) 52px 24px;
}
.symbol-math-flow{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  gap:8px;
  padding:9px;
  background:radial-gradient(circle at 50% 0%, rgba(143,212,255,.08), transparent 44%), #070a0f;
  overflow:hidden;
}
.symbol-math-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
}
.symbol-math-step{
  min-width:0;
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  grid-template-rows:15px 18px;
  column-gap:6px;
  align-items:center;
  padding:5px 6px;
  border:1px solid rgba(79,91,110,.7);
  background:#10151d;
}
.symbol-math-step b{
  grid-row:1 / 3;
  display:flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  border:1px solid rgba(143,212,255,.55);
  color:#dff2ff;
  background:#121b27;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:10px;
}
.symbol-math-step strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#dff2ff;
  font-size:9px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.symbol-math-step span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#9fb0c5;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:9px;
}
.symbol-math-detail{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  border:1px solid rgba(79,91,110,.72);
  background:#0b1018;
  overflow:hidden;
}
.symbol-math-formula{
  display:grid;
  grid-template-columns:minmax(130px,.35fr) minmax(0,1fr);
  gap:8px;
  padding:7px 8px;
  border-bottom:1px solid rgba(79,91,110,.55);
  background:#10151d;
}
.symbol-math-formula strong{
  color:#dff2ff;
  font-size:10px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.symbol-math-formula span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#9fb0c5;
  font-size:10px;
}
.symbol-math-table{
  width:100%;
  border-collapse:collapse;
  color:#cbd6e5;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:9px;
}
.symbol-math-table th,
.symbol-math-table td{
  padding:5px 6px;
  border-bottom:1px solid rgba(79,91,110,.42);
  text-align:right;
  white-space:nowrap;
}
.symbol-math-table th{
  position:sticky;
  top:0;
  z-index:1;
  color:#626c7a;
  background:#10151d;
  font-size:8px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.symbol-math-table td:nth-child(2),
.symbol-math-table td:nth-child(3),
.symbol-math-table th:nth-child(2),
.symbol-math-table th:nth-child(3){ text-align:center; color:#dff2ff; }
.symbol-math-note{
  padding:6px 8px;
  border-top:1px solid rgba(79,91,110,.55);
  color:#9fb0c5;
  font-size:10px;
  line-height:1.35;
  background:#0f141c;
}
.symbol-math-note strong{ color:#dff2ff; }
@media (max-width:1580px){
  .symbol-math-steps{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .symbol-math-table{ font-size:8px; }
  .symbol-math-table th,
  .symbol-math-table td{ padding:4px; }
}
@media (max-width:820px){
  .symbol-math-steps{ grid-template-columns:1fr; }
  .symbol-math-formula{ grid-template-columns:1fr; }
}

/* v1.4.3a — compact Math Flow Explainer redesign */

.symbol-math-flow--compact{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:28px minmax(0,1fr) 28px;
  gap:6px;
  padding:7px;
  background:radial-gradient(circle at 55% 0%, rgba(143,212,255,.08), transparent 42%), #070a0f;
  overflow:hidden;
}
.symbol-math-ribbon{
  min-width:0;
  display:flex;
  align-items:stretch;
  gap:4px;
  overflow:hidden;
}
.symbol-math-ribbon-step{
  position:relative;
  min-width:0;
  flex:1 1 0;
  display:grid;
  grid-template-columns:16px minmax(0,1fr);
  grid-template-rows:12px 12px;
  align-items:center;
  column-gap:4px;
  padding:2px 5px;
  border:1px solid rgba(79,91,110,.62);
  background:#10151d;
  overflow:hidden;
}
.symbol-math-ribbon-step:not(:last-child)::after{
  content:"›";
  position:absolute;
  right:-1px;
  top:4px;
  color:#8fd4ff;
  font-size:12px;
  opacity:.75;
}
.symbol-math-ribbon-step b{
  grid-row:1 / 3;
  width:15px;
  height:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(143,212,255,.55);
  color:#dff2ff;
  background:#121b27;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:8px;
}
.symbol-math-ribbon-step strong,
.symbol-math-ribbon-step span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.symbol-math-ribbon-step strong{
  color:#dff2ff;
  font-size:8px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.symbol-math-ribbon-step span{
  color:#8e9caf;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:8px;
}
.symbol-math-workbench{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1.38fr) minmax(142px,.62fr);
  gap:6px;
  overflow:hidden;
}
.symbol-math-ladder,
.symbol-math-side{
  min-width:0;
  min-height:0;
  overflow:hidden;
}
.symbol-math-ladder{
  display:grid;
  grid-template-rows:23px minmax(0,1fr);
  border:1px solid rgba(79,91,110,.68);
  background:#0b1018;
}
.symbol-math-ladder-head{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:0 7px;
  border-bottom:1px solid rgba(79,91,110,.55);
  background:#10151d;
}
.symbol-math-ladder-head strong,
.symbol-math-ladder-head span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.symbol-math-ladder-head strong{
  color:#dff2ff;
  font-size:9px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.symbol-math-ladder-head span{
  color:#626c7a;
  font-size:9px;
}
.symbol-math-ladder-scroll{
  min-width:0;
  min-height:0;
  overflow:auto;
  padding:4px;
}
.symbol-math-ladder-row{
  min-width:0;
  height:22px;
  display:grid;
  grid-template-columns:20px 22px minmax(72px,1fr) minmax(58px,.72fr) 36px 36px;
  align-items:center;
  gap:4px;
  margin-bottom:3px;
  padding:0 4px;
  border:1px solid rgba(50,58,70,.84);
  background:#0f141c;
  color:#cbd6e5;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:9px;
}
.symbol-math-ladder-row:hover{
  border-color:rgba(143,212,255,.55);
  background:#121a25;
}
.symbol-math-pos{
  color:#626c7a;
  text-align:right;
}
.symbol-math-glyph{
  display:flex;
  align-items:center;
  justify-content:center;
  height:16px;
  border:1px solid rgba(143,212,255,.32);
  color:#dff2ff;
  background:#09111a;
  font-weight:700;
}
.symbol-math-path{
  min-width:0;
  display:flex;
  align-items:center;
  gap:4px;
  overflow:hidden;
}
.symbol-math-path b,
.symbol-math-path i,
.symbol-math-path em{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-style:normal;
}
.symbol-math-path b{ color:#dff2ff; max-width:32px; }
.symbol-math-path i{ color:#9fb0c5; }
.symbol-math-path em{ color:#e6c86e; }
.symbol-math-freq,
.symbol-math-phase,
.symbol-math-channel{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:right;
}
.symbol-math-freq{ color:#b9d7ff; }
.symbol-math-phase{ color:#d9b7ff; }
.symbol-math-channel{ color:#89d185; }
.symbol-math-empty{
  padding:10px;
  color:#8e9caf;
  font-size:10px;
}
.symbol-math-side{
  display:grid;
  grid-template-rows:minmax(0,1fr) 72px;
  gap:6px;
}
.symbol-math-wheel-mini{
  width:100%;
  height:100%;
  min-height:0;
  border:1px solid rgba(79,91,110,.68);
  background:#070a0f;
}
.symbol-math-wheel-ring{
  fill:none;
  stroke:rgba(143,212,255,.18);
  stroke-width:1.2;
}
.symbol-math-wheel-edge{
  stroke:#8fd4ff;
  stroke-width:1.25;
  opacity:.38;
}
.symbol-math-wheel-node circle{
  fill:#111722;
  stroke:rgba(143,212,255,.35);
  stroke-width:1;
}
.symbol-math-wheel-node.is-active circle{
  fill:#8fd4ff;
  stroke:#dff2ff;
}
.symbol-math-wheel-node text{
  fill:#dff2ff;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:9px;
  font-weight:800;
  pointer-events:none;
}
.symbol-math-wheel-node.is-active text{ fill:#061018; }
.symbol-math-wheel-glyph{
  fill:#e6c86e;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:8px;
  opacity:.82;
}
.symbol-math-wheel-core,
.symbol-math-wheel-sub{
  font-family:"Roboto Mono","Consolas",monospace;
  pointer-events:none;
}
.symbol-math-wheel-core{
  fill:#dff2ff;
  font-size:15px;
  font-weight:800;
}
.symbol-math-wheel-sub{
  fill:#626c7a;
  font-size:7px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.symbol-math-rule-card{
  min-width:0;
  display:grid;
  grid-template-rows:14px minmax(0,1fr) 18px;
  gap:3px;
  padding:6px;
  border:1px solid rgba(79,91,110,.68);
  background:#0f141c;
  overflow:hidden;
}
.symbol-math-rule-card strong,
.symbol-math-rule-card span,
.symbol-math-rule-card code{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.symbol-math-rule-card strong{
  color:#dff2ff;
  font-size:9px;
  letter-spacing:.06em;
  text-transform:uppercase;
  white-space:nowrap;
}
.symbol-math-rule-card span{
  color:#9fb0c5;
  font-size:9px;
  line-height:1.25;
}
.symbol-math-rule-card code{
  color:#e6c86e;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:9px;
  white-space:nowrap;
}
.symbol-math-compact-note{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:6px 7px;
  border:1px solid rgba(79,91,110,.6);
  background:#10151d;
  color:#9fb0c5;
  font-size:9px;
}
.symbol-math-compact-note strong{ color:#dff2ff; }
@media (max-width:1500px){
  .symbol-math-workbench{ grid-template-columns:1fr; }
  .symbol-math-side{ display:none; }
  .symbol-math-ladder-row{ grid-template-columns:20px 22px minmax(76px,1fr) minmax(62px,.7fr) 36px 36px; }
}

/* v1.4.3b — teaching Math Flow redesign */
.symbol-visual-mode-mathFlow{
  grid-template-rows:34px minmax(0,1fr) 30px 22px;
}
.symbol-math-flow--teacher{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:50px minmax(0,1fr) 74px;
  gap:6px;
  padding:7px;
  background:radial-gradient(circle at 58% 0%, rgba(143,212,255,.09), transparent 44%), #070a0f;
  overflow:hidden;
}
.symbol-teach-hero{
  min-width:0;
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:7px;
  border:1px solid rgba(79,91,110,.68);
  background:#0e141d;
  overflow:hidden;
}
.symbol-teach-title{
  display:grid;
  align-content:center;
  gap:2px;
  padding:0 8px;
  border-right:1px solid rgba(79,91,110,.55);
  background:#101923;
}
.symbol-teach-title span{
  color:#626c7a;
  font-size:8px;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.symbol-teach-title strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#dff2ff;
  font-size:11px;
  letter-spacing:.04em;
}
.symbol-teach-equation{
  min-width:0;
  display:flex;
  align-items:center;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:0 10px;
  color:#e6c86e;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:11px;
}
.symbol-teach-grid{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(170px,.78fr);
  gap:6px;
  overflow:hidden;
}
.symbol-teach-story{
  min-width:0;
  min-height:0;
  display:grid;
  grid-auto-rows:minmax(38px,auto);
  align-content:start;
  gap:4px;
  overflow:auto;
  border:1px solid rgba(79,91,110,.68);
  background:#0b1018;
  padding:5px;
}
.symbol-teach-step{
  min-width:0;
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  gap:6px;
  padding:5px 6px;
  border:1px solid rgba(50,58,70,.84);
  background:#0f141c;
}
.symbol-teach-step b{
  width:22px;
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(143,212,255,.55);
  color:#dff2ff;
  background:#121b27;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:10px;
}
.symbol-teach-step div{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:3px 8px;
}
.symbol-teach-step strong,
.symbol-teach-step span,
.symbol-teach-step p{
  min-width:0;
  overflow:hidden;
}
.symbol-teach-step strong{
  color:#dff2ff;
  font-size:9px;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.symbol-teach-step span{
  color:#e6c86e;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:10px;
  text-align:right;
  white-space:nowrap;
}
.symbol-teach-step p{
  grid-column:1 / -1;
  margin:0;
  color:#9fb0c5;
  font-size:9px;
  line-height:1.28;
}
.symbol-teach-side{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:168px minmax(0,1fr);
  gap:6px;
  overflow:hidden;
}
.symbol-teach-wheel{
  border:1px solid rgba(79,91,110,.68);
  background:#070a0f;
}
.symbol-teach-formula-card{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) repeat(3,16px) 14px;
  gap:3px;
  padding:7px;
  border:1px solid rgba(79,91,110,.68);
  background:#0f141c;
  overflow:hidden;
}
.symbol-teach-formula-card strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#dff2ff;
  font-size:9px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.symbol-teach-formula-card p{
  min-width:0;
  overflow:hidden;
  margin:0;
  color:#9fb0c5;
  font-size:9px;
  line-height:1.25;
}
.symbol-teach-formula-card code{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:2px 4px;
  background:#0a0f16;
  color:#e6c86e;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:8px;
}
.symbol-teach-formula-card span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#89d185;
  font-size:8px;
}
.symbol-glyph-strip{
  min-width:0;
  min-height:0;
  display:flex;
  align-items:stretch;
  gap:4px;
  overflow:auto hidden;
  border:1px solid rgba(79,91,110,.6);
  background:#0b1018;
  padding:5px;
}
.symbol-glyph-strip-head{
  flex:0 0 68px;
  display:flex;
  align-items:center;
  color:#626c7a;
  font-size:8px;
  letter-spacing:.08em;
  text-transform:uppercase;
  line-height:1.15;
}
.symbol-glyph-strip-item{
  flex:0 0 82px;
  min-width:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-auto-rows:13px;
  gap:1px 5px;
  padding:4px;
  border:1px solid rgba(50,58,70,.84);
  background:#0f141c;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:8px;
}
.symbol-glyph-strip-item.is-selected{
  border-color:rgba(143,212,255,.78);
  background:#101923;
}
.symbol-glyph-strip-item strong{
  grid-row:1 / 3;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(143,212,255,.32);
  color:#dff2ff;
  background:#09111a;
  font-size:13px;
}
.symbol-glyph-strip-item span,
.symbol-glyph-strip-item em{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#9fb0c5;
  font-style:normal;
}
.symbol-glyph-strip-item span:nth-of-type(3){ color:#b9d7ff; }
.symbol-glyph-strip-item span:nth-of-type(4){ color:#d9b7ff; }
.symbol-glyph-strip-item em{ color:#89d185; }
@media (max-width:1500px){
  .symbol-math-flow--teacher{ grid-template-rows:50px minmax(0,1fr) 70px; }
  .symbol-teach-grid{ grid-template-columns:1fr; }
  .symbol-teach-side{ display:none; }
}
@media (max-width:820px){
  .symbol-teach-hero{ grid-template-columns:1fr; grid-template-rows:24px 26px; }
  .symbol-teach-title{ border-right:none; border-bottom:1px solid rgba(79,91,110,.55); }
}

/* v1.4.5a — Symbol Math Explainer overlay
   Single-owner extension: overlay, compact preview and large teaching layout. */
.symbol-math-flow-preview{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:auto auto 28px minmax(0,1fr);
  gap:8px;
  padding:12px;
  background:radial-gradient(circle at 52% 0%, rgba(143,212,255,.10), transparent 44%), #070a0f;
  border-top:1px solid rgba(79,91,110,.55);
  overflow:hidden;
}
.symbol-math-preview-title{
  min-width:0;
  display:grid;
  gap:3px;
}
.symbol-math-preview-title strong{
  color:#dff2ff;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.symbol-math-preview-title span,
.symbol-math-preview-note{
  color:#8993a1;
  font-size:10px;
  line-height:1.45;
}
.symbol-math-preview-equation{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:8px 9px;
  border:1px solid rgba(79,91,110,.68);
  background:#0e141d;
  color:#e6c86e;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:10px;
}
button.symbol-open-math-explainer{
  grid-column:auto;
  width:100%;
  height:28px;
  min-height:28px;
  margin:0;
  border:1px solid #4c6078;
  background:#101923;
  color:#dff2ff;
  font-size:10px;
  letter-spacing:.08em;
}
button.symbol-open-math-explainer:hover{
  background:#172436;
  border-color:#8fd4ff;
  color:#ffffff;
}
.symbol-math-explainer-panel{
  position:fixed;
  top:42px;
  right:0;
  bottom:22px;
  z-index:90;
  width:min(1120px,calc(100vw - 20px));
  display:grid;
  grid-template-rows:42px minmax(0,1fr);
  border-left:1px solid #3a424e;
  background:rgba(9,13,19,.985);
  box-shadow:-28px 0 90px rgba(0,0,0,.55);
  color:#d8dee9;
  transform:translateX(104%);
  transition:transform 180ms ease;
  pointer-events:none;
}
.symbol-math-explainer-panel.is-open{
  transform:translateX(0);
  pointer-events:auto;
}
.symbol-math-explainer-header{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 10px;
  border-bottom:1px solid #2b313b;
  background:#121821;
}
.symbol-math-explainer-header h2{
  margin:0;
  color:#f0f3f8;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.symbol-math-explainer-header span{
  display:block;
  margin-top:2px;
  color:#8993a1;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:9px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
button.symbol-math-explainer-close{
  grid-column:auto;
  width:28px;
  height:24px;
  min-height:24px;
  margin:0;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #3a424e;
  background:#171c24;
  color:#d8dee9;
  font-size:16px;
  line-height:1;
}
button.symbol-math-explainer-close:hover{
  background:#202733;
  border-color:#596273;
  color:#fff;
}
.symbol-math-explainer-body{
  min-width:0;
  min-height:0;
  overflow:hidden;
}
.symbol-math-explainer-body .symbol-math-flow--overlay{
  height:100%;
  grid-template-rows:76px minmax(0,1fr) 110px;
  gap:10px;
  padding:12px;
  border:none;
}
.symbol-math-explainer-body .symbol-teach-hero{
  grid-template-columns:190px minmax(0,1fr);
}
.symbol-math-explainer-body .symbol-teach-title{
  padding:0 14px;
}
.symbol-math-explainer-body .symbol-teach-title span{
  font-size:9px;
}
.symbol-math-explainer-body .symbol-teach-title strong{
  font-size:18px;
}
.symbol-math-explainer-body .symbol-teach-equation{
  font-size:15px;
  padding:0 16px;
}
.symbol-math-explainer-body .symbol-teach-grid{
  grid-template-columns:minmax(360px,1.12fr) minmax(330px,.88fr);
  gap:10px;
}
.symbol-math-explainer-body .symbol-teach-story{
  grid-auto-rows:minmax(70px,auto);
  gap:8px;
  padding:8px;
}
.symbol-math-explainer-body .symbol-teach-step{
  grid-template-columns:38px minmax(0,1fr);
  gap:10px;
  padding:9px 10px;
}
.symbol-math-explainer-body .symbol-teach-step b{
  width:34px;
  height:34px;
  font-size:13px;
}
.symbol-math-explainer-body .symbol-teach-step strong{
  font-size:11px;
}
.symbol-math-explainer-body .symbol-teach-step span{
  font-size:12px;
}
.symbol-math-explainer-body .symbol-teach-step p{
  font-size:11px;
  line-height:1.45;
}
.symbol-math-explainer-body .symbol-teach-side{
  grid-template-rows:minmax(260px,.74fr) minmax(170px,.26fr);
  gap:10px;
}
.symbol-math-explainer-body .symbol-teach-wheel{
  width:100%;
  height:100%;
}
.symbol-math-explainer-body .symbol-teach-formula-card{
  grid-template-rows:auto minmax(42px,1fr) repeat(3,24px) auto;
  gap:6px;
  padding:10px;
}
.symbol-math-explainer-body .symbol-teach-formula-card strong{
  font-size:11px;
}
.symbol-math-explainer-body .symbol-teach-formula-card p{
  font-size:11px;
  line-height:1.45;
}
.symbol-math-explainer-body .symbol-teach-formula-card code{
  padding:5px 7px;
  font-size:11px;
}
.symbol-math-explainer-body .symbol-teach-formula-card span{
  font-size:10px;
}
.symbol-math-explainer-body .symbol-glyph-strip{
  padding:8px;
  gap:7px;
}
.symbol-math-explainer-body .symbol-glyph-strip-head{
  flex-basis:110px;
  font-size:9px;
}
.symbol-math-explainer-body .symbol-glyph-strip-item{
  flex-basis:126px;
  grid-auto-rows:18px;
  padding:6px;
  font-size:10px;
}
.symbol-math-explainer-body .symbol-glyph-strip-item strong{
  font-size:18px;
}
.symbol-math-overlay-empty{
  padding:18px;
  color:#8993a1;
  font-size:12px;
}
@media (max-width:1180px){
  .symbol-math-explainer-panel{
    width:calc(100vw - 12px);
  }
  .symbol-math-explainer-body .symbol-teach-grid{
    grid-template-columns:1fr;
  }
  .symbol-math-explainer-body .symbol-teach-side{
    grid-template-columns:minmax(260px,.42fr) minmax(0,.58fr);
    grid-template-rows:minmax(210px,1fr);
  }
}
@media (max-width:820px){
  .symbol-math-explainer-panel{
    top:auto;
    left:0;
    right:0;
    bottom:0;
    width:100vw;
    height:78vh;
    border-left:none;
    border-top:1px solid #3a424e;
    transform:translateY(104%);
  }
  .symbol-math-explainer-panel.is-open{ transform:translateY(0); }
  .symbol-math-explainer-body .symbol-math-flow--overlay{
    grid-template-rows:88px minmax(0,1fr) 96px;
  }
  .symbol-math-explainer-body .symbol-teach-hero{
    grid-template-columns:1fr;
    grid-template-rows:34px minmax(0,1fr);
  }
  .symbol-math-explainer-body .symbol-teach-side{
    display:none;
  }
}

/* v1.4.5a — packed Math Explainer overlay extension.
   Scoped to the Symbol Math overlay only; reuses the existing instrument tokens and panel language. */
.symbol-math-explainer-body .symbol-math-flow--overlay{
  grid-template-rows:76px minmax(250px,1fr) 104px 26px 160px;
  gap:8px;
}
.symbol-math-explainer-body .symbol-teach-hero{
  grid-template-columns:190px minmax(0,1fr) 460px;
}
.symbol-math-explainer-body .symbol-teach-meta{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  border-left:1px solid rgba(79,91,110,.55);
  background:#0c1118;
}
.symbol-math-explainer-body .symbol-teach-meta span{
  min-width:0;
  display:grid;
  grid-template-rows:18px 1fr;
  align-content:center;
  gap:1px;
  padding:10px 10px;
  border-right:1px solid rgba(79,91,110,.35);
  color:#d8dee9;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:11px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.symbol-math-explainer-body .symbol-teach-meta span:last-child{ border-right:none; }
.symbol-math-explainer-body .symbol-teach-meta b{
  color:#626c7a;
  font-family:"Inter","Segoe UI",Arial,sans-serif;
  font-size:9px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.symbol-math-explainer-body .symbol-teach-grid--packed{
  grid-template-columns:minmax(330px,.96fr) minmax(260px,.68fr) minmax(360px,1fr);
  gap:8px;
}
.symbol-math-explainer-body .symbol-teach-story{
  grid-auto-rows:minmax(48px,auto);
  gap:6px;
  padding:7px;
  overflow:auto;
}
.symbol-math-explainer-body .symbol-teach-step{
  min-height:48px;
  grid-template-columns:34px minmax(0,1fr);
  gap:8px;
  padding:7px 8px;
}
.symbol-math-explainer-body .symbol-teach-step b{
  width:30px;
  height:30px;
  font-size:12px;
}
.symbol-math-explainer-body .symbol-teach-step p{
  margin-top:3px;
  font-size:10px;
  line-height:1.32;
}
.symbol-math-explainer-body .symbol-teach-center{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:minmax(0,1fr) 80px;
  gap:8px;
}
.symbol-math-explainer-body .symbol-teach-center .symbol-teach-wheel{
  width:100%;
  height:100%;
  min-height:170px;
  border:1px solid rgba(79,91,110,.55);
  background:#070a0f;
}
.symbol-sequence-card,
.symbol-language-card,
.symbol-result-summary,
.symbol-math-info-card{
  min-width:0;
  border:1px solid rgba(79,91,110,.55);
  background:#0d1219;
}
.symbol-sequence-card{
  display:grid;
  grid-template-rows:18px minmax(0,1fr) 16px;
  gap:4px;
  padding:8px;
}
.symbol-sequence-card strong,
.symbol-language-card strong,
.symbol-result-summary strong,
.symbol-math-info-card strong{
  color:#f0f3f8;
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.symbol-sequence-card code{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#e6c86e;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:11px;
}
.symbol-sequence-card span{
  color:#8993a1;
  font-size:9px;
}
.symbol-math-explainer-body .symbol-teach-side{
  display:grid;
  grid-template-rows:minmax(0,.92fr) minmax(0,1.08fr);
  gap:8px;
  min-height:0;
}
.symbol-math-explainer-body .symbol-teach-formula-card{
  grid-template-rows:18px minmax(34px,1fr) repeat(4,21px) 18px;
  gap:5px;
  padding:8px;
}
.symbol-math-explainer-body .symbol-teach-formula-card p{
  font-size:10px;
  line-height:1.32;
}
.symbol-math-explainer-body .symbol-teach-formula-card code{
  min-height:21px;
  padding:4px 7px;
  font-size:10px;
}
.symbol-language-card{
  display:grid;
  grid-template-rows:18px minmax(0,1fr) auto;
  gap:8px;
  padding:10px;
  overflow:hidden;
}
.symbol-language-card p{
  color:#c5d3e5;
  font-size:11px;
  line-height:1.45;
  overflow:auto;
}
.symbol-result-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  padding:0;
}
.symbol-result-summary strong{
  grid-column:1 / -1;
  padding:7px 8px;
  border-bottom:1px solid rgba(79,91,110,.45);
}
.symbol-result-summary span,
.symbol-math-info-card span{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:21px;
  padding:0 8px;
  border-bottom:1px solid rgba(79,91,110,.28);
  font-size:10px;
}
.symbol-result-summary span:nth-last-child(-n/**/+2){ border-bottom:none; }
.symbol-result-summary b,
.symbol-math-info-card b{
  color:#626c7a;
  font-size:9px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.symbol-result-summary em,
.symbol-math-info-card em{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#b9d7ff;
  font-family:"Roboto Mono","Consolas",monospace;
  font-style:normal;
  font-size:10px;
  text-align:right;
}
.symbol-math-explainer-body .symbol-glyph-strip{
  min-height:0;
  padding:7px;
  gap:6px;
}
.symbol-math-explainer-body .symbol-glyph-strip-item{
  flex-basis:118px;
  grid-auto-rows:16px;
  padding:5px;
}
.symbol-math-status-row{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:center;
  gap:0;
  border:1px solid rgba(79,91,110,.55);
  background:#0d1219;
  overflow:hidden;
}
.symbol-math-status-row span{
  min-width:0;
  padding:0 10px;
  border-right:1px solid rgba(79,91,110,.35);
  color:#b9d7ff;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:10px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:center;
}
.symbol-math-status-row span:last-child{ border-right:none; }
.symbol-math-insight-grid{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(190px,.78fr) minmax(210px,.9fr) minmax(300px,1.25fr) minmax(220px,1fr);
  gap:8px;
}
.symbol-math-info-card{
  display:grid;
  grid-template-rows:22px repeat(6,21px);
  align-content:start;
  overflow:hidden;
}
.symbol-math-info-card strong{
  display:flex;
  align-items:center;
  min-height:22px;
  padding:0 9px;
  border-bottom:1px solid rgba(79,91,110,.45);
  background:#111722;
}
.symbol-math-distribution-card{
  grid-template-rows:22px minmax(0,1fr) minmax(0,1fr) 48px;
  gap:6px;
  padding-bottom:7px;
}
.symbol-math-distribution-card strong{ margin-bottom:0; }
.symbol-mini-chart{
  min-width:0;
  display:grid;
  grid-template-columns:70px minmax(0,1fr);
  align-items:end;
  gap:8px;
  padding:0 8px;
}
.symbol-mini-chart label{
  color:#8fd4ff;
  font-size:9px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.symbol-mini-chart div{
  height:42px;
  display:flex;
  align-items:flex-end;
  gap:4px;
  border-left:1px solid rgba(143,212,255,.25);
  border-bottom:1px solid rgba(143,212,255,.25);
  padding:0 4px;
}
.symbol-mini-chart span{
  position:relative;
  flex:1 1 0;
  min-width:4px;
  height:var(--h);
  min-height:2px;
  background:#8fd4ff;
  border:0;
  padding:0;
  opacity:.82;
}
.symbol-mini-chart--phase span{ background:#89d185; }
.symbol-mini-chart span b{ display:none; }
.symbol-channel-bars{
  display:grid;
  gap:4px;
  padding:0 8px;
}
.symbol-channel-bars div{
  min-width:0;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 22px;
  align-items:center;
  gap:6px;
  color:#8993a1;
  font-family:"Roboto Mono","Consolas",monospace;
  font-size:9px;
}
.symbol-channel-bars b{
  display:block;
  height:5px;
  width:var(--w);
  min-width:2px;
  background:#e6c86e;
}
.symbol-channel-bars em{
  color:#d8dee9;
  font-style:normal;
  text-align:right;
}
@media (max-width:1180px){
  .symbol-math-explainer-body .symbol-math-flow--overlay{
    grid-template-rows:76px minmax(0,1fr) 100px 26px 190px;
  }
  .symbol-math-explainer-body .symbol-teach-hero{
    grid-template-columns:160px minmax(0,1fr);
  }
  .symbol-math-explainer-body .symbol-teach-meta{ display:none; }
  .symbol-math-explainer-body .symbol-teach-grid--packed{ grid-template-columns:1fr 1fr; }
  .symbol-math-explainer-body .symbol-teach-side{ grid-column:1 / -1; grid-template-columns:1fr 1fr; grid-template-rows:minmax(0,1fr); }
  .symbol-math-insight-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:820px){
  .symbol-math-explainer-body .symbol-math-flow--overlay{
    grid-template-rows:auto auto 110px 26px auto;
    overflow:auto;
  }
  .symbol-math-explainer-body .symbol-teach-grid--packed,
  .symbol-math-explainer-body .symbol-teach-side,
  .symbol-math-insight-grid{ grid-template-columns:1fr; }
  .symbol-math-status-row{ grid-template-columns:1fr; height:auto; }
  .symbol-math-status-row span{ min-height:22px; border-right:none; border-bottom:1px solid rgba(79,91,110,.35); }
}

/* v1.4.5a — interactive glyph inspection in Math Explainer */
.symbol-glyph-strip-item,
button.symbol-glyph-strip-item{
  grid-column:auto;
  width:auto;
  height:auto;
  min-height:0;
  margin:0;
  text-align:left;
  text-transform:none;
  letter-spacing:0;
  cursor:pointer;
}
button.symbol-glyph-strip-item:hover{
  border-color:rgba(143,212,255,.88);
  background:#121d2a;
  color:inherit;
}
button.symbol-glyph-strip-item:focus-visible{
  outline:1px solid #8fd4ff;
  outline-offset:2px;
}