@layer components {
.enx-p-num  { font-size: 15px; font-weight: 600; fill: var(--text-primary); }
.enx-p-val  { font-size: 14px; font-weight: 500; fill: var(--text-secondary); letter-spacing: 0.005em; }
.enx-p-key  { font-size: 14px; font-weight: 600; fill: var(--text-secondary); letter-spacing: 0.02em; }
.enx-p-dim  { font-size: 14px; font-weight: 500; fill: var(--text-secondary); }
.enx-p-term { font-size: 14px; font-weight: 600; fill: var(--accent-ink);     letter-spacing: 0.01em; }

@media (max-width: 1023px) {
  .enx-panel__bar,
  .enx-panel__reg,
  .enx-panel__foot,
  .enx-panel__close { padding-left: 18px; padding-right: 18px; }

  .enx-panel__bar {
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    padding-top: 12px;
    padding-bottom: 10px;
  }

  .enx-panel__state {
    position: absolute;
    top: 12px;
    right: 18px;
    padding-bottom: 0;
  }

  .enx-panel__reg { padding-top: 2px; padding-bottom: 4px; }

  .enx-panel__row { padding: 5px 0; gap: 3px var(--space-4); }

  .enx-panel__set,
  .enx-panel__absent { font-size: 13px; }
}

@media (max-width: 1023px) {
  .enx-panel__k { font-size: 12px; letter-spacing: 0.1em; }
}

@media (max-width: 820px) {
  .enx-panel__name  { grid-column: 1; grid-row: 1; }
  .enx-panel__bound { grid-column: 2; grid-row: 1; }
  .enx-panel__set   { grid-column: 1 / -1; grid-row: 2; }
}

.enx-legend {
  margin: 20px 0 0;
  padding-top: 14px;
  border-top: 1px solid var(--border-light);
}

.enx-p-key--op-1000 { opacity: 1.000; }
.enx-p-key--op-935  { opacity: 0.935; }
.enx-p-key--op-870  { opacity: 0.870; }
.enx-p-key--op-805  { opacity: 0.805; }
.enx-p-key--op-800  { opacity: 0.800; }
}

@layer components {

.enx-legend__k {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.005em;
  color: var(--text-primary);
}

.enx-legend__c {
  margin: 8px 0 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--text-secondary);
}

@media (max-width: 1023px) {

  .enx-prose,
  .enx-swell__lede { font-size: 1rem; }

  #enx-face .obj-phone,
  #enx-saw .obj-phone,
  #enx-swell .obj-phone { margin-bottom: 0; }

}

@media (max-width: 1023px) {
  .enx-panel--phone .enx-panel__name { grid-column: 1; grid-row: 1; }

  .enx-panel--phone .enx-panel__reg { padding-top: 6px; padding-bottom: 10px; }

}

.enx-run__h {
  margin: 0 0 var(--space-5);
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.03em;
  color: var(--text-primary);
  max-width: var(--measure-title);
}

}

@layer components {

@media (max-width: 1023px) {
  .main-content > .enx-sec--hero { margin-top: 0; }
}

@media (max-width: 1023px) {
  .enx-sec--hero .enx-foot { margin-top: var(--stack-sm); column-gap: var(--space-4); }
}

@media (max-width: 374px) {
  .enx-sec--hero .enx-foot { column-gap: var(--space-3); }
}

@media (max-width: 1023px) {
  .enx-fig,
  .enx-run__fig { margin: 0; }
}

@media (max-width: 1023px) {
  .enx-legend--cap { margin-top: var(--stack-sm); }

}

@media (max-width: 1023px) {
  .enx-panel--phone .enx-panel__bar {
    position: static;
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-4);
    padding-top: 12px;
    padding-bottom: 11px;
  }

  .enx-panel--phone .enx-panel__state {
    position: static;
    padding-bottom: 0;
  }

  .enx-panel--phone .enx-panel__row {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 3px var(--space-4);
    padding: 9px 0;
  }

  .enx-panel--phone .enx-panel__set {
    grid-column: 2;
    grid-row: 1;
    text-align: right;
  }

  .enx-panel--phone .enx-panel__bound {
    grid-column: 1 / -1;
    grid-row: 2;
    text-align: left;
  }
}

@media (max-width: 1023px) {
  .enx-run__fig {
    padding-top: 14px;
    border-top: 1px solid var(--border-light);
  }

}

@media (max-width: 1023px) {
  .enx-tell__art .enx-tell__out { font-size: var(--mt-body); }
}

}

@layer components {
@media (max-width: 1023px) {

  .enx-swell__lab { margin: 0 0 12px; }
}
}