/* T-1170 slice 3 — Engine slides Form paint (Five Deep · FF1 stage slides).
   Design artboard 1920×1080 → scale-in calc(960 / 1920) on platform 960×540. */
.abcs-specimen--ws9-slides {
  --ws9-design-w: 1920px;
  --ws9-design-h: 1080px;
  --ws9-platform-w: 960;
  --ws9-platform-h: 540;
  --ws9-present-ref-w: 1280;
  --ws9-present-ref-h: 720;
  --ink: #100e0a;
  --dark: #111108;
  --dark-text: #f5f2eb;
  --dark-muted: #9c968a;
  --parchment: #ede8db;
  --paper: #fff;
  --muted: #6b5b4a;
  --body: #332c1e;
  --rule: rgba(16, 14, 10, 0.12);
  --rule-soft: rgba(16, 14, 10, 0.06);
  --writer: #1a6b3c;
  --writer-t: rgba(26, 107, 60, 0.1);
  --writer-deep: #12502c;
  --fail: #a83208;
  --data: #7a5500;
  --cream: #c9b98f;
  --ws9-display: var(--font-family-display, "Epilogue", system-ui, sans-serif);
  --ws9-body: var(--font-family-body, "DM Sans", system-ui, sans-serif);
  --ws9-mono: var(--font-family-mono, "DM Mono", ui-monospace, monospace);
}

