/* Shared Learn/Design interface details. Scientific charts, scene canvases,
   status colours and each workspace's information layout retain their roles. */
:root {
  --lsc-ink: #202938;
  --lsc-muted: #596579;
  --lsc-surface: #ffffff;
  --lsc-soft: #f5f6f8;
  --lsc-line: #dce1e8;
  --lsc-accent: #2459a8;
  --lsc-on-accent: #ffffff;
}
:root[data-theme="dark"], :root[data-sky="night"] {
  --lsc-ink: #f0f3f8;
  --lsc-muted: #acbad0;
  --lsc-surface: #1d2532;
  --lsc-soft: #253041;
  --lsc-line: #3a475e;
  --lsc-accent: #9ec5ff;
  --lsc-on-accent: #14233a;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-sky="day"]) {
    --lsc-ink: #f0f3f8;
    --lsc-muted: #acbad0;
    --lsc-surface: #1d2532;
    --lsc-soft: #253041;
    --lsc-line: #3a475e;
    --lsc-accent: #9ec5ff;
    --lsc-on-accent: #14233a;
  }
}

/* One mark and wordmark everywhere, with page labels kept separate. */
.lemonergy-brand.lemonergy-brand {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  flex-shrink: 0;
  color: var(--lsc-ink);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 21px;
  font-weight: 500;
  letter-spacing: -.55px;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  background: transparent;
  border: 0;
  border-radius: 0;
}
.lemonergy-brand > .lemonergy-brand-mark {
  display: block;
  flex: none;
  width: 26px;
  height: 26px;
  margin: 0;
  transform: none;
}
.lemonergy-brand > .lemonergy-brand-mark circle { fill: var(--lsc-ink); }
.lemonergy-brand > .lemonergy-brand-mark path { fill: #f5c518; }
.lemonergy-brand .lemonergy-brand-name {
  color: var(--lsc-ink);
  font: inherit;
  letter-spacing: inherit;
}
.lemonergy-brand .lemonergy-brand-ergy { color: var(--lsc-accent); }
/* Legacy Wiki and calculator headers style every span as an area label.
   The two parts of the name must remain one uninterrupted wordmark. */
.lemonergy-brand :is(.lemonergy-brand-name,.lemonergy-brand-ergy) {
  display: inline;
  font: inherit;
  letter-spacing: inherit;
  border: 0;
  margin: 0;
  padding: 0;
  background: transparent;
}
.lemonergy-brand > :is(.brand-area,.brand-sub,.lemonergy-brand-context) {
  color: var(--lsc-muted);
  font: 400 12px/1.4 Arial, Helvetica, sans-serif;
  letter-spacing: 0;
  margin: 0 0 0 4px;
  padding: 0;
}
.lemonergy-brand:has(> :is(.brand-sub,.lemonergy-brand-subtitle)) {
  display: inline-grid;
  grid-template-columns: auto auto;
  column-gap: 9px;
  row-gap: 2px;
}
.lemonergy-brand:has(> :is(.brand-sub,.lemonergy-brand-subtitle)) > .lemonergy-brand-mark { grid-row: 1 / span 2; }
.lemonergy-brand:has(> :is(.brand-sub,.lemonergy-brand-subtitle)) > :is(.lemonergy-brand-name,.brand-sub,.lemonergy-brand-subtitle) { grid-column: 2; margin: 0; }
.sidebar button.lemonergy-brand { justify-content: start; text-align: left; cursor: pointer; }

/* The reference pages already carry the desired visual system. These rules
   bring surrounding Data, Recycling and Wiki controls to that same finish. */
html:is([data-lemon-consistency-area="data"],[data-lemon-consistency-area="recycling"],[data-lemon-consistency-area="wiki"]) body {
  font-family: Arial, Helvetica, sans-serif;
}
html:is([data-lemon-consistency-area="data"],[data-lemon-consistency-area="recycling"]) .island-nav a[aria-current="page"] {
  color: var(--lsc-accent);
  background: transparent;
  border-radius: 0;
  box-shadow: inset 0 -2px 0 var(--lsc-accent);
}
html[data-lemon-consistency-area="data"] :is(.specimen,.conclusion-content,.conclusion-card,.mission-inputs,.next-island,.filter-panel,.finder-toolbar,.compare-form,.api-card,.endpoint-list > div) {
  border-color: var(--lsc-line);
  border-radius: 4px;
  box-shadow: none;
}
html[data-lemon-consistency-area="data"] :is(.button,input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select) {
  border-radius: 4px;
}
html[data-lemon-consistency-area="data"] .conclusion-status.pass {
  color: var(--lsc-accent);
  background: var(--lsc-soft);
}
html[data-lemon-consistency-area="data"] .workflow a:hover { border-color: var(--lsc-accent); }
/* Grid children and native select options must be allowed to shrink before
   a narrow screen can lay out the actual form. Tables retain their own scroll. */
html[data-lemon-consistency-area="data"] :is(.finder-layout,.finder-layout > *,.requirements-panel,.requirements-disclosure,#requirements,.finder-results,.requirements-panel .panel-title) {
  min-width: 0;
}
html[data-lemon-consistency-area="data"] :is(.requirements-panel,.requirements-disclosure,#requirements,.finder-results) {
  max-width: 100%;
}
html[data-lemon-consistency-area="data"] .requirements-panel :is(input:not([type="checkbox"]):not([type="radio"]),select) {
  min-width: 0;
  width: 100%;
  max-width: 100%;
}
html[data-lemon-consistency-area="data"] .requirements-panel fieldset { min-inline-size: 0; }
html[data-lemon-consistency-area="data"] .requirements-panel .range-fields { grid-template-columns: repeat(2,minmax(0,1fr)); }
html[data-lemon-consistency-area="recycling"] :is(.card,.panel,.batch-panel,.route-card,.summary-card,.tool-card,.quote-card,.request-card,.request-panel,.provider-card,.assessment-card,.workspace-card,.section-card,.modal-sheet,.intake-item,.cost-table-wrap,.rfq-provider,.rfq-owner-key,.rfq-quote-table-wrap,.rfq-empty-quotes,.rfq-inbox-item) {
  border-color: var(--lsc-line);
  border-radius: 4px;
  box-shadow: none;
}
html[data-lemon-consistency-area="recycling"] :is(.button,.btn,.tab,input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea) {
  border-radius: 4px;
}
html[data-lemon-consistency-area="wiki"] :is(.wiki-card,.wiki-search,.wiki-filter,.player-panel,.player-section,.player-button,.player-select) {
  border-radius: 4px;
  box-shadow: none;
}
@media (max-width: 760px) {
  html[data-lemon-consistency-area="data"] :is(.finder-layout,.hero,.demo-grid,.workflow,.reference,.panels,.field-grid,.focus-grid,.integrate,.library-strip) {
    grid-template-columns: minmax(0,1fr);
  }
  html[data-lemon-consistency-area="data"] #requirements { grid-template-columns: repeat(2,minmax(0,1fr)); }
  html[data-lemon-consistency-area="data"] .requirements-panel .panel-title h2 { min-width: 0; overflow-wrap: anywhere; }
  html[data-lemon-consistency-area="data"] .requirements-panel .panel-title button { flex-shrink: 0; }
  /* Keep full-bleed header rules and decorative transforms from extending
     the document. Content scrollers stay inside their sized grid columns. */
  html:is([data-lemon-consistency-area="data"],[data-lemon-consistency-area="learn"]),
  html:is([data-lemon-consistency-area="data"],[data-lemon-consistency-area="learn"]) body { overflow-x: clip; }
}
@media (max-width: 480px) {
  .lemonergy-brand > :is(.brand-area,.lemonergy-brand-context) { font-size: 11px; }
}