/* Maintained Atlas content components. Scoped to figures and definition lists. */
@layer atlas-content-compat{
.atlas-production .atlas-figure,.atlas-production .atlas-trust-stream {
  color-scheme: light;
  --wtw-chip-seam: #9AA0A8;
  --wtw-weight-strong: 600;
  --wtw-text-label: 0.9375rem;
  --wtw-text-small: 0.875rem;
  --wtw-leading-small: 1.45;
  --wtw-space-1: 0.25rem;
  --wtw-space-2: 0.5rem;
  --wtw-space-3: 0.75rem;
  --wtw-space-4: 1rem;
  --wtw-space-6: 1.5rem;
  --wtw-space-8: 2rem;
  --wtw-target-min: 44px;
  --wtw-chip-size: 2.75rem;
  --wtw-pair-ratio: 3 / 4;
  --wtw-pair-shoe: 32%;
  --wtw-ratio-flatlay: 4 / 5;
  --wtw-photo-max: 30rem;
}
@media (min-width: 48rem) {
  .atlas-production .atlas-figure,.atlas-production .atlas-trust-stream {
    --wtw-text-label: 1rem;
  }
}


.atlas-production .atlas-figure figure,.atlas-production .atlas-trust-stream figure { margin: var(--wtw-space-6) 0 var(--wtw-space-8); }
.atlas-production .atlas-figure figcaption,.atlas-production .atlas-trust-stream figcaption { margin-top: var(--wtw-space-2); font: var(--wtw-text-small) / var(--wtw-leading-small) var(--wtw-font-sans); color: var(--wtw-ink-2); }
.atlas-production .atlas-figure figcaption b,.atlas-production .atlas-trust-stream figcaption b { color: var(--wtw-ink); font-weight: var(--wtw-weight-strong); }
.atlas-production .atlas-figure .photo img,.atlas-production .atlas-figure.photo img,.atlas-production .atlas-trust-stream .photo img,.atlas-production .atlas-trust-stream.photo img { display: block; width: 100%; max-width: var(--wtw-photo-max); aspect-ratio: var(--wtw-ratio-flatlay); background: var(--wtw-panel); }
.atlas-production .atlas-figure .swatch-group,.atlas-production .atlas-figure.swatch-group,.atlas-production .atlas-trust-stream .swatch-group,.atlas-production .atlas-trust-stream.swatch-group { padding: var(--wtw-space-1) var(--wtw-space-4) var(--wtw-space-2); background: var(--wtw-panel); }
.atlas-production .atlas-figure .swatch-group + .swatch-group,.atlas-production .atlas-figure.swatch-group + .swatch-group,.atlas-production .atlas-trust-stream .swatch-group + .swatch-group,.atlas-production .atlas-trust-stream.swatch-group + .swatch-group { margin-top: 2px; }
.atlas-production .atlas-figure .swatch-group h3,.atlas-production .atlas-figure.swatch-group h3,.atlas-production .atlas-trust-stream .swatch-group h3,.atlas-production .atlas-trust-stream.swatch-group h3 { margin: var(--wtw-space-3) 0 var(--wtw-space-1); font-size: var(--wtw-text-label); }
.atlas-production .atlas-figure .swatches,.atlas-production .atlas-figure.swatches,.atlas-production .atlas-trust-stream .swatches,.atlas-production .atlas-trust-stream.swatches { margin: 0; padding: 0; list-style: none; }
.atlas-production .atlas-figure .swatches li,.atlas-production .atlas-figure.swatches li,.atlas-production .atlas-trust-stream .swatches li,.atlas-production .atlas-trust-stream.swatches li {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 0.875rem;
  align-items: center;
  padding: var(--wtw-space-2) 0;
  border-top: 1px solid var(--wtw-panel-rule);
  font-family: var(--wtw-font-sans);
}
.atlas-production .atlas-figure .swatches li:first-child,.atlas-production .atlas-figure.swatches li:first-child,.atlas-production .atlas-trust-stream .swatches li:first-child,.atlas-production .atlas-trust-stream.swatches li:first-child { border-top: 0; }
.atlas-production .atlas-figure .chip,.atlas-production .atlas-figure.chip,.atlas-production .atlas-trust-stream .chip,.atlas-production .atlas-trust-stream.chip { width: var(--wtw-chip-size); height: var(--wtw-chip-size); background: var(--c); border: 1px solid var(--wtw-chip-edge); }
.atlas-production .atlas-figure .sw-name,.atlas-production .atlas-figure.sw-name,.atlas-production .atlas-trust-stream .sw-name,.atlas-production .atlas-trust-stream.sw-name { display: block; font-size: 1rem; font-weight: var(--wtw-weight-strong); line-height: 1.3; }
.atlas-production .atlas-figure .sw-note,.atlas-production .atlas-figure.sw-note,.atlas-production .atlas-trust-stream .sw-note,.atlas-production .atlas-trust-stream.sw-note { display: block; font-size: var(--wtw-text-small); line-height: 1.4; color: var(--wtw-note); }
.atlas-production .atlas-figure .pairs-panel,.atlas-production .atlas-figure.pairs-panel,.atlas-production .atlas-trust-stream .pairs-panel,.atlas-production .atlas-trust-stream.pairs-panel { padding: var(--wtw-space-3); background: var(--wtw-panel); font-family: var(--wtw-font-sans); }
.atlas-production .atlas-figure .pairs,.atlas-production .atlas-figure.pairs,.atlas-production .atlas-trust-stream .pairs,.atlas-production .atlas-trust-stream.pairs { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 3.75em), 1fr)); gap: var(--wtw-space-3) var(--wtw-space-2); margin: 0; padding: 0; list-style: none; }
.atlas-production .atlas-figure .pairs li,.atlas-production .atlas-figure.pairs li,.atlas-production .atlas-trust-stream .pairs li,.atlas-production .atlas-trust-stream.pairs li { font-size: 0.8125rem; line-height: 1.3; }
.atlas-production .atlas-figure .pair,.atlas-production .atlas-figure.pair,.atlas-production .atlas-trust-stream .pair,.atlas-production .atlas-trust-stream.pair {
  display: flex;
  flex-direction: column;
  aspect-ratio: var(--wtw-pair-ratio);
  margin-bottom: 0.35rem;
  background: var(--base);
  border: 1px solid var(--wtw-chip-edge);
}
.atlas-production .atlas-figure .pair i,.atlas-production .atlas-figure.pair i,.atlas-production .atlas-trust-stream .pair i,.atlas-production .atlas-trust-stream.pair i { margin-top: auto; height: var(--wtw-pair-shoe); background: var(--c); border-top: 1px solid var(--wtw-chip-seam); }
.atlas-production .atlas-figure .pairs b,.atlas-production .atlas-figure.pairs b,.atlas-production .atlas-trust-stream .pairs b,.atlas-production .atlas-trust-stream.pairs b { display: block; font-size: var(--wtw-text-small); font-weight: var(--wtw-weight-strong); }
.atlas-production .atlas-figure .pairs li > span:last-child,.atlas-production .atlas-figure.pairs li > span:last-child,.atlas-production .atlas-trust-stream .pairs li > span:last-child,.atlas-production .atlas-trust-stream.pairs li > span:last-child { display: block; color: var(--wtw-note); }
.atlas-production .atlas-figure .plate svg,.atlas-production .atlas-figure.plate svg,.atlas-production .atlas-trust-stream .plate svg,.atlas-production .atlas-trust-stream.plate svg { display: block; width: 100%; height: auto; background: var(--wtw-panel); }
.atlas-production .atlas-figure .plate .g,.atlas-production .atlas-figure.plate .g,.atlas-production .atlas-trust-stream .plate .g,.atlas-production .atlas-trust-stream.plate .g { fill: var(--f); stroke: var(--wtw-ink); stroke-width: 1.5; stroke-linejoin: round; }
.atlas-production .atlas-figure .plate .detail,.atlas-production .atlas-figure.plate .detail,.atlas-production .atlas-trust-stream .plate .detail,.atlas-production .atlas-trust-stream.plate .detail { fill: none; stroke: var(--wtw-ink); stroke-width: 1.2; stroke-linecap: round; }
.atlas-production .atlas-figure .plate .detail.light,.atlas-production .atlas-figure.plate .detail.light,.atlas-production .atlas-trust-stream .plate .detail.light,.atlas-production .atlas-trust-stream.plate .detail.light { stroke: rgb(255 255 255 / 0.55); }
.atlas-production .atlas-figure .key,.atlas-production .atlas-figure.key,.atlas-production .atlas-trust-stream .key,.atlas-production .atlas-trust-stream.key { margin: var(--wtw-space-3) 0 0; padding: 0; list-style: none; counter-reset: key; font: var(--wtw-text-small) / 1.4 var(--wtw-font-sans); }
.atlas-production .atlas-figure .key li,.atlas-production .atlas-figure.key li,.atlas-production .atlas-trust-stream .key li,.atlas-production .atlas-trust-stream.key li { counter-increment: key; display: grid; grid-template-columns: 1.6rem 1fr; padding: 0.35rem 0; border-top: 1px solid var(--wtw-rule); }
.atlas-production .atlas-figure .key li::before,.atlas-production .atlas-figure.key li::before,.atlas-production .atlas-trust-stream .key li::before,.atlas-production .atlas-trust-stream.key li::before { content: counter(key); font-weight: var(--wtw-weight-strong); }
.atlas-production .atlas-figure .key b,.atlas-production .atlas-figure.key b,.atlas-production .atlas-trust-stream .key b,.atlas-production .atlas-trust-stream.key b { font-weight: var(--wtw-weight-strong); }
.atlas-production .atlas-figure .ladder,.atlas-production .atlas-figure.ladder,.atlas-production .atlas-trust-stream .ladder,.atlas-production .atlas-trust-stream.ladder { margin: 0; padding: 0; list-style: none; font-family: var(--wtw-font-sans); }
.atlas-production .atlas-figure .ladder li,.atlas-production .atlas-figure.ladder li,.atlas-production .atlas-trust-stream .ladder li,.atlas-production .atlas-trust-stream.ladder li { position: relative; padding: var(--wtw-space-3) 0 var(--wtw-space-3) var(--wtw-space-6); border-left: 2px solid var(--wtw-ink); }
.atlas-production .atlas-figure .ladder li::before,.atlas-production .atlas-figure.ladder li::before,.atlas-production .atlas-trust-stream .ladder li::before,.atlas-production .atlas-trust-stream.ladder li::before { content: ""; position: absolute; left: -7px; top: 1.1rem; width: 12px; height: 2px; background: var(--wtw-ink); }
.atlas-production .atlas-figure .ladder b,.atlas-production .atlas-figure.ladder b,.atlas-production .atlas-trust-stream .ladder b,.atlas-production .atlas-trust-stream.ladder b { display: block; font-weight: var(--wtw-weight-strong); }
.atlas-production .atlas-figure .ladder span,.atlas-production .atlas-figure.ladder span,.atlas-production .atlas-trust-stream .ladder span,.atlas-production .atlas-trust-stream.ladder span { display: block; font-size: var(--wtw-text-label); color: var(--wtw-note); }
.atlas-production .atlas-figure .ladder .here,.atlas-production .atlas-figure.ladder .here,.atlas-production .atlas-trust-stream .ladder .here,.atlas-production .atlas-trust-stream.ladder .here { border-left-color: var(--wtw-rubric); }
.atlas-production .atlas-figure .ladder .here::before,.atlas-production .atlas-figure.ladder .here::before,.atlas-production .atlas-trust-stream .ladder .here::before,.atlas-production .atlas-trust-stream.ladder .here::before { top: 1rem; height: 4px; background: var(--wtw-rubric); }
.atlas-production .atlas-figure .ladder .here em,.atlas-production .atlas-figure.ladder .here em,.atlas-production .atlas-trust-stream .ladder .here em,.atlas-production .atlas-trust-stream.ladder .here em { display: block; margin-top: var(--wtw-space-1); font-style: normal; font-weight: var(--wtw-weight-strong); font-size: var(--wtw-text-label); color: var(--wtw-rubric); }
.atlas-production .atlas-figure .ladder .off,.atlas-production .atlas-figure.ladder .off,.atlas-production .atlas-trust-stream .ladder .off,.atlas-production .atlas-trust-stream.ladder .off { border-left-style: dashed; border-left-color: var(--wtw-ink-2); color: var(--wtw-ink-2); }
.atlas-production .atlas-figure .ladder .off::before,.atlas-production .atlas-figure.ladder .off::before,.atlas-production .atlas-trust-stream .ladder .off::before,.atlas-production .atlas-trust-stream.ladder .off::before { background: var(--wtw-ink-2); }
.atlas-production .atlas-figure .verdicts,.atlas-production .atlas-figure.verdicts,.atlas-production .atlas-trust-stream .verdicts,.atlas-production .atlas-trust-stream.verdicts { margin: 0 0 var(--wtw-space-4); border-top: 2px solid var(--wtw-ink); font: var(--wtw-text-label) / 1.4 var(--wtw-font-sans); }
.atlas-production .atlas-figure .verdicts div,.atlas-production .atlas-figure.verdicts div,.atlas-production .atlas-trust-stream .verdicts div,.atlas-production .atlas-trust-stream.verdicts div { display: flex; flex-wrap: wrap; gap: 0.25em var(--wtw-space-3); padding: 0.55rem 0; border-bottom: 1px solid var(--wtw-rule); }
.atlas-production .atlas-figure .verdicts dt,.atlas-production .atlas-figure.verdicts dt,.atlas-production .atlas-trust-stream .verdicts dt,.atlas-production .atlas-trust-stream.verdicts dt { flex: 1 1 6.5em; min-width: 0; overflow-wrap: anywhere; font-weight: var(--wtw-weight-strong); }
.atlas-production .atlas-figure .verdicts dd,.atlas-production .atlas-figure.verdicts dd,.atlas-production .atlas-trust-stream .verdicts dd,.atlas-production .atlas-trust-stream.verdicts dd { flex: 999 1 12em; min-width: 0; margin: 0; overflow-wrap: anywhere; }
.atlas-production .atlas-figure .table-wrap,.atlas-production .atlas-figure.table-wrap,.atlas-production .atlas-trust-stream .table-wrap,.atlas-production .atlas-trust-stream.table-wrap { overflow-x: auto; margin: var(--wtw-space-4) 0 var(--wtw-space-2); }
.atlas-production .atlas-figure .table-hint,.atlas-production .atlas-figure.table-hint,.atlas-production .atlas-trust-stream .table-hint,.atlas-production .atlas-trust-stream.table-hint { margin: 0 0 var(--wtw-space-4); font: var(--wtw-text-small) / 1.4 var(--wtw-font-sans); color: var(--wtw-ink-2); }
.atlas-production .atlas-figure .compare,.atlas-production .atlas-figure.compare,.atlas-production .atlas-trust-stream .compare,.atlas-production .atlas-trust-stream.compare { min-width: 34rem; width: 100%; border-collapse: collapse; font: var(--wtw-text-label) / 1.45 var(--wtw-font-sans); font-variant-numeric: tabular-nums; }
.atlas-production .atlas-figure .compare caption,.atlas-production .atlas-figure.compare caption,.atlas-production .atlas-trust-stream .compare caption,.atlas-production .atlas-trust-stream.compare caption { text-align: left; padding-bottom: var(--wtw-space-2); font-weight: var(--wtw-weight-strong); }
.atlas-production .atlas-figure .compare th,.atlas-production .atlas-figure.compare th,.atlas-production .atlas-trust-stream .compare th,.atlas-production .atlas-trust-stream.compare th,.atlas-production .atlas-figure .compare td,.atlas-production .atlas-figure.compare td,.atlas-production .atlas-trust-stream .compare td,.atlas-production .atlas-trust-stream.compare td { padding: 0.6rem var(--wtw-space-3) 0.6rem 0; border-bottom: 1px solid var(--wtw-rule); text-align: left; vertical-align: top; }
.atlas-production .atlas-figure .compare thead th,.atlas-production .atlas-figure.compare thead th,.atlas-production .atlas-trust-stream .compare thead th,.atlas-production .atlas-trust-stream.compare thead th { border-bottom: 2px solid var(--wtw-ink); font-weight: var(--wtw-weight-strong); }
.atlas-production .atlas-figure .compare tbody th,.atlas-production .atlas-figure.compare tbody th,.atlas-production .atlas-trust-stream .compare tbody th,.atlas-production .atlas-trust-stream.compare tbody th { font-weight: var(--wtw-weight-strong); }
.atlas-production .atlas-figure .passport-pair,.atlas-production .atlas-figure.passport-pair,.atlas-production .atlas-trust-stream .passport-pair,.atlas-production .atlas-trust-stream.passport-pair { width: var(--wtw-chip-size); height: var(--wtw-chip-size); margin: 0; }
.atlas-production .atlas-figure .figure-tip,.atlas-production .atlas-figure.figure-tip,.atlas-production .atlas-trust-stream .figure-tip,.atlas-production .atlas-trust-stream.figure-tip { font: var(--wtw-text-label) / 1.4 var(--wtw-font-sans); }
.atlas-production .atlas-figure .shoe-preview,.atlas-production .atlas-figure.shoe-preview,.atlas-production .atlas-trust-stream .shoe-preview,.atlas-production .atlas-trust-stream.shoe-preview { background: var(--wtw-panel); padding: var(--wtw-space-4); font-family: var(--wtw-font-sans); }
.atlas-production .atlas-figure .shoe-preview fieldset,.atlas-production .atlas-figure.shoe-preview fieldset,.atlas-production .atlas-trust-stream .shoe-preview fieldset,.atlas-production .atlas-trust-stream.shoe-preview fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.atlas-production .atlas-figure .shoe-preview legend,.atlas-production .atlas-figure.shoe-preview legend,.atlas-production .atlas-trust-stream .shoe-preview legend,.atlas-production .atlas-trust-stream.shoe-preview legend { font-size: var(--wtw-text-label); font-weight: var(--wtw-weight-strong); padding: 0; }
.atlas-production .atlas-figure .shoe-choices,.atlas-production .atlas-figure.shoe-choices,.atlas-production .atlas-trust-stream .shoe-choices,.atlas-production .atlas-trust-stream.shoe-choices { display: flex; flex-wrap: wrap; gap: 0 var(--wtw-space-4); }
.atlas-production .atlas-figure .shoe-choices label,.atlas-production .atlas-figure.shoe-choices label,.atlas-production .atlas-trust-stream .shoe-choices label,.atlas-production .atlas-trust-stream.shoe-choices label { display: inline-flex; align-items: center; gap: var(--wtw-space-2); min-height: var(--wtw-target-min); cursor: pointer; font-size: var(--wtw-text-label); }
.atlas-production .atlas-figure .shoe-choices input,.atlas-production .atlas-figure.shoe-choices input,.atlas-production .atlas-trust-stream .shoe-choices input,.atlas-production .atlas-trust-stream.shoe-choices input { accent-color: var(--wtw-ink); margin: 0; }
.atlas-production .atlas-figure .choice-chip,.atlas-production .atlas-figure.choice-chip,.atlas-production .atlas-trust-stream .choice-chip,.atlas-production .atlas-trust-stream.choice-chip { display: inline-block; width: 1rem; height: 1rem; border: 1px solid var(--wtw-chip-edge); }
.atlas-production .atlas-figure .preview-plate,.atlas-production .atlas-figure.preview-plate,.atlas-production .atlas-trust-stream .preview-plate,.atlas-production .atlas-trust-stream.preview-plate { max-width: 20rem; margin: var(--wtw-space-3) auto 0; }
.atlas-production .atlas-figure .shoe-result,.atlas-production .atlas-figure.shoe-result,.atlas-production .atlas-trust-stream .shoe-result,.atlas-production .atlas-trust-stream.shoe-result { display: grid; grid-template-columns: 4rem 1fr; gap: var(--wtw-space-4); margin-top: var(--wtw-space-3); font-size: var(--wtw-text-label); }
.atlas-production .atlas-figure .shoe-result .pair,.atlas-production .atlas-figure.shoe-result .pair,.atlas-production .atlas-trust-stream .shoe-result .pair,.atlas-production .atlas-trust-stream.shoe-result .pair { margin: 0; }
.atlas-production .atlas-figure .shoe-result p,.atlas-production .atlas-figure.shoe-result p,.atlas-production .atlas-trust-stream .shoe-result p,.atlas-production .atlas-trust-stream.shoe-result p { margin: var(--wtw-space-2) 0 0; }


.atlas-production .atlas-figure,.atlas-production .atlas-trust-stream{--wtw-font-sans:var(--atlas-font-body);--wtw-panel:var(--ui-color-panel);--wtw-panel-rule:var(--ui-color-border);--wtw-ink:var(--ui-color-text);--wtw-ink-2:var(--ui-color-muted);--wtw-note:var(--ui-color-muted);--wtw-rubric:var(--ui-color-accent);--wtw-rule:var(--ui-color-border);--wtw-chip-edge:var(--ui-color-border-strong);}
}
/* Definition rows need a real label column; the old 1:999 flex ratio squeezed it.
   These active component rules follow the legacy compatibility layer. */
.atlas-production :is(.atlas-figure,.atlas-trust-stream) .verdicts>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--atlas-figure-caption-gap) var(--atlas-popover-padding);align-items:start;padding-block:var(--atlas-popover-padding);border-bottom:var(--atlas-border-width) solid var(--ui-color-border)}
.atlas-production :is(.atlas-figure,.atlas-trust-stream) .verdicts :is(dt,dd){min-width:0;margin:0;overflow-wrap:break-word;font:var(--atlas-type-helper-font)}
.atlas-production :is(.atlas-figure,.atlas-trust-stream) .verdicts dt{font-weight:600}
@media(max-width:699px){.atlas-production :is(.atlas-figure,.atlas-trust-stream) .verdicts>div{grid-template-columns:minmax(0,1fr);gap:var(--atlas-figure-legend-gap)}}