/* Stage Field dark — remap WS9 slide tokens (mirror pitch Form bind). */
.abcs-specimen.is-dark.abcs-specimen--ws9-slides {
  --ink: var(--color-text-primary, #f5f2eb);
  --dark-text: var(--color-text-primary, #f5f2eb);
  --dark-muted: color-mix(in srgb, var(--color-text-primary, #f5f2eb) 58%, transparent);
  --parchment: var(--color-surface, #111108);
  --paper: var(--color-surface-raised, #1a1a12);
  --muted: color-mix(in srgb, var(--color-text-primary, #f5f2eb) 52%, transparent);
  --body: color-mix(in srgb, var(--color-text-primary, #f5f2eb) 78%, transparent);
  --rule: var(--color-border, rgba(245, 242, 235, 0.14));
  --rule-soft: color-mix(in srgb, var(--color-text-primary, #f5f2eb) 8%, transparent);
}

/* L3 part browse — drop cardkind plate; slide owns the field. */
.abcs-specimen--ws9-slides:has(.abcs-ws9-slides-form-root--part) {
  background: transparent;
  border: none;
  padding: 0;
  color: unset;
}

.abcs-specimen--ws9-slides .abcs-slide {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  overflow: hidden;
}

.abcs-ws9-slides-form-root {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--dark);
  color: var(--ink);
  font-family: var(--ws9-body);
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
}

.abcs-ws9-slides-form-frame {
  width: var(--ws9-design-w);
  height: var(--ws9-design-h);
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  transform-origin: top left;
  transform: scale(calc(960 / 1920));
  container-type: size;
  container-name: ws9-slide;
}

.abcs-slide-canvas .abcs-ws9-slides-form-frame {
  width: calc(var(--ws9-platform-w) * 1px);
  height: calc(var(--ws9-platform-h) * 1px);
  transform: none;
}

.panel--preview .spine-specimen .abcs-specimen--ws9-slides > .abcs-stage {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(var(--ws9-present-ref-w) * 1px);
  height: calc(var(--ws9-present-ref-h) * 1px);
  aspect-ratio: auto;
  max-width: none;
  transform: scale(calc(100cqw / (var(--ws9-present-ref-w) * 1px)));
  transform-origin: top left;
}

.ps-present-frame .abcs-ws9-slides-form-frame {
  transform: scale(calc(100cqw / 1920));
}

.abcs-ws9-slides-form-slide {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: clamp(24px, 4.5cqh, 48px) clamp(24px, 4.5cqw, 72px) clamp(48px, 7.5cqh, 72px);
  overflow: hidden;
  box-sizing: border-box;
}

.abcs-ws9-slides-form-slide.light { background: var(--parchment); color: var(--ink); }
.abcs-ws9-slides-form-slide.darkbg { background: var(--dark); color: var(--dark-text); }
.abcs-ws9-slides-form-slide.is-centered { justify-content: center; }

.abcs-ws9-slides-form-slide .kick {
  font-family: var(--ws9-mono);
  font-size: clamp(0.7rem, 1.3cqh, 0.8rem);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin-bottom: clamp(8px, 1.6cqh, 16px);
}
.abcs-ws9-slides-form-slide.light .kick { color: var(--muted); }
.abcs-ws9-slides-form-slide.darkbg .kick { color: var(--cream); }

.abcs-ws9-slides-form-slide h1 {
  font-family: var(--ws9-display);
  /* Playfair 900 is not in the Soft PIN inventory — 700 is the loaded cut. */
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.04;
  font-size: clamp(1.7rem, 5.2cqh, 3.1rem);
  margin-top: 0;
  margin-bottom: clamp(10px, 2cqh, 20px);
  max-width: 26ch;
}
.abcs-ws9-slides-form-slide.darkbg h1 { color: #fff; }

.abcs-ws9-slides-form-slide .lede {
  font-size: clamp(0.95rem, 2cqh, 1.18rem);
  max-width: 70ch;
  line-height: 1.5;
}
.abcs-ws9-slides-form-slide.darkbg .lede { color: var(--parchment); }
.abcs-ws9-slides-form-slide.light .lede { color: var(--body); }
.abcs-ws9-slides-form-slide .lede b { font-weight: 500; }
.abcs-ws9-slides-form-slide.darkbg .lede b { color: #fff; }

.abcs-ws9-slides-form-slide .grid2,
.abcs-ws9-slides-form-slide .grid3,
.abcs-ws9-slides-form-slide .selwrap,
.abcs-ws9-slides-form-slide .flow3,
.abcs-ws9-slides-form-slide .dg,
.abcs-ws9-slides-form-slide .aud {
  min-height: 0;
}
.abcs-ws9-slides-form-slide .grid2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(10px, 1.8cqh, 18px);
  margin-top: clamp(10px, 2cqh, 20px);
  flex: 1;
  align-content: start;
  align-items: stretch;
  min-height: 0;
}
.abcs-ws9-slides-form-slide .grid3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(10px, 1.8cqh, 18px);
  margin-top: clamp(10px, 2cqh, 20px);
  flex: 1;
  align-content: start;
  align-items: stretch;
  min-height: 0;
}
.abcs-ws9-slides-form-slide .grid2 > [data-ws9-part],
.abcs-ws9-slides-form-slide .grid3 > [data-ws9-part] {
  display: flex;
  min-height: 100%;
}
.abcs-ws9-slides-form-slide .grid2 .card,
.abcs-ws9-slides-form-slide .grid3 .card {
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.abcs-ws9-slides-form-slide .card {
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: 12px;
  padding: clamp(12px, 2.2cqh, 20px) clamp(14px, 2cqw, 22px);
}
.abcs-ws9-slides-form-slide .card .ck {
  font-family: var(--ws9-mono);
  font-size: clamp(0.68rem, 1.3cqh, 0.78rem);
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.abcs-ws9-slides-form-slide .card h3 {
  font-family: var(--ws9-display);
  font-weight: 700;
  font-size: clamp(0.95rem, 2cqh, 1.15rem);
  letter-spacing: -0.01em;
  line-height: 1.15;
  margin-bottom: 7px;
}
.abcs-ws9-slides-form-slide .card p {
  font-size: clamp(0.8rem, 1.7cqh, 0.95rem);
  color: var(--body);
  line-height: 1.4;
}
.abcs-ws9-slides-form-slide .card .mono {
  font-family: var(--ws9-mono);
  font-size: clamp(0.66rem, 1.3cqh, 0.76rem);
  font-weight: 500;
  margin-top: 8px;
  color: var(--writer-deep);
}

.abcs-ws9-slides-form-slide .pill {
  font-family: var(--ws9-mono);
  font-size: clamp(0.62rem, 1.2cqh, 0.72rem);
  font-weight: 500;
  letter-spacing: 0.06em;
  padding: 3px 9px;
  border-radius: 6px;
  flex: 0 0 auto;
}
.abcs-ws9-slides-form-slide .pill:not([style*="color"]) {
  color: #fff;
}
.abcs-ws9-slides-form-slide .pill-row .pill {
  border-radius: 999px;
  padding: clamp(5px, 1cqh, 8px) clamp(10px, 1.4cqw, 14px);
}

.abcs-ws9-slides-form-slide .banner {
  background: var(--dark);
  color: var(--parchment);
  border-radius: 12px;
  padding: clamp(12px, 2cqh, 18px) clamp(14px, 2cqw, 22px);
  margin-top: clamp(8px, 1.6cqh, 14px);
  flex-shrink: 0;
  font-size: clamp(0.85rem, 1.8cqh, 1rem);
  line-height: 1.45;
}
.abcs-ws9-slides-form-slide .banner .bk {
  font-family: var(--ws9-mono);
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--cream);
  font-size: clamp(0.66rem, 1.3cqh, 0.76rem);
  margin-right: 10px;
}
.abcs-ws9-slides-form-slide .banner b { color: #fff; font-weight: 500; }

.abcs-ws9-slides-form-slide .foot {
  font-size: clamp(0.8rem, 1.7cqh, 0.95rem);
  font-style: italic;
  color: var(--muted);
  flex-shrink: 0;
  padding-top: clamp(6px, 1cqh, 10px);
}
.abcs-ws9-slides-form-slide:not(.abcs-ws9-slides-form-slide--part) .foot {
  margin-top: auto;
}
.abcs-ws9-slides-form-slide .rustnote {
  font-family: var(--ws9-mono);
  font-size: clamp(0.66rem, 1.4cqh, 0.78rem);
  color: var(--fail);
  margin-top: clamp(10px, 1.8cqh, 16px);
  flex-shrink: 0;
}
.abcs-ws9-slides-form-slide .fix-grid-stack {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.abcs-ws9-slides-form-slide .fix-grid-stack .grid2 {
  flex: 0 0 auto;
  margin-bottom: clamp(12px, 2cqh, 20px);
}
.abcs-ws9-slides-form-slide .fix-grid-stack [data-ws9-part="avoid-note"],
.abcs-ws9-slides-form-slide:not(.abcs-ws9-slides-form-slide--part):has(.rustnote) [data-ws9-part="avoid-note"] {
  margin-top: auto;
  flex-shrink: 0;
  padding-top: clamp(8px, 1.4cqh, 14px);
}

.abcs-ws9-slides-form-slide .mrow {
  display: grid;
  grid-template-columns: minmax(96px, 130px) minmax(160px, 300px) 1fr;
  gap: clamp(10px, 1.6cqw, 22px);
  align-items: center;
  padding: clamp(8px, 1.7cqh, 14px) 0;
}
.abcs-ws9-slides-form-slide:not(.abcs-ws9-slides-form-slide--part) .mrow {
  border-bottom: 1px solid var(--rule-soft);
}
.abcs-ws9-slides-form-slide .mrow .mn {
  font-family: var(--ws9-mono);
  font-weight: 500;
  font-size: clamp(0.72rem, 1.5cqh, 0.85rem);
}
.abcs-ws9-slides-form-slide .meter {
  display: flex;
  height: clamp(20px, 3.4cqh, 28px);
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid var(--rule);
}
.abcs-ws9-slides-form-slide .meter div {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--ws9-mono);
  font-size: clamp(0.6rem, 1.3cqh, 0.72rem);
  color: #fff;
  flex: 0 0 auto;
  min-width: 0;
}
.abcs-ws9-slides-form-slide .meter .d { background: var(--ink); }
.abcs-ws9-slides-form-slide .meter .g { background: var(--writer); }
.abcs-ws9-slides-form-slide .mrow .mx {
  font-size: clamp(0.78rem, 1.6cqh, 0.92rem);
  color: var(--body);
  line-height: 1.35;
}

.abcs-ws9-slides-form-slide .rw {
  display: grid;
  grid-template-columns: minmax(88px, 120px) 1fr 1.3fr;
  gap: clamp(8px, 1.4cqw, 18px);
  padding: clamp(7px, 1.5cqh, 12px) clamp(8px, 1cqw, 14px);
  border-radius: 8px;
  font-size: clamp(0.76rem, 1.6cqh, 0.92rem);
  line-height: 1.35;
  align-items: start;
}
.abcs-ws9-slides-form-slide .rewire-rows {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.abcs-ws9-slides-form-slide .rewire-rows > .rw:nth-child(odd) {
  background: rgba(255, 255, 255, 0.55);
}
.abcs-ws9-slides-form-slide .rw .n {
  font-family: var(--ws9-mono);
  font-weight: 500;
  font-size: clamp(0.7rem, 1.4cqh, 0.8rem);
}
.abcs-ws9-slides-form-slide .rw .t { color: var(--fail); }
.abcs-ws9-slides-form-slide .rw .f { color: var(--body); }
.abcs-ws9-slides-form-slide .rw .f b { font-weight: 500; color: var(--writer-deep); }

.abcs-ws9-slides-form-slide .rwhead {
  display: grid;
  grid-template-columns: minmax(88px, 120px) 1fr 1.3fr;
  gap: clamp(8px, 1.4cqw, 18px);
  padding: 0 clamp(8px, 1cqw, 14px);
  font-family: var(--ws9-mono);
  font-size: clamp(0.64rem, 1.3cqh, 0.74rem);
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.abcs-ws9-slides-form-slide:not(.abcs-ws9-slides-form-slide--part) .rwhead {
  margin: clamp(8px, 1.6cqh, 14px) 0 6px;
}
.abcs-ws9-slides-form-slide .rwhead .h1c { color: var(--fail); }
.abcs-ws9-slides-form-slide .rwhead .h2c { color: var(--writer-deep); }

.abcs-ws9-slides-form-slide .sq {
  display: grid;
  grid-template-columns: 34px 1fr auto 1.1fr;
  gap: clamp(8px, 1.4cqw, 18px);
  align-items: center;
  padding: clamp(6px, 1.4cqh, 11px) 0;
}
.abcs-ws9-slides-form-slide:not(.abcs-ws9-slides-form-slide--part) .sq {
  border-bottom: 1px solid var(--rule-soft);
}
.abcs-ws9-slides-form-slide .sq .num {
  font-family: var(--ws9-display);
  font-weight: 900;
  font-size: clamp(1rem, 2.4cqh, 1.4rem);
  color: var(--writer);
}
.abcs-ws9-slides-form-slide .sq h3 {
  font-family: var(--ws9-display);
  font-weight: 700;
  font-size: clamp(0.85rem, 1.9cqh, 1.05rem);
}
.abcs-ws9-slides-form-slide .sq .d {
  font-size: clamp(0.74rem, 1.5cqh, 0.88rem);
  color: var(--body);
  line-height: 1.3;
}

.abcs-ws9-slides-form-slide .aud {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(8px, 1.6cqh, 14px) clamp(16px, 2.4cqw, 30px);
  margin-top: clamp(10px, 2cqh, 18px);
  flex: 1;
  align-content: start;
}
.abcs-ws9-slides-form-slide .aud .a .ak {
  font-family: var(--ws9-mono);
  font-size: clamp(0.66rem, 1.4cqh, 0.78rem);
  font-weight: 500;
  letter-spacing: 0.08em;
  color: var(--fail);
  text-transform: uppercase;
}
.abcs-ws9-slides-form-slide .aud .a p {
  font-size: clamp(0.78rem, 1.65cqh, 0.93rem);
  color: var(--body);
  line-height: 1.35;
  margin-top: 2px;
}

.abcs-ws9-slides-form-slide .cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(16px, 3cqw, 44px);
  margin-top: clamp(12px, 2.4cqh, 24px);
}
.abcs-ws9-slides-form-slide .cols .ch {
  font-family: var(--ws9-mono);
  font-size: clamp(0.68rem, 1.4cqh, 0.78rem);
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.abcs-ws9-slides-form-slide.light .cols .ch {
  color: var(--data);
}
.abcs-ws9-slides-form-slide.darkbg .cols .ch {
  color: var(--cream);
}
.abcs-ws9-slides-form-slide .cols li {
  font-size: clamp(0.85rem, 1.9cqh, 1.02rem);
  margin: 0 0 10px 18px;
  line-height: 1.4;
}
.abcs-ws9-slides-form-slide.light .cols li {
  color: var(--body);
}
.abcs-ws9-slides-form-slide.darkbg .cols li {
  color: var(--dark-text);
}

.abcs-ws9-slides-form-slide .flow3 {
  display: grid;
  grid-template-columns: 1fr 40px 1fr 40px 1fr;
  gap: clamp(6px, 1cqw, 12px);
  align-items: stretch;
  margin-top: clamp(10px, 2cqh, 20px);
  flex: 1;
  align-content: start;
}
.abcs-ws9-slides-form-slide .flow3 .fa {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1rem, 2.4cqh, 1.5rem);
  color: var(--muted);
}

.abcs-ws9-slides-form-slide .selwrap {
  display: grid;
  grid-template-columns: 1.55fr 1fr;
  gap: clamp(12px, 2cqw, 22px);
  margin-top: clamp(10px, 2cqh, 18px);
  flex: 1;
  align-content: start;
}

.abcs-ws9-slides-form-slide .dg {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  margin-top: clamp(6px, 1.2cqh, 12px);
  min-height: 0;
}
.abcs-ws9-slides-form-slide .dgterm {
  background: var(--dark);
  color: #fff;
  border-radius: 9px;
  padding: clamp(5px, 1cqh, 9px) clamp(12px, 1.6cqw, 18px);
  font-family: var(--ws9-display);
  font-weight: 600;
  font-size: clamp(0.75rem, 1.6cqh, 0.92rem);
  text-align: center;
}
.abcs-ws9-slides-form-slide .dgterm .s {
  display: block;
  font-family: var(--ws9-mono);
  font-weight: 400;
  font-size: clamp(0.58rem, 1.2cqh, 0.7rem);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--dark-muted);
}
.abcs-ws9-slides-form-slide .dgv {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--muted);
  padding: 1px 0;
}
.abcs-ws9-slides-form-slide .dgv .l {
  font-family: var(--ws9-mono);
  font-size: clamp(0.6rem, 1.3cqh, 0.75rem);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 2px 6px;
  text-align: center;
  max-width: 72ch;
}
.abcs-ws9-slides-form-slide .dgv .l.bad { color: var(--fail); }
.abcs-ws9-slides-form-slide .dgv .l.ok { color: var(--writer-deep); }

.abcs-ws9-slides-form-slide .dglayer {
  width: 100%;
  border-radius: 11px;
  border: 1px solid var(--rule);
  padding: clamp(7px, 1.3cqh, 12px) clamp(9px, 1cqw, 14px);
}
.abcs-ws9-slides-form-slide .dglayer .lh {
  font-family: var(--ws9-mono);
  font-size: clamp(0.6rem, 1.3cqh, 0.72rem);
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: clamp(5px, 1cqh, 9px);
  display: flex;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}
.abcs-ws9-slides-form-slide .dglayer.intel {
  background: rgba(16, 14, 10, 0.045);
  border-color: rgba(16, 14, 10, 0.24);
}
.abcs-ws9-slides-form-slide .dglayer.intel .lh { color: var(--ink); }
.abcs-ws9-slides-form-slide .dgboxes { display: grid; gap: clamp(5px, 0.8cqw, 9px); }
.abcs-ws9-slides-form-slide .dgboxes.b3 { grid-template-columns: repeat(3, 1fr); }
.abcs-ws9-slides-form-slide .dgboxes.b4 { grid-template-columns: repeat(4, 1fr); }
.abcs-ws9-slides-form-slide .dgbox {
  position: relative;
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: 8px;
  padding: clamp(5px, 1cqh, 9px) clamp(7px, 0.9cqw, 11px);
  text-align: left;
}
.abcs-ws9-slides-form-slide .dgbox .k {
  display: block;
  font-family: var(--ws9-mono);
  font-size: clamp(0.55rem, 1.15cqh, 0.68rem);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--muted);
}
.abcs-ws9-slides-form-slide .dgbox .t {
  font-family: var(--ws9-display);
  font-weight: 600;
  font-size: clamp(0.68rem, 1.5cqh, 0.85rem);
  color: var(--ink);
  line-height: 1.12;
  display: block;
}
.abcs-ws9-slides-form-slide .dgpin {
  position: absolute;
  top: -7px;
  right: -5px;
  min-width: 17px;
  height: 17px;
  border-radius: 9px;
  font-family: var(--ws9-mono);
  font-size: clamp(0.55rem, 1.15cqh, 0.66rem);
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--parchment);
  padding: 0 4px;
  color: #fff;
}
.abcs-ws9-slides-form-slide .dgpin.bad { background: var(--fail); }
.abcs-ws9-slides-form-slide .dgpin.good { background: var(--writer); }

.abcs-ws9-slides-form-slide .dgmid { display: flex; align-items: stretch; width: 100%; gap: 0; }
.abcs-ws9-slides-form-slide .dgcol { flex: 1 1 0; min-width: 0; display: flex; }
.abcs-ws9-slides-form-slide .dgcol.eng { flex: 1.5 1 0; }
.abcs-ws9-slides-form-slide .dgh {
  flex: 0 0 44px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  color: var(--muted);
}
.abcs-ws9-slides-form-slide .dgh .ln { flex: 1; width: 2px; background: var(--rule); min-height: 8px; }
.abcs-ws9-slides-form-slide .dgh .lb {
  font-family: var(--ws9-mono);
  font-size: clamp(0.52rem, 1.1cqh, 0.64rem);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.25;
}
.abcs-ws9-slides-form-slide .dglayer.data { background: rgba(160, 104, 0, 0.1); border-color: rgba(160, 104, 0, 0.32); }
.abcs-ws9-slides-form-slide .dglayer.data .lh { color: var(--data); }
.abcs-ws9-slides-form-slide .dglayer.eng { background: var(--writer-t); border-color: rgba(26, 107, 60, 0.42); }
.abcs-ws9-slides-form-slide .dglayer.eng .lh { color: var(--writer-deep); }
.abcs-ws9-slides-form-slide .dglayer.bench { background: rgba(107, 91, 74, 0.06); border-style: dashed; }
.abcs-ws9-slides-form-slide .dglayer.bench .lh { color: var(--muted); }
.abcs-ws9-slides-form-slide .dglayer.bench.dim { opacity: 0.45; filter: grayscale(0.5); }
.abcs-ws9-slides-form-slide .dgsteps { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(5px, 0.8cqw, 8px); }
.abcs-ws9-slides-form-slide .dgnote {
  font-family: var(--ws9-mono);
  font-size: clamp(0.55rem, 1.2cqh, 0.68rem);
  color: var(--fail);
  margin-top: 6px;
}
.abcs-ws9-slides-form-slide .dginner {
  margin-top: clamp(5px, 1cqh, 9px);
  border-top: 1px dashed rgba(26, 107, 60, 0.4);
  padding-top: clamp(5px, 1cqh, 8px);
}
.abcs-ws9-slides-form-slide .dginner .ih {
  font-family: var(--ws9-mono);
  font-size: clamp(0.55rem, 1.2cqh, 0.66rem);
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--writer-deep);
  display: block;
  margin-bottom: 4px;
}
.abcs-ws9-slides-form-slide .dginner .ic {
  font-family: var(--ws9-mono);
  font-size: clamp(0.56rem, 1.25cqh, 0.7rem);
  color: var(--writer-deep);
  line-height: 1.5;
}

.abcs-ws9-slides-form-slide.has-arch-dg {
  /* Reserve vertical room for the diagram via padding + .dg flex — not by
     crushing kicker/title (S69 media-final parity · reading-level takeaway). */
  padding: clamp(18px, 3cqh, 30px) clamp(24px, 4.5cqw, 72px) clamp(28px, 4cqh, 44px);
}
/* Assembled deck slides: keep the 16:9 composition. L3 --part browse may grow. */
.abcs-ws9-slides-form-slide.has-arch-dg:not(.abcs-ws9-slides-form-slide--part) {
  height: 100%;
  overflow: hidden;
}
.abcs-ws9-slides-form-slide.has-arch-dg:not(.abcs-ws9-slides-form-slide--part) .dg,
.abcs-ws9-slides-form-slide.has-arch-dg:not(.abcs-ws9-slides-form-slide--part) .pill-row {
  flex-wrap: nowrap;
}
.abcs-ws9-slides-form-slide.has-arch-dg:not(.abcs-ws9-slides-form-slide--part) .grid2 {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.abcs-ws9-slides-form-slide.has-arch-dg:not(.abcs-ws9-slides-form-slide--part) .grid3 {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
.abcs-ws9-slides-form-slide.has-arch-dg h1 {
  max-width: none;
  line-height: 1.08;
}
.abcs-ws9-slides-form-slide.has-arch-dg .dg {
  flex: 1 1 0;
  min-height: 0;
  margin-top: clamp(2px, 0.5cqh, 6px);
  gap: 0;
}
.abcs-ws9-slides-form-slide.has-arch-dg .dgv {
  padding: 0;
}
.abcs-ws9-slides-form-slide.has-arch-dg .dgv .l {
  font-size: clamp(0.52rem, 1.1cqh, 0.68rem);
  line-height: 1.2;
}
.abcs-ws9-slides-form-slide.has-arch-dg .dglayer {
  padding: clamp(5px, 0.9cqh, 9px) clamp(8px, 0.9cqw, 12px);
}
.abcs-ws9-slides-form-slide.has-arch-dg .dglayer .lh {
  margin-bottom: clamp(3px, 0.6cqh, 6px);
  font-size: clamp(0.55rem, 1.15cqh, 0.68rem);
}
.abcs-ws9-slides-form-slide.has-arch-dg .dgbox {
  padding: clamp(4px, 0.75cqh, 7px) clamp(6px, 0.8cqw, 9px);
}
.abcs-ws9-slides-form-slide.has-arch-dg .dgbox .t {
  font-size: clamp(0.62rem, 1.35cqh, 0.78rem);
}
.abcs-ws9-slides-form-slide.has-arch-dg .dgterm {
  padding: clamp(4px, 0.75cqh, 7px) clamp(10px, 1.4cqw, 16px);
  font-size: clamp(0.68rem, 1.4cqh, 0.85rem);
}
.abcs-ws9-slides-form-slide.has-arch-dg .dgh {
  flex: 0 0 32px;
}
.abcs-ws9-slides-form-slide.has-arch-dg .dgh .ln {
  min-height: 4px;
}
.abcs-ws9-slides-form-slide.has-arch-dg .dginner {
  margin-top: clamp(3px, 0.6cqh, 6px);
  padding-top: clamp(3px, 0.6cqh, 6px);
}
.abcs-ws9-slides-form-slide.has-arch-dg .dginner .ic {
  font-size: clamp(0.5rem, 1.05cqh, 0.62rem);
  line-height: 1.35;
}

.abcs-ws9-slides-form-slide .pill-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.abcs-ws9-slides-form-slide:not(.abcs-ws9-slides-form-slide--part) .pill-row {
  margin-top: clamp(16px, 3.4cqh, 32px);
}
.abcs-ws9-slides-form-slide .credit-line {
  margin-top: clamp(28px, 7cqh, 64px);
  font-family: var(--ws9-mono);
  font-size: clamp(0.68rem, 1.3cqh, 0.75rem);
  letter-spacing: 0.02em;
  line-height: 1.45;
}
.abcs-ws9-slides-form-slide.light .credit-line {
  color: var(--muted);
}
.abcs-ws9-slides-form-slide.darkbg .credit-line {
  color: var(--dark-muted);
}

/* L3 Spec browse: part paint without 16:9 absolute-fill stage (ENG-2.14).
   Without these overrides the form-root paints a full-bleed dark void in the
   detail pane — the WS9-BLACK bug when opening L3 parts from the browse rail. */
.abcs-ws9-slides-form-root.abcs-ws9-slides-form-root--part {
  position: relative;
  inset: auto;
  width: 100%;
  max-width: min(100%, 42rem);
  min-width: 18rem;
  height: auto;
  min-height: 0;
  overflow: visible;
  background: transparent;
  container-type: inline-size;
  container-name: ws9-slide;
}

/* Arch-diagram hosts need block-size for cqh — contain on the slide, not the root,
   so the preview host grows with diagram height (BUG-L3-018). */
.abcs-ws9-slides-form-root--part:has(.has-arch-dg) {
  height: auto;
  min-height: 0;
  container-type: inline-size;
  container-name: ws9-slide;
}

.abcs-ws9-slides-form-root--part:has(.has-arch-dg) .abcs-ws9-slides-form-frame--part {
  height: auto;
}

.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-frame--part {
  position: relative;
  width: 100%;
  min-width: 18rem;
  height: auto;
  min-height: 0;
  transform: none;
  overflow: visible;
  /* Drop full-slide size containment — children must grow the preview host
     (ENG-2.14). Base .abcs-ws9-slides-form-frame { container-type: size }
     collapsed L3 browse to 0px while the slide painted over MORE/aux. */
  container-type: normal;
  container-name: none;
}

.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part {
  position: relative;
  width: 100%;
  min-width: 18rem;
  height: auto;
  min-height: 0;
  display: block;
  padding: 0;
  overflow: visible;
  flex: none;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  background: transparent;
}

.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part.has-arch-dg {
  display: block;
  height: auto;
  flex: none;
  container-type: inline-size;
  container-name: ws9-arch-part;
  min-height: 0;
  padding: 0.75rem 0.85rem 1rem;
  border-radius: 10px;
  border: 1px solid var(--rule);
}

.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part.has-arch-dg.light {
  background: var(--paper);
  color: var(--ink);
}

.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part.has-arch-dg.darkbg {
  background: var(--dark);
  color: var(--dark-text);
}

/* Dark-field atoms without their own plate (avoid-note, etc.). */
.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part.darkbg:not(.has-arch-dg) {
  padding: 0.5rem;
  border-radius: 10px;
  border: 1px solid var(--rule);
  background: var(--dark);
  color: var(--dark-text);
}

.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part.has-arch-dg .dg {
  display: flex;
  flex-direction: column;
  flex: none !important;
  min-height: 0 !important;
  height: auto;
  max-height: none;
  width: 100%;
  margin-top: 0;
  container-type: normal;
  container-name: none;
}

/* L3 arch-diagram browse — rem type instead of cqh (no sized block axis at ~672px). */
.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part.has-arch-dg .dgterm {
  font-size: 0.82rem;
  padding: 0.35rem 0.65rem;
}
.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part.has-arch-dg .dgterm .s {
  font-size: 0.58rem;
}
.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part.has-arch-dg .dgv .l {
  font-size: 0.58rem;
}
.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part.has-arch-dg .dglayer {
  padding: 0.35rem 0.5rem;
}
.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part.has-arch-dg .dglayer .lh {
  font-size: 0.58rem;
  margin-bottom: 0.25rem;
}
.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part.has-arch-dg .dgbox {
  padding: 0.25rem 0.4rem;
}
.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part.has-arch-dg .dgbox .k {
  font-size: 0.52rem;
}
.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part.has-arch-dg .dgbox .t {
  font-size: 0.68rem;
}
.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part.has-arch-dg .dginner .ic {
  font-size: 0.52rem;
}

.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part.has-arch-dg .dgmid {
  width: 100%;
  flex-wrap: nowrap;
}
.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part.has-arch-dg .dgh {
  flex: 0 0 1.4rem;
}
.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part.has-arch-dg .dgh .lb {
  font-size: 0.52rem;
  max-width: 4.5em;
}

.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part.darkbg .dginner .ih,
.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part.darkbg .dginner .ic {
  color: color-mix(in srgb, var(--writer) 82%, var(--dark-text));
}
.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part.darkbg .dgnote {
  color: color-mix(in srgb, var(--fail) 88%, #fff);
}
.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part.darkbg .dglayer.bench.dim {
  opacity: 0.55;
}

.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part.darkbg {
  border-color: color-mix(in srgb, var(--cream) 22%, transparent);
}

.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part.darkbg .dglayer.intel {
  background: rgba(245, 242, 235, 0.04);
  border-color: rgba(245, 242, 235, 0.18);
}
.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part.darkbg .dglayer.intel .lh {
  color: var(--dark-text);
}
.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part.darkbg .dgbox {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(245, 242, 235, 0.14);
}
.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part.darkbg .dgbox .t {
  color: var(--dark-text);
}
.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part.darkbg .dgv {
  color: var(--dark-muted);
}

/* L3 part browse — atoms that normally sit inside a parent (.aud, .grid2, …). */
.abcs-ws9-slides-form-slide--part [data-ws9-part="audit-finding"] .a {
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: 8px;
  padding: 0.65rem 0.8rem;
  box-sizing: border-box;
}
.abcs-ws9-slides-form-slide--part [data-ws9-part="audit-finding"] .a .ak {
  font-family: var(--ws9-mono);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: var(--fail);
  text-transform: uppercase;
  display: block;
}
.abcs-ws9-slides-form-slide--part [data-ws9-part="audit-finding"] .a p {
  font-size: 0.875rem;
  color: var(--body);
  line-height: 1.35;
  margin: 4px 0 0;
}
.abcs-ws9-slides-form-slide--part.darkbg [data-ws9-part="audit-finding"] .a {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(245, 242, 235, 0.14);
}
.abcs-ws9-slides-form-slide--part.darkbg [data-ws9-part="audit-finding"] .a p {
  color: var(--dark-text);
}

.abcs-ws9-slides-form-slide--part [data-ws9-part="avoid-note"] {
  margin-top: 0;
  padding-top: 0;
}
.abcs-ws9-slides-form-slide--part [data-ws9-part="avoid-note"] .rustnote {
  margin-top: 0;
  font-size: 0.75rem;
  line-height: 1.45;
  padding: 0.55rem 0.7rem;
  border-left: 3px solid var(--fail);
  background: color-mix(in srgb, var(--fail) 7%, var(--paper));
  border-radius: 0 6px 6px 0;
}
.abcs-ws9-slides-form-slide--part.darkbg [data-ws9-part="avoid-note"] .rustnote {
  background: color-mix(in srgb, var(--fail) 14%, var(--dark));
  color: color-mix(in srgb, var(--fail) 55%, var(--dark-text));
}

.abcs-ws9-slides-form-slide--part:not(.has-arch-dg) .card {
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  padding: 0.75rem 0.85rem;
}
.abcs-ws9-slides-form-slide--part:not(.has-arch-dg) .card .ck {
  font-size: 0.68rem;
  margin-bottom: 0.35rem;
}
.abcs-ws9-slides-form-slide--part:not(.has-arch-dg) .card h3 {
  font-size: 1rem;
  margin: 0 0 0.35rem;
  line-height: 1.2;
}
.abcs-ws9-slides-form-slide--part:not(.has-arch-dg) .card p {
  font-size: 0.84rem;
  line-height: 1.4;
  margin: 0;
}

/* sizing-panel — dark .card IS the specimen (light slide field, dark plate). */
.abcs-ws9-slides-form-slide--part [data-ws9-part="sizing-panel"] .card {
  border-radius: 10px;
  width: 100%;
  box-sizing: border-box;
}
.abcs-ws9-slides-form-slide--part [data-ws9-part="sizing-panel"] .card .ck {
  font-size: 0.68rem;
  margin-bottom: 0.35rem;
}
.abcs-ws9-slides-form-slide--part [data-ws9-part="sizing-panel"] .card p {
  font-size: 0.84rem;
  line-height: 1.4;
  margin: 0;
}

/* step-card — .card with optional pill in .ck header. */
.abcs-ws9-slides-form-slide--part [data-ws9-part="step-card"] .card {
  border-radius: 10px;
  width: 100%;
  box-sizing: border-box;
}
.abcs-ws9-slides-form-slide--part [data-ws9-part="step-card"] .card .ck .pill {
  font-size: 0.62rem;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.abcs-ws9-slides-form-slide--part [data-ws9-part="credit-line"] .credit-line,
.abcs-ws9-slides-form-slide--part [data-ws9-part="credit-line"] {
  font-size: 0.72rem;
  margin-top: 0;
  padding: 0.4rem 0.55rem 0;
  border-top: 1px solid var(--rule);
  width: 100%;
  box-sizing: border-box;
}
.abcs-ws9-slides-form-slide--part.light [data-ws9-part="credit-line"] .credit-line {
  color: var(--muted);
}
.abcs-ws9-slides-form-slide--part.darkbg [data-ws9-part="credit-line"] .credit-line {
  color: var(--dark-muted);
}

.abcs-ws9-slides-form-slide--part [data-ws9-part="meter-legend"] .foot {
  margin-top: 0;
  padding: 0.45rem 0.65rem;
  font-style: normal;
  font-family: var(--ws9-mono);
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  line-height: 1.45;
  color: var(--ink);
  border: 1px solid var(--rule);
  border-radius: 8px;
  background: var(--paper);
  width: fit-content;
  max-width: 100%;
  box-sizing: border-box;
}
.abcs-ws9-slides-form-slide--part.darkbg [data-ws9-part="meter-legend"] .foot {
  color: var(--dark-text);
  background: color-mix(in srgb, var(--dark) 88%, white);
  border-color: color-mix(in srgb, var(--dark-text) 14%, transparent);
}

.abcs-ws9-slides-form-slide--part [data-ws9-part="pill-row"] .pill-row {
  margin-top: 0;
  gap: 0.45rem;
}
.abcs-ws9-slides-form-slide--part [data-ws9-part="pill-row"] .pill {
  font-size: 0.68rem;
  padding: 0.35rem 0.7rem;
  letter-spacing: 0.06em;
  border-radius: 999px;
  line-height: 1.2;
}

.abcs-ws9-slides-form-slide--part [data-ws9-part="det-gen-meter"] .mrow {
  margin-top: 0;
  padding: 0.5rem 0.65rem;
  border: 1px solid var(--rule);
  border-radius: 8px;
  background: var(--paper);
  grid-template-columns: minmax(4.5rem, 5.5rem) minmax(6.5rem, 9rem) minmax(0, 1fr);
  gap: 0.55rem;
  width: 100%;
  box-sizing: border-box;
}
.abcs-ws9-slides-form-slide--part [data-ws9-part="det-gen-meter"] .mn {
  font-size: 0.68rem;
}
.abcs-ws9-slides-form-slide--part [data-ws9-part="det-gen-meter"] .meter {
  height: 1.35rem;
  min-width: 0;
}
.abcs-ws9-slides-form-slide--part [data-ws9-part="det-gen-meter"] .meter div {
  font-size: 0.62rem;
}
.abcs-ws9-slides-form-slide--part [data-ws9-part="det-gen-meter"] .mx {
  font-size: 0.78rem;
  line-height: 1.35;
}
.abcs-ws9-slides-form-slide--part.darkbg [data-ws9-part="det-gen-meter"] .mrow {
  background: color-mix(in srgb, var(--dark) 88%, white);
  border-color: color-mix(in srgb, var(--dark-text) 14%, transparent);
}
.abcs-ws9-slides-form-slide--part.darkbg [data-ws9-part="det-gen-meter"] .mx {
  color: var(--dark-text);
}

.abcs-ws9-slides-form-slide--part [data-ws9-part="reframe-block"] .lede {
  margin-top: 0 !important;
  max-width: none !important;
  font-size: 0.88rem !important;
  line-height: 1.45;
  color: var(--body) !important;
  font-style: italic;
  padding: 0.55rem 0.75rem;
  border-left: 3px solid var(--cream);
  background: color-mix(in srgb, var(--cream) 10%, var(--paper));
  border-radius: 0 8px 8px 0;
  width: 100%;
  box-sizing: border-box;
}
.abcs-ws9-slides-form-slide--part.darkbg [data-ws9-part="reframe-block"] .lede {
  color: var(--parchment) !important;
  background: color-mix(in srgb, var(--cream) 8%, var(--dark));
}

.abcs-ws9-slides-form-slide--part [data-ws9-part="rwhead"] .rwhead {
  margin: 0;
  padding: 0.5rem 0.65rem;
  font-size: 0.68rem;
  gap: 0.65rem;
  grid-template-columns: 1fr 1.35fr;
  border: 1px solid var(--rule);
  border-radius: 8px;
  background: var(--paper);
  width: 100%;
  box-sizing: border-box;
  letter-spacing: 0.1em;
  line-height: 1.2;
}
.abcs-ws9-slides-form-slide--part [data-ws9-part="rwhead"] .rwhead > span:first-child {
  display: none;
}
.abcs-ws9-slides-form-slide--part.darkbg [data-ws9-part="rwhead"] .rwhead {
  background: color-mix(in srgb, var(--dark) 88%, white);
  border-color: color-mix(in srgb, var(--dark-text) 14%, transparent);
}

.abcs-ws9-slides-form-slide--part [data-ws9-part="rewire-row"] .rw {
  margin: 0;
  padding: 0.5rem 0.65rem;
  font-size: 0.78rem;
  gap: 0.55rem;
  grid-template-columns: minmax(4.5rem, 5.5rem) minmax(0, 1fr) minmax(0, 1.35fr);
  border: 1px solid var(--rule);
  border-radius: 8px;
  background: var(--paper);
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  line-height: 1.35;
}
.abcs-ws9-slides-form-slide--part [data-ws9-part="rewire-row"] .rw .n {
  font-size: 0.66rem;
  letter-spacing: 0.06em;
}
.abcs-ws9-slides-form-slide--part [data-ws9-part="rewire-row"] .rw .t,
.abcs-ws9-slides-form-slide--part [data-ws9-part="rewire-row"] .rw .f {
  font-size: 0.78rem;
}
.abcs-ws9-slides-form-slide--part.darkbg [data-ws9-part="rewire-row"] .rw {
  background: color-mix(in srgb, var(--dark) 88%, white);
  border-color: color-mix(in srgb, var(--dark-text) 14%, transparent);
}
.abcs-ws9-slides-form-slide--part.darkbg [data-ws9-part="rewire-row"] .rw .f {
  color: var(--dark-text);
}
.abcs-ws9-slides-form-slide--part.darkbg [data-ws9-part="rewire-row"] .rw .f b {
  color: color-mix(in srgb, var(--writer) 70%, var(--dark-text));
}

.abcs-ws9-slides-form-slide--part [data-ws9-part="seq-row"] .sq {
  margin: 0;
  padding: 0.5rem 0.65rem;
  gap: 0.55rem;
  grid-template-columns: 1.75rem minmax(0, 1fr) auto minmax(0, 1.1fr);
  border: 1px solid var(--rule);
  border-radius: 8px;
  background: var(--paper);
  width: 100%;
  box-sizing: border-box;
  align-items: center;
}
.abcs-ws9-slides-form-slide--part [data-ws9-part="seq-row"] .sq .num {
  font-size: 1rem;
  line-height: 1;
}
.abcs-ws9-slides-form-slide--part [data-ws9-part="seq-row"] .sq h3 {
  font-size: 0.88rem;
  margin: 0;
  line-height: 1.2;
}
.abcs-ws9-slides-form-slide--part [data-ws9-part="seq-row"] .sq .pill {
  font-size: 0.62rem;
  padding: 0.2rem 0.45rem;
  border-radius: 999px;
  white-space: nowrap;
}
.abcs-ws9-slides-form-slide--part [data-ws9-part="seq-row"] .sq .d {
  font-size: 0.74rem;
  line-height: 1.3;
}
.abcs-ws9-slides-form-slide--part.darkbg [data-ws9-part="seq-row"] .sq {
  background: color-mix(in srgb, var(--dark) 88%, white);
  border-color: color-mix(in srgb, var(--dark-text) 14%, transparent);
}
.abcs-ws9-slides-form-slide--part.darkbg [data-ws9-part="seq-row"] .sq .d {
  color: var(--dark-text);
}

.abcs-ws9-slides-form-slide--part [data-ws9-part="banner-band"] .banner {
  margin-top: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0.7rem 0.9rem;
  font-size: 0.875rem;
  line-height: 1.45;
}
.abcs-ws9-slides-form-slide--part [data-ws9-part="banner-band"] .banner .bk {
  font-size: 0.68rem;
}

.abcs-ws9-slides-form-slide--part [data-ws9-part="close-cols"] .cols {
  margin-top: 0;
  gap: 1.25rem;
}
.abcs-ws9-slides-form-slide--part [data-ws9-part="close-cols"] .cols .ch {
  font-size: 0.68rem;
  margin-bottom: 0.35rem;
}
.abcs-ws9-slides-form-slide--part [data-ws9-part="close-cols"] .cols li {
  font-size: 0.84rem;
  margin: 0 0 0.35rem 1rem;
}

.abcs-ws9-slides-form-slide--part .abcs-ws9-slides-part {
  width: 100%;
}

/* WS9 L3 atom browse — :not(.has-arch-dg) works even if is-ws9-atom-part JS is stale. */
.abcs-ws9-slides-form-root--part:has(.abcs-ws9-slides-form-slide--part:not(.has-arch-dg)),
.abcs-ws9-slides-form-root--part:has(.abcs-ws9-slides-form-slide--part:not(.has-arch-dg)) .abcs-ws9-slides-form-frame--part,
.abcs-ws9-slides-form-root--part .abcs-ws9-slides-form-slide--part:not(.has-arch-dg),
.abcs-ws9-slides-form-root--part:has(.is-ws9-atom-part),
.abcs-ws9-slides-form-root--part:has(.is-ws9-atom-part) .abcs-ws9-slides-form-frame--part,
.abcs-ws9-slides-form-slide.abcs-ws9-slides-form-slide--part.is-ws9-atom-part {
  height: auto;
  min-height: 0;
  max-height: none;
}

.abcs-ws9-slides-form-root--part:has(.abcs-ws9-slides-form-slide--part:not(.has-arch-dg)) .abcs-ws9-slides-part,
.abcs-ws9-slides-form-root--part:has(.is-ws9-atom-part) .abcs-ws9-slides-part {
  margin: 0;
}

/* T-1380 Image stage + Image pair (ws9-slides-open) */
.abcs-ws9-slides-form-slide .abcs-ws9-image-stage {
  flex: 1 1 auto;
  min-height: clamp(160px, 32cqh, 340px);
  width: 100%;
  display: flex;
  align-items: stretch;
  margin-top: clamp(8px, 1.6cqh, 16px);
}
.abcs-ws9-slides-form-slide .abcs-ws9-image-stage--image-left {
  justify-content: flex-start;
  max-width: 58%;
}
.abcs-ws9-slides-form-slide .abcs-ws9-image-stage--image-right {
  margin-left: auto;
  max-width: 58%;
}
.abcs-ws9-slides-form-slide .abcs-ws9-image-stage--image-full {
  width: 100%;
  max-width: none;
}
.abcs-ws9-slides-form-slide .abcs-ws9-image-stage > .abcs-ws9-slides-part,
.abcs-ws9-slides-form-slide .abcs-ws9-image-pair-col > .abcs-ws9-slides-part {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  display: flex;
}
.abcs-ws9-slides-form-slide .abcs-ws9-image-frame,
.abcs-ws9-slides-form-slide .abcs-ws9-image-empty {
  width: 100%;
  flex: 1 1 auto;
  min-width: 0;
  min-height: clamp(160px, 32cqh, 340px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--ink, #100e0a) 6%, transparent);
  border: 1px solid var(--rule, rgba(16, 14, 10, 0.12));
  overflow: hidden;
}
.abcs-ws9-slides-form-slide .abcs-ws9-image-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.abcs-ws9-slides-form-slide .abcs-ws9-image-empty {
  color: var(--muted, #6b5b4a);
  font: 650 0.95rem/1.2 var(--ws9-body);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.abcs-ws9-slides-form-slide .abcs-ws9-image-pair {
  flex: 1 1 auto;
  min-height: clamp(160px, 32cqh, 340px);
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(10px, 2cqw, 22px);
  margin-top: clamp(8px, 1.6cqh, 16px);
}
.abcs-ws9-slides-form-slide .abcs-ws9-image-pair-col {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  min-width: 0;
  min-height: 0;
}
.abcs-ws9-slides-form-slide .abcs-ws9-image-caption {
  margin: 0;
  font: 650 0.85rem/1.3 var(--ws9-body);
  color: var(--muted, #6b5b4a);
}