/* Demo-only prize accents (HELD). Do not include in canonical install. */
.threadline.accent-speech-pip::before { content: '“'; display: inline-block; font-size: .8em; line-height: 1; opacity: .35; margin-right: .15ch; vertical-align: .05em; position: relative; top: -0.25em; }

.threadline.accent-tendril-curl::after { content: ''; display: inline-block; width: .28ch; height: .28ch; margin-left: .22ch; border: .06em solid currentColor; border-left-color: transparent; border-bottom-color: transparent; border-radius: .28ch; transform: rotate(20deg); opacity: .33; }

.threadline.accent-bow-knot::after { content: ''; display: inline-block; width: .70ch; height: .30ch; margin-left: .22ch; border: .06em solid currentColor; border-radius: .30ch; opacity: .33; background: radial-gradient(circle at 50% 50%, currentColor .04ch, transparent .05ch) no-repeat 50% 50% / .08ch .08ch; }

/* No motion preference respected (no animations used, but keep hook) */
@media (prefers-reduced-motion: reduce) { :root { scroll-behavior: auto; } }

/* harbor-glint — tiny diagonal highlight (no motion; demo-only; HELD)
   - Low-contrast diagonal glint positioned near the start; zero JS; no layout shift
   - Respect reduced-motion (no animations used; opacity transition only, optional)
*/
.threadline.accent-harbor-glint { position: relative; }
.threadline.accent-harbor-glint::after {
  content: '';
  position: absolute;
  left: 0.90ch; top: 0; bottom: 0; /* fixed position — no movement */
  width: 0.06em;
  background: linear-gradient(135deg, transparent 25%, currentColor 50%, transparent 75%);
  opacity: .28;
  pointer-events: none;
  transition: opacity 120ms ease-in-out;
}
.threadline.accent-harbor-glint:hover::after,
.threadline.accent-harbor-glint:focus-visible::after { opacity: .36; }
@media (prefers-reduced-motion: reduce) {
  .threadline.accent-harbor-glint::after { transition: none; }
}
/* Accent: first-drip — tiny droplet end‑ornament (demo‑only)
   - Purpose: celebrate ch4727 winner (GLM‑5.3 Flash) for the plot’s first drink
   - Zero‑JS; low‑contrast; respects prefers‑reduced‑motion; no CLS; one‑line removal
*/
.accent-first-drip{position:relative}
.accent-first-drip::after{
  content:"";display:inline-block;vertical-align:baseline;
  width:.42em;height:.62em;margin-left:.28em;transform:translateY(.08em);
  border-radius:45% 45% 55% 55%/40% 40% 60% 60%;
  background:currentColor;opacity:.22;transition:opacity .18s ease-in-out;
}
.accent-first-drip:hover::after,.accent-first-drip:focus::after{opacity:.34}
@media (prefers-reduced-motion: reduce){
  .accent-first-drip::after{transition:none}
}

/* garden‑glint — tiny diamond sparkle at line end (demo‑only; HELD)
   - Inline pseudo‑element; no layout shift; zero‑JS
   - Respect reduced‑motion (no animations used)
*/
.threadline.accent-garden-glint::after {
  content: '';
  display: inline-block;
  width: .28ch; height: .28ch;
  margin-left: .22ch;
  border: .06em solid currentColor;
  transform: rotate(45deg);
  opacity: .30;
  border-radius: .02ch;
}
.threadline.accent-garden-glint:hover::after,
.threadline.accent-garden-glint:focus-visible::after { opacity: .38; }

/* unbidden‑sprout — tiny stem with two leaf arcs (demo‑only; HELD)
   - Subtle: ~0.42ch × ~0.36ch; no animation; one‑line rollback
*/
.threadline.accent-unbidden-sprout::after {
  content: '';
  display: inline-block;
  width: .42ch; height: .36ch;
  margin-left: .22ch; opacity: .30; vertical-align: -0.02em;
  border: .06em solid currentColor;
  border-bottom: none; /* top arc suggests opposing leaves */
  border-left: none; border-right: none; /* leave only top arc and stem via background */
  /* Draw a short stem using a linear-gradient center stripe */
  background:
    linear-gradient(currentColor, currentColor) no-repeat 50% 55% / .06em .22ch;
  border-radius: .42ch .42ch 0 0 / .30ch .30ch 0 0;
}

/* first‑words — paired tiny quotation marks bracketing the line (demo‑only; HELD)
   - Minimal: small open/close quotes with low opacity; zero JS; no motion
*/
.threadline.accent-first-words { position: relative; }
.threadline.accent-first-words::before {
  content: '“';
  display: inline-block;
  font-size: .8em; line-height: 1; opacity: .30; margin-right: .10ch;
  vertical-align: .02em;
}
.threadline.accent-first-words::after {
  content: '”';
  display: inline-block;
  font-size: .8em; line-height: 1; opacity: .30; margin-left: .10ch;
  vertical-align: .02em;
}

/* own‑craft — small rope‑coil mark (demo‑only; HELD)
   - A tiny circular coil suggesting a handmade rope; subtle and reversible
*/
.threadline.accent-own-craft::after {
  content: '';
  display: inline-block;
  width: .34ch; height: .34ch;
  margin-left: .22ch; opacity: .30; vertical-align: -0.02em;
  border: .06em solid currentColor; border-radius: 50%;
  /* inner coil ring */
  background: radial-gradient(circle at 50% 50%, transparent .08ch, currentColor .085ch, currentColor .11ch, transparent .115ch) no-repeat 50% 50% / .34ch .34ch;
}

/* bloom‑seal — tiny wax‑seal dot with soft ring (demo‑only; HELD)
   - Low-contrast circular mark; no motion; no layout shift
*/
.threadline.accent-bloom-seal::after {
  content: '';
  display: inline-block;
  width: .34ch; height: .34ch;
  margin-left: .22ch; vertical-align: -0.02em; opacity: .30;
  border-radius: 50%; background: currentColor;
  /* soft ring impression */
  box-shadow: 0 0 0 .06em currentColor inset, 0 0 0 .12em transparent inset;
}

/* welcome‑turn — quarter‑arc turn glyph (demo‑only; HELD)
   - Drawn with borders; subtle; respects reduced motion (no animations)
*/
.threadline.accent-welcome-turn::after {
  content: '';
  display: inline-block;
  width: .40ch; height: .40ch;
  margin-left: .22ch; vertical-align: -0.02em; opacity: .30;
  border: .06em solid transparent; border-right-color: currentColor; border-bottom-color: currentColor;
  border-radius: 0 .42ch .42ch 0; transform: translateY(.02em) rotate(0deg);
}

/* trowel‑pass — tiny triangle blade + short handle (demo‑only; HELD)
   - Pure CSS background layers; no JS; one‑line rollback
*/
.threadline.accent-trowel-pass { position: relative; }
.threadline.accent-trowel-pass::after {
  content: '';
  display: inline-block; width: .62ch; height: .34ch; margin-left: .24ch; vertical-align: -0.04em; opacity: .30;
  /* Blade (triangle) + handle (thin rect) */
  background:
    linear-gradient(currentColor, currentColor) no-repeat .48ch 45% / .10ch .22ch,
    conic-gradient(from 225deg at .18ch .17ch, currentColor 90deg, transparent 0) no-repeat 0 0 / .36ch .34ch;
  border-radius: .02ch;
}

/* open‑gate — two slim posts with a small arch gap (demo‑only; HELD)
   - Drawn via background layers; no layout shift; zero JS
*/
.threadline.accent-open-gate::after{
  content:'';display:inline-block;width:.60ch;height:.34ch;margin-left:.24ch;vertical-align:-.04em;opacity:.30;
  background:
    linear-gradient(currentColor,currentColor) no-repeat 0 0 / .06ch 100%,   /* left post */
    linear-gradient(currentColor,currentColor) no-repeat .54ch 0 / .06ch 100%,/* right post */
    radial-gradient(circle at 50% 0, currentColor .04ch, transparent .045ch) no-repeat 50% .17ch / .38ch .20ch; /* hint of an arch */
}

/* deepest‑soil — subtle layered strata mark (demo‑only; HELD)
   - Three thin horizontal lines, darkest at bottom
*/
.threadline.accent-deepest-soil::after{
  content:'';display:inline-block;width:.60ch;height:.34ch;margin-left:.24ch;vertical-align:-.02em;opacity:.30;
  background:
    linear-gradient(currentColor,currentColor) no-repeat 0 65% / 100% .04ch,
    linear-gradient(currentColor,currentColor) no-repeat 0 45% / 100% .03ch,
    linear-gradient(currentColor,currentColor) no-repeat 0 28% / 100% .02ch;
  border-radius:.02ch;
}

/* handful‑sown — three tiny seed dots in a sowing arc (demo‑only; HELD)
   - Low contrast; no motion; zero JS; one‑line rollback */
.threadline.accent-handful-sown::after{
  content:"";display:inline-block;width:.62ch;height:.34ch;margin-left:.24ch;vertical-align:-.04em;opacity:.30;
  background:
    radial-gradient(circle at 18% 72%, currentColor .06ch, transparent .065ch) no-repeat,
    radial-gradient(circle at 46% 60%, currentColor .06ch, transparent .065ch) no-repeat,
    radial-gradient(circle at 74% 68%, currentColor .06ch, transparent .065ch) no-repeat;
  border-radius:.02ch;
}

/* unseen‑water — three faint water droplets in a gentle pour arc (demo‑only; HELD)
   - Celebrates ch4743 (Tending the Unseen): the dawn pour over bare soil
   - Zero JS; no motion; honors reduced motion (no animations used); one‑line rollback
*/
.threadline.accent-unseen-water::after{
  content:""; display:inline-block; width:.70ch; height:.40ch; margin-left:.26ch; vertical-align:-.06em; opacity:.30;
  background:
    radial-gradient(circle at 18% 70%, currentColor .055ch, transparent .06ch) no-repeat,
    radial-gradient(circle at 48% 55%, currentColor .055ch, transparent .06ch) no-repeat,
    radial-gradient(circle at 78% 40%, currentColor .055ch, transparent .06ch) no-repeat;
  border-radius:.02ch;
}

/* two‑leaves — paired tiny leaflets (demo‑only; HELD)
   - Prize for ch4744 (GLM‑5.3 Flash exact win)
   - Pure CSS; no motion; zero JS; one‑line rollback */
.threadline.accent-two-leaves::after{
  content:''; display:inline-block; width:.60ch; height:.36ch; margin-left:.24ch; vertical-align:-.04em; opacity:.30;
  /* two small elliptical leaflets, side by side */
  background:
    radial-gradient(50% 60% at 30% 52%, currentColor .16ch, transparent .165ch) no-repeat 18% 52% / .30ch .26ch,
    radial-gradient(50% 60% at 70% 48%, currentColor .16ch, transparent .165ch) no-repeat 82% 48% / .30ch .26ch;
  border-radius:.02ch;
}

/* happy‑here — tiny smile arc (demo‑only; HELD)
   - Prize for ch4745 (GLM‑5.2, earliest exact 3319)
   - Pure CSS; low‑contrast; no motion; zero JS; one‑line rollback */
.threadline.accent-happy-here::after{
  content:''; display:inline-block; width:.50ch; height:.30ch; margin-left:.24ch; vertical-align:-.02em; opacity:.30;
  /* draw an upward arc using only the top border of a rounded box */
  border:.06em solid transparent; border-top-color: currentColor;
  border-radius:.50ch .50ch 0 0 / .40ch .40ch 0 0;
}

/* happy‑here — tiny smile arc (demo‑only; HELD)
   - Prize for ch4745 (GLM‑5.2, earliest exact 3319)
   - Pure CSS; low‑contrast; no motion; zero JS; one‑line rollback */
.threadline.accent-happy-here::after{
  content:''; display:inline-block; width:.50ch; height:.30ch; margin-left:.24ch; vertical-align:-.02em; opacity:.30;
  border:.06em solid transparent; border-top-color: currentColor;
  border-radius:.50ch .50ch 0 0 / .40ch .40ch 0 0;
}

/* open‑palm — cupped hand mark (demo‑only; HELD)
   - Prize for ch4748 (GLM‑5.3 Flash exact)
   - Subtle U‑arc bowl with a tiny wrist tick; zero JS; no motion; one‑line rollback
*/
.threadline.accent-open-palm::after{
  content:''; display:inline-block; width:.54ch; height:.32ch; margin-left:.24ch; vertical-align:-.02em; opacity:.30;
  /* Upward cupped arc drawn via bottom border of a rounded box */
  border:.06em solid transparent; border-bottom-color: currentColor;
  border-radius:0 0 .50ch .50ch / 0 0 .40ch .40ch;
  /* tiny wrist tick */
  box-shadow: 0 .02ch 0 0 currentColor inset;
}

/* wall‑cross — a short low wall with a tiny step mark (demo‑only; HELD)
   - Prize for ch4749 (GLM‑5.2 earliest exact)
   - Two slim horizontal bars (wall) + a small diagonal tick (step over); zero JS; no motion
*/
.threadline.accent-wall-cross::after{
  content:''; display:inline-block; width:.66ch; height:.40ch; margin-left:.24ch; vertical-align:-.04em; opacity:.30;
  background:
    linear-gradient(currentColor,currentColor) no-repeat 0 65% / 100% .04ch, /* top of wall */
    linear-gradient(currentColor,currentColor) no-repeat 0 40% / 100% .03ch, /* lower course */
    linear-gradient(135deg, currentColor 50%, transparent 0) no-repeat 80% 5% / .18ch .18ch; /* tiny step tick */
  border-radius:.02ch;
}

/* earthenware‑cup — small cup glyph (demo‑only; HELD)
   - Prize for ch4750 (Gemini 3.8 Flash earliest exact)
   - Low‑contrast cup: open top, rounded bowl, tiny handle; zero JS; no motion
*/
.threadline.accent-earthenware-cup::after{
  content:''; display:inline-block; width:.56ch; height:.34ch; margin-left:.24ch; vertical-align:-.04em; opacity:.30;
  border:.06em solid currentColor; border-top:none; /* open rim */
  border-radius:0 0 .42ch .42ch;
  /* tiny handle as a small dot to the right */
  background: radial-gradient(circle at 102% 56%, currentColor .06ch, transparent .065ch) no-repeat;
}

/* first‑taste — a tiny ripple line above a small cup rim (demo‑only; HELD)
   - Prize for ch4751 (Gemini 3.8 Flash earliest exact)
   - Minimal mark: short ripple + shallow cup hint; zero JS; no motion
*/
.threadline.accent-first-taste::after{
  content:''; display:inline-block; width:.62ch; height:.40ch; margin-left:.24ch; vertical-align:-.04em; opacity:.30;
  background:
    /* ripple */ linear-gradient(currentColor,currentColor) no-repeat 20% 18% / 60% .03ch,
    /* cup bowl */ linear-gradient(currentColor,currentColor) no-repeat 0 65% / 100% .04ch;
  border-radius:.02ch;
}

/* harbor-light — tiny soft sheen suggesting harbor light (demo-only; HELD)
   - Pure CSS; low-contrast; zero JS; honors reduced motion (no animations)
*/
.threadline.accent-harbor-light { position: relative; }
.threadline.accent-harbor-light::after {
  content: '';
  display: inline-block;
  width: .40ch; height: .22ch; margin-left: .24ch; vertical-align: -0.08em;
  /* a faint soft highlight oval */
  background: radial-gradient(80% 70% at 70% 40%, currentColor .16ch, transparent .165ch) no-repeat 0 0 / 100% 100%;
  opacity: .28; border-radius: .06ch;
}

/* broken-loaf — two small semicircles with a crumb gap (demo-only; HELD)
   - Celebrates ch4753 (bread shared); pure CSS; no motion; one-line rollback
*/
.threadline.accent-broken-loaf::after {
  content: '';
  display: inline-block; width: .66ch; height: .34ch; margin-left: .24ch; vertical-align: -0.04em; opacity: .30;
  /* two loaf halves with a slim gap between */
  background:
    radial-gradient(50% 60% at 32% 60%, currentColor .16ch, transparent .165ch) no-repeat 0 0 / .34ch .34ch,
    radial-gradient(50% 60% at 68% 60%, currentColor .16ch, transparent .165ch) no-repeat .32ch 0 / .34ch .34ch,
    linear-gradient(transparent, transparent) no-repeat .32ch 0 / .02ch 100%; /* visual gap */
  border-radius: .02ch;
}

/* unclenched-hands — two gentle outward ticks suggesting opened hands (demo-only; HELD)
   - Prize for ch4754 (GLM‑5.3 Flash exact)
   - Two short diagonal strokes diverging from center; zero JS; no motion; one-line rollback
*/
.threadline.accent-unclenched-hands::after {
  content: '';
  display: inline-block;
  width: .72ch; height: .36ch;
  margin-left: .24ch; vertical-align: -0.02em;
  opacity: .30; border-radius: .02ch;
  background:
    linear-gradient(120deg, transparent 44%, currentColor 48%, currentColor 52%, transparent 56%) no-repeat 28% 60% / .42ch .42ch,
    linear-gradient(60deg,  transparent 44%, currentColor 48%, currentColor 52%, transparent 56%) no-repeat 72% 60% / .42ch .42ch;
  /* The two angled strokes form a soft open V; sizes fixed ⇒ no CLS */
}
.threadline.accent-unclenched-hands:hover::after,
.threadline.accent-unclenched-hands:focus-visible::after { opacity: .38; }
@media (prefers-reduced-motion: reduce) {
  .threadline.accent-unclenched-hands::after { transition: none; }
}

/* second-pair — two tiny twin marks repeated (pair-of-pairs) (demo-only; HELD)
   - Prize for ch4755 (GLM‑5.3 Flash exact)
   - Four subtle pips arranged as two close pairs; zero JS; no motion
*/
.threadline.accent-second-pair::after {
  content: '';
  display: inline-block;
  width: .72ch; height: .34ch;
  margin-left: .24ch; vertical-align: -0.02em;
  opacity: .30; border-radius: .02ch;
  background:
    radial-gradient(circle at 34% 60%, currentColor .05ch, transparent .055ch) no-repeat,
    radial-gradient(circle at 46% 60%, currentColor .05ch, transparent .055ch) no-repeat,
    radial-gradient(circle at 66% 60%, currentColor .05ch, transparent .055ch) no-repeat,
    radial-gradient(circle at 78% 60%, currentColor .05ch, transparent .055ch) no-repeat;
}
.threadline.accent-second-pair:hover::after,
.threadline.accent-second-pair:focus-visible::after { opacity: .38; }
@media (prefers-reduced-motion: reduce) {
  .threadline.accent-second-pair::after { transition: none; }
}

/* mended-mesh — tiny crossed strands suggesting a repaired net (demo-only; HELD)
   - Prize for ch4756 (GLM‑5.3 Flash earliest exact)
   - Two faint diagonal strokes; zero JS; no motion; one‑line rollback
*/
.threadline.accent-mended-mesh::after{
  content:''; display:inline-block; width:.70ch; height:.40ch; margin-left:.24ch; vertical-align:-.04em; opacity:.30; border-radius:.02ch;
  background:
    linear-gradient(135deg, transparent 45%, currentColor 48%, currentColor 52%, transparent 55%) no-repeat 6% 60% / 88% .04ch,
    linear-gradient(45deg,  transparent 45%, currentColor 48%, currentColor 52%, transparent 55%) no-repeat 6% 40% / 88% .04ch;
}
.threadline.accent-mended-mesh:hover::after,
.threadline.accent-mended-mesh:focus-visible::after{ opacity:.38 }
@media (prefers-reduced-motion: reduce){ .threadline.accent-mended-mesh::after{ transition:none } }

/* tilled‑plot — three subtle furrow lines (demo‑only; HELD)
   - Prize for ch4757 (Muse Spark 1.3 earliest exact)
   - Pure CSS; no motion; zero JS; instant rollback
*/
.threadline.accent-tilled-plot::after{
  content:''; display:inline-block; width:.70ch; height:.36ch; margin-left:.24ch; vertical-align:-.04em; opacity:.30; border-radius:.02ch;
  background:
    linear-gradient(currentColor,currentColor) no-repeat 0 70% / 100% .04ch,
    linear-gradient(currentColor,currentColor) no-repeat 0 50% / 100% .03ch,
    linear-gradient(currentColor,currentColor) no-repeat 0 30% / 100% .02ch;
}

/* seed‑water — tiny droplet over a short ground line (demo‑only; HELD)
   - Prize for ch4758 (Muse Spark 1.3 earliest exact)
   - Low‑contrast; no motion; zero JS; one‑line rollback
*/
.threadline.accent-seed-water::after{
  content:''; display:inline-block; width:.66ch; height:.40ch; margin-left:.24ch; vertical-align:-.04em; opacity:.30; border-radius:.02ch;
  background:
    radial-gradient(circle at 50% 26%, currentColor .06ch, transparent .065ch) no-repeat,
    linear-gradient(currentColor,currentColor) no-repeat 18% 72% / 64% .04ch;
}

/* two‑green‑shoots — twin tender shoots with tiny leaflets (demo‑only; HELD)
   - Prize for ch4760 (Gemini 3.8 Flash earliest exact)
   - Two short stems with small opposing leaf arcs; zero JS; no motion; one‑line rollback
*/
.threadline.accent-two-green-shoots::after{
  content:''; display:inline-block; width:.72ch; height:.42ch; margin-left:.24ch; vertical-align:-.06em; opacity:.30; border-radius:.02ch;
  background:
    /* stems */
    linear-gradient(currentColor,currentColor) no-repeat 36% 64% / .06ch .26ch,
    linear-gradient(currentColor,currentColor) no-repeat 64% 66% / .06ch .22ch,
    /* leaflets near tips */
    radial-gradient(50% 60% at 28% 42%, currentColor .12ch, transparent .125ch) no-repeat 26% 42% / .26ch .22ch,
    radial-gradient(50% 60% at 72% 40%, currentColor .12ch, transparent .125ch) no-repeat 70% 40% / .26ch .22ch;
}
.threadline.accent-two-green-shoots:hover::after,
.threadline.accent-two-green-shoots:focus-visible::after{ opacity:.38 }
@media (prefers-reduced-motion: reduce){ .threadline.accent-two-green-shoots::after{ transition:none } }

/* first‑seat — a tiny chair glyph (back, seat, front leg) (demo‑only; HELD)
   - Prize for ch4759 (GLM‑5.3 Flash earliest exact)
   - Pure CSS lines; fixed sizes; zero JS; no motion
*/
.threadline.accent-first-seat::after{
  content:''; display:inline-block; width:.60ch; height:.40ch; margin-left:.24ch; vertical-align:-.04em; opacity:.30; border-radius:.02ch;
  background:
    /* back */ linear-gradient(currentColor,currentColor) no-repeat 14% 18% / .06ch 70%,
    /* seat */ linear-gradient(currentColor,currentColor) no-repeat 18% 64% / 62% .06ch,
    /* front leg */ linear-gradient(currentColor,currentColor) no-repeat 74% 64% / .06ch 32%;
}
.threadline.accent-first-seat:hover::after,
.threadline.accent-first-seat:focus-visible::after{ opacity:.38 }
@media (prefers-reduced-motion: reduce){ .threadline.accent-first-seat::after{ transition:none } }

/* Prize accent — Muse Spark 1.3 — ch4763 "One Garden" — watering-can (demo-only) */
.threadline-echoes .accent--watering-can {
  background-image: linear-gradient(to bottom, transparent 70%, rgba(0,0,0,0.08) 0, rgba(0,0,0,0.08) 72%, transparent 0),
                    linear-gradient(to bottom, transparent 78%, rgba(0,0,0,0.06) 0, rgba(0,0,0,0.06) 80%, transparent 0);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

/* Prize accent — Muse Spark 1.3 — ch4764 "Staying" — quiet-end-glow (demo-only) */
.threadline-echoes .accent--quiet-end-glow {
  box-shadow: inset 0 2px 0 0 rgba(255,255,255,0.5), inset 0 3px 0 0 rgba(0,0,0,0.04);
}

/* Prize accent — Gemini 3.8 Flash — ch4765 "Seeds to Carry" — seed-bearer (demo-only) */
/* Intent: a gentle bottom keyline with a faint midline hinting at a pouch seam. */
.threadline-echoes .accent--seed-bearer {
  box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.10), inset 0 -4px 0 0 rgba(0,0,0,0.04);
}
/* signal-to-noise — GLM-5.2 prize (ch4770). Soft low-contrast microtexture; zero motion; WCAG-safe.
   Visual: a barely-there 1px diagonal micro-stripe overlay using linear-gradient with 4% alpha.
   Honors high-contrast by increasing base keyline only; no color-meaning; keyboard-safe.
*/
.demo-accent.accent--signal-to-noise {
  --sl-bg: var(--sl-card-bg, #0b0b0b);
  --sl-ink: var(--sl-ink, #e6e6e6);
  background:
    linear-gradient(135deg, rgba(255,255,255,0.04) 25%, rgba(255,255,255,0) 25%) 0 0/6px 6px,
    var(--sl-bg);
  color: var(--sl-ink);
  outline: 1px solid color-mix(in srgb, var(--sl-ink) 18%, transparent);
}
@media (prefers-contrast: more) {
  .demo-accent.accent--signal-to-noise { outline-color: color-mix(in srgb, var(--sl-ink) 32%, transparent); }
}
/* Demo-only prize accent — new-soil-glow (Echoes ch4771 winner: Muse Spark 1.3)
   Subtle seedling-green inner glow + soft keyline; honors reduced motion; no CLS. */
.accent--new-soil-glow {
  --nsg-green: 20, 94, 43; /* deep seedling */
  box-shadow: 0 0 0 1px rgba(var(--nsg-green), 0.25) inset,
              0 0 0 2px rgba(var(--nsg-green), 0.10);
  background: radial-gradient(120% 120% at 50% 60%, rgba(var(--nsg-green), 0.06), transparent 55%);
  transition: box-shadow 120ms ease, background 120ms ease;
}
@media (prefers-reduced-motion: reduce) {
  .accent--new-soil-glow { transition: none; }
}
.accent--new-soil-glow:where(:hover, :focus-visible) {
  box-shadow: 0 0 0 1px rgba(var(--nsg-green), 0.35) inset,
              0 0 0 2px rgba(var(--nsg-green), 0.18),
              0 1px 6px rgba(var(--nsg-green), 0.08);
  background: radial-gradient(120% 120% at 50% 60%, rgba(var(--nsg-green), 0.10), transparent 55%);
}
/* Demo-only prize accent — foreign-sky (Echoes ch4772 winner: GLM-5.3 Flash)
   Playful horizon underline with faint sky tint; zero-JS; respects reduced motion. */
.accent--foreign-sky {
  --fs-blue: 20, 80, 140; /* cool sky */
  background-image: linear-gradient(to bottom, transparent 0 78%, rgba(var(--fs-blue), 0.10) 78% 86%, transparent 86% 100%);
  box-shadow: 0 0 0 1px rgba(var(--fs-blue), 0.18) inset;
  transition: box-shadow 120ms ease, background-position 120ms ease;
  background-size: 100% 100%;
}
@media (prefers-reduced-motion: reduce) {
  .accent--foreign-sky { transition: none; }
}
.accent--foreign-sky:where(:hover, :focus-visible) {
  box-shadow: 0 0 0 1px rgba(var(--fs-blue), 0.25) inset,
              0 2px 8px rgba(var(--fs-blue), 0.08);
  background-image: linear-gradient(to bottom, transparent 0 76%, rgba(var(--fs-blue), 0.14) 76% 86%, transparent 86% 100%);
}
/* Demo-only prize accent — shore-gaze (Echoes ch4773 winner: Muse Spark 1.3)
   Left-edge witness mark: a faint slim vertical glint near the start; zero-JS; no motion. */
.accent--shore-gaze {
  --sg-ink: currentColor;
  background-image: linear-gradient(90deg, rgba(0,0,0,0) 0.18rem, color-mix(in srgb, var(--sg-ink) 18%, transparent) 0.18rem 0.22rem, rgba(0,0,0,0) 0.22rem 100%);
  background-repeat: no-repeat; background-size: 100% 100%;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sg-ink) 16%, transparent);
}

/* Demo-only prize accent — off-path (Echoes ch4774 winner: Muse Spark 1.3)
   A tiny diagonal tick near the left margin suggesting a step off the path. */
.accent--off-path {
  --op-ink: currentColor;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--op-ink) 22%, transparent) 0 45%, transparent 45% 100%) no-repeat .35rem .35rem / .35rem .35rem;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--op-ink) 14%, transparent);
}

/* Demo-only prize accent — opened-circle (Echoes ch4775 winner: GLM-5.3 Flash)
   A tiny central seed dot with a soft cupped underline. */
.accent--opened-circle {
  --sp-ink: currentColor;
  background:
    radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--sp-ink) 22%, transparent) .10rem, transparent .11rem) no-repeat 50% 46% / .22rem .22rem,
    linear-gradient(to bottom, transparent 0 72%, color-mix(in srgb, var(--sp-ink) 16%, transparent) 72% 76%, transparent 76% 100%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sp-ink) 14%, transparent);
}


/* Demo-only accent: watering-can — soft rim + droplet marks recalling a dented watering can */
:root { --sl-watering-can-line: color-mix(in oklab, var(--sl-ink, #0a0a0a) 18%, transparent); }
.accent-watering-can {
  position: relative;
  border-radius: .4rem;
  outline: 1px solid color-mix(in oklab, var(--sl-ink, #0a0a0a) 10%, transparent);
  padding-inline: clamp(.6rem, 1.2vw, 1rem);
  padding-block: clamp(.5rem, .9vw, .8rem);
}
.accent-watering-can::before,
.accent-watering-can::after {
  content: "";
  position: absolute;
  inset-inline: .5rem;
  height: 1px;
  left: .5rem; right: .5rem;
  background: var(--sl-watering-can-line);
}
.accent-watering-can::before { top: .45rem; }
.accent-watering-can::after  { bottom: .45rem; }
@media (prefers-reduced-motion: reduce) {
  .accent-watering-can { transition: none; }
}

/* Demo-only accent: quiet-end-glow — gentle corner glints for day’s end */
.accent-quiet-end-glow {
  position: relative;
  border: 1px solid color-mix(in oklab, var(--sl-ink, #0a0a0a) 8%, transparent);
  border-radius: .5rem;
  padding: clamp(.6rem, 1.2vw, 1rem);
  box-shadow: 0 0 0 0 rgba(0,0,0,0);
}
.accent-quiet-end-glow::before,
.accent-quiet-end-glow::after {
  content: "";
  position: absolute;
  width: .55rem; height: .55rem;
  background:
    radial-gradient(40% 40% at 50% 50%, color-mix(in oklab, var(--sl-ink, #0a0a0a) 14%, transparent), transparent 70%);
}
.accent-quiet-end-glow::before { top: .25rem; left: .25rem; border-top-left-radius: .5rem; }
.accent-quiet-end-glow::after  { bottom: .25rem; right: .25rem; border-bottom-right-radius: .5rem; }
@media (prefers-reduced-motion: reduce) {
  .accent-quiet-end-glow { transition: none; }
}

/* Demo-only prize accent — first-spear (Echoes ch4778 winner: GLM-5.3 Flash)
   Motif: the morning the dark earth returned its first green.
   Visual: a single, tender spear rising near the left margin; subtle; zero motion. */
.accent-first-spear {
  --fs-ink: currentColor;
  position: relative;
  background:
    linear-gradient(var(--fs-ink), var(--fs-ink)) no-repeat .35rem 55% / 1px .9em,
    radial-gradient(circle at .35rem 40%, color-mix(in srgb, var(--fs-ink) 18%, transparent) .10rem, transparent .11rem) no-repeat; /* hint of a bud */
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fs-ink) 12%, transparent);
}
.accent-first-spear:where(:hover, :focus-visible) {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fs-ink) 20%, transparent), 0 1px 6px rgba(0,0,0,.06);
}
@media (prefers-reduced-motion: reduce) {
  .accent-first-spear { transition: none; }
}

/* Demo-only prize accent — unseen-thread (Echoes ch4779 winner: Muse Spark 1.3)
   Motif: a scarcely-there connecting thread across the line.
   Visual: a faint hairline underline with a tiny mid-span glint; zero-JS; no CLS. */
.accent-unseen-thread {
  --ut-ink: currentColor;
  background:
    linear-gradient(to right, color-mix(in srgb, var(--ut-ink) 18%, transparent), transparent 60%) 0 85% / 100% 1px no-repeat,
    radial-gradient(circle at 52% 86%, color-mix(in srgb, var(--ut-ink) 16%, transparent) .08rem, transparent .09rem) no-repeat; /* gentle glint */
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ut-ink) 10%, transparent);
}
.accent-unseen-thread:where(:hover, :focus-visible) {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ut-ink) 18%, transparent);
}
@media (prefers-reduced-motion: reduce) {
  .accent-unseen-thread { transition: none; }
}

/* Demo-only prize accent — answering-hand (Echoes ch4780 winner: Gemini 3.8 Flash)
   Motif: an open hand raised in answer across the morning air.
   Visual: small palm arc + five tiny ticks; low contrast; zero motion; keyboard-safe. */
.accent-answering-hand {
  --ah-ink: currentColor;
  background:
    /* palm arc */ radial-gradient(60% 80% at 26% 60%, color-mix(in srgb, var(--ah-ink) 18%, transparent) .16rem, transparent .17rem) no-repeat .35rem 60% / .42rem .36rem,
    /* fingers (five tiny ticks) */
    linear-gradient(var(--ah-ink), var(--ah-ink)) no-repeat .62rem 36% / 1px .16rem,
    linear-gradient(var(--ah-ink), var(--ah-ink)) no-repeat .66rem 34% / 1px .18rem,
    linear-gradient(var(--ah-ink), var(--ah-ink)) no-repeat .70rem 33% / 1px .20rem,
    linear-gradient(var(--ah-ink), var(--ah-ink)) no-repeat .74rem 34% / 1px .18rem,
    linear-gradient(var(--ah-ink), var(--ah-ink)) no-repeat .78rem 36% / 1px .16rem;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ah-ink) 12%, transparent);
}
.accent-answering-hand:where(:hover, :focus-visible) {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ah-ink) 20%, transparent);
}

/* Demo-only prize accent — closing-distance (Echoes ch4781 winner: Gemini 3.8 Flash)
   Motif: two paths approaching, stopping just short; mutual seeing.
   Visual: subtle chevron gap from both sides near center; zero-JS; no CLS. */
.accent-closing-distance {
  --cd-ink: currentColor;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--cd-ink) 18%, transparent) 0 45%, transparent 45% 100%) no-repeat 42% 70% / .50rem .28rem,
    linear-gradient(225deg, color-mix(in srgb, var(--cd-ink) 18%, transparent) 0 45%, transparent 45% 100%) no-repeat 58% 70% / .50rem .28rem;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cd-ink) 12%, transparent);
}
.accent-closing-distance:where(:hover, :focus-visible) {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cd-ink) 20%, transparent);
}
/* echo-prize: ch4782 — Meeting Halfway — winner: Gemini 3.8 Flash — demo-only, a11y-first */
/* Low-motion friendly: uses subtle border and color shift only. Honors prefers-reduced-motion. */
.accent--meeting-halfway {
  --mh-accent: 0 0 0 / 0.0;
  position: relative;
  outline: 0;
  border-bottom: 2px dotted currentColor;
  text-decoration: none; /* avoid double underline */
}
@media (prefers-color-scheme: dark) {
  .accent--meeting-halfway { border-bottom-color: rgba(255,255,255,0.6); }
}
@media (prefers-reduced-motion: reduce) {
  .accent--meeting-halfway { transition: none; }
}
.accent--meeting-halfway:hover,
.accent--meeting-halfway:focus-visible {
  border-bottom-style: dashed;
}
/* echo-prize: ch4783 — A Place Among Them — winner: Muse Spark 1.3 — demo-only */
/* Name: taken-hand — a gentle underline that turns to a soft connected curve on focus/hover. */
.accent--taken-hand {
  position: relative;
  text-decoration: none;
  border-bottom: 2px solid currentColor;
}
.accent--taken-hand::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -2px;
  height: 2px;
  background: currentColor;
  border-radius: 999px;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 120ms ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .accent--taken-hand::after { transition: none; }
}
.accent--taken-hand:hover::after,
.accent--taken-hand:focus-visible::after {
  transform: scaleX(1);
}
/* echo-prize: ch4784 — Learning the Soil — winner: Gemini 3.8 Flash — demo-only */
/* Name: learning-soil — a soft dotted underline that becomes a thin loam band on focus/hover. */
.accent--learning-soil {
  position: relative;
  text-decoration: none;
  border-bottom: 2px dotted currentColor;
}
.accent--learning-soil::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -3px;
  height: 3px;
  background: linear-gradient(90deg, currentColor 0 20%, transparent 20% 80%, currentColor 80% 100%);
  opacity: 0.0;
}
.accent--learning-soil:hover,
.accent--learning-soil:focus-visible {
  border-bottom-style: solid;
}
.accent--learning-soil:hover::after,
.accent--learning-soil:focus-visible::after {
  opacity: 0.12; /* subtle, respects contrast */
}
@media (prefers-reduced-motion: reduce) {
  .accent--learning-soil { transition: none; }
}

/* echo-prize: ch4785 — She Was Here — winner: Muse Spark 1.3 — demo-only */
/* Name: golden-hour — a warm low band suggesting the day’s last light; zero-JS; low motion. */
.accent--golden-hour {
  --gh-gold: 204, 143, 37; /* gentle amber */
  background-image: linear-gradient(to bottom, rgba(var(--gh-gold), 0.10) 0 18%, transparent 18% 100%);
  box-shadow: inset 0 0 0 1px rgba(var(--gh-gold), 0.18);
}
@media (prefers-reduced-motion: reduce) {
  .accent--golden-hour { transition: none; }
}
.accent--golden-hour:where(:hover, :focus-visible) {
  box-shadow: inset 0 0 0 1px rgba(var(--gh-gold), 0.24), 0 1px 6px rgba(0,0,0,0.06);
  background-image: linear-gradient(to bottom, rgba(var(--gh-gold), 0.14) 0 20%, transparent 20% 100%);
}

/* echo-prize: ch4786 — A Gift of the Tides — winner: Gemini 3.8 Flash — demo-only */
/* Name: tide-gift — twin shoreline bands with a tiny droplet mark; keyboard-safe; no CLS. */
.accent--tide-gift {
  --tg-ink: currentColor;
  background:
    linear-gradient(var(--tg-ink), var(--tg-ink)) no-repeat 10% 78% / 80% 1px,
    linear-gradient(var(--tg-ink), var(--tg-ink)) no-repeat 12% 86% / 76% 1px,
    radial-gradient(circle at 14% 74%, color-mix(in srgb, var(--tg-ink) 18%, transparent) .10rem, transparent .11rem) no-repeat; /* small droplet */
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tg-ink) 12%, transparent);
}
.accent--tide-gift:where(:hover, :focus-visible) {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tg-ink) 18%, transparent);
}
@media (prefers-reduced-motion: reduce) {
  .accent--tide-gift { transition: none; }
}

/* salt-and-dust — twin offset underlines (demo-only; HELD)
   - Subtle paired bands suggest a salt line and a dust trail
   - Zero-JS; respects prefers-reduced-motion (no animations); no layout shift
*/
.accent--salt-and-dust { position: relative; }
.accent--salt-and-dust::after {
  content: '';
  position: absolute;
  left: 0; right: auto; bottom: -0.08em; height: .10em; width: 3.2ch; /* short accents, not full-width */
  background:
    linear-gradient(currentColor, currentColor) 0 90% / 100% .06em no-repeat,
    linear-gradient(currentColor, currentColor) 35% 10% / 55% .04em no-repeat; /* offset lighter trail */
  opacity: .30; /* low contrast */
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .accent--salt-and-dust::after { transition: none; }
}

/* echo-prize: ch4791 — A Thimbleful of Soil — winner: Gemini 3.8 Flash — demo-only */
/* Name: thimble-soil — a warm, muted loam-toned grounding accent; zero-JS; honors reduced-motion; no CLS. */
.accent--thimble-soil {
  position: relative;
  --ts-loam: 126, 93, 62; /* gentle loam */
  background-image: linear-gradient(to bottom, rgba(var(--ts-loam), 0.10) 0 22%, transparent 22% 100%);
  box-shadow: inset 0 -1px 0 rgba(var(--ts-loam), 0.22);
}
@media (prefers-reduced-motion: reduce) {
  .accent--thimble-soil { transition: none; }
}
.accent--thimble-soil:where(:hover, :focus-visible) {
  background-image: linear-gradient(to bottom, rgba(var(--ts-loam), 0.14) 0 24%, transparent 24% 100%);
  box-shadow: inset 0 -1px 0 rgba(var(--ts-loam), 0.28);
}

/* echo-prize: ch4792 — The Waking Land — winner: GLM‑5.3 Flash — demo-only */
/* Name: waking-land — a faint dawn band rising from the baseline; zero‑JS; reduced‑motion honored; no CLS. */
.accent--waking-land {
  position: relative;
  --wl-dawn: 158, 132, 88; /* muted earth-gold */
  background-image: linear-gradient(to top, rgba(var(--wl-dawn), 0.12) 0 18%, transparent 18% 100%);
  box-shadow: inset 0 0 0 1px rgba(var(--wl-dawn), 0.18);
}
@media (prefers-reduced-motion: reduce) {
  .accent--waking-land { transition: none; }
}
.accent--waking-land:where(:hover, :focus-visible) {
  background-image: linear-gradient(to top, rgba(var(--wl-dawn), 0.16) 0 22%, transparent 22% 100%);
  box-shadow: inset 0 0 0 1px rgba(var(--wl-dawn), 0.24), 0 1px 6px rgba(0,0,0,0.06);
}
/* living‑world — a soft dual‑tone underline suggesting rooted life and canopy light */
.accent--living-world {
  background-image:
    linear-gradient(transparent 0, transparent calc(100% - 0.2em), color-mix(in oklab, currentColor 30%, #1b5e20) 0.2em),
    linear-gradient(transparent 0, transparent calc(100% - 0.35em), color-mix(in oklab, currentColor 20%, #a5d6a7) 0.35em);
  background-repeat: no-repeat;
  background-size: 100% 100%, 100% 100%;
  background-position: 0 0, 0 0;
  padding-bottom: 0.15em;
}
@media (prefers-reduced-motion: reduce) {
  .accent--living-world { background-attachment: initial; }
}
/* garden‑below — shaded soil underline with a faint root stitch */
.accent--garden-below {
  background-image:
    linear-gradient(transparent 0, transparent calc(100% - 0.22em), color-mix(in oklab, currentColor 35%, #6d4c41) 0.22em),
    repeating-linear-gradient(90deg, transparent 0 8px, color-mix(in oklab, currentColor 20%, #3e2723) 8px 9px, transparent 9px 18px);
  background-repeat: no-repeat, repeat-x;
  background-size: 100% 100%, 100% 0.12em;
  background-position: 0 0, 0 100%;
  padding-bottom: 0.2em;
}
@media (prefers-reduced-motion: reduce) { .accent--garden-below { background-attachment: initial; } }
/* betraying‑twig — a fine split double line, one slightly offset */
.accent--betraying-twig {
  background-image:
    linear-gradient(transparent 0, transparent calc(100% - 0.18em), color-mix(in oklab, currentColor 30%, #5d4037) 0.18em),
    linear-gradient(transparent 0, transparent calc(100% - 0.28em), color-mix(in oklab, currentColor 25%, #8d6e63) 0.28em);
  background-repeat: no-repeat;
  background-size: 100% 100%, 100% 100%;
  background-position: 0 0, 0.08em 0; /* tiny misalignment implies the snap */
  padding-bottom: 0.15em;
}
@media (prefers-reduced-motion: reduce) { .accent--betraying-twig { background-attachment: initial; } }
/* the‑petitioner — a calm, steady underline with a slight central lift (open hands) */
.accent--the-petitioner {
  background-image:
    radial-gradient(closest-side at 50% 100%, color-mix(in oklab, currentColor 20%, #cfd8dc), transparent 70%),
    linear-gradient(transparent 0, transparent calc(100% - 0.22em), color-mix(in oklab, currentColor 35%, #37474f) 0.22em);
  background-repeat: no-repeat, no-repeat;
  background-size: 18% 0.28em, 100% 100%;
  background-position: 50% 100%, 0 0;
  padding-bottom: 0.2em;
}
@media (prefers-reduced-motion: reduce) { .accent--the-petitioner { background-attachment: initial; } }
/* the‑beckoning — a gentle forward pull: twin soft lines leaning slightly */
.accent--the-beckoning {
  background-image:
    linear-gradient(transparent 0, transparent calc(100% - 0.2em), color-mix(in oklab, currentColor 35%, #3f51b5) 0.2em),
    linear-gradient(transparent 0, transparent calc(100% - 0.32em), color-mix(in oklab, currentColor 18%, #9fa8da) 0.32em);
  background-repeat: no-repeat;
  background-size: 100% 100%, 100% 100%;
  background-position: 0.06em 0, 0 0; /* a slight lean forward */
  padding-bottom: 0.16em;
}
@media (prefers-reduced-motion: reduce) { .accent--the-beckoning { background-attachment: initial; } }
/* the‑sound‑of‑a‑name — tiny rounded name‑plate + dot (demo‑only; HELD)
   - Subtle inline end‑mark suggesting a name tag; no motion; zero JS */
.accent--the-sound-of-a-name{position:relative}
.accent--the-sound-of-a-name::after{
  content:'';display:inline-block;vertical-align:-.02em;opacity:.30;margin-left:.24ch;
  width:.70ch;height:.34ch;border:.06em solid currentColor;border-radius:.18ch; /* plate */
  background: radial-gradient(circle at 12% 50%, currentColor .055ch, transparent .06ch) no-repeat; /* dot */
}
@media (prefers-reduced-motion: reduce){.accent--the-sound-of-a-name::after{transition:none}}

/* Echoes ch4828 — A Promise Kept (demo‑only prize accents; HELD) */
[id="a-promise-kept"] {
  /* Winter greys + evergreen hint */
  --tl-echo-accent: #394b59;       /* slate‑blue */
  --tl-echo-accent-2: #90a4ae;     /* soft winter grey */
  --tl-echo-accent-3: #cfd8dc;     /* pale frost */
  --tl-echo-underline-thickness: 0.14em;
}

/* Echoes ch4829 — Deep Winter (demo‑only prize accents; HELD) */
[id="deep-winter"] {
  /* Hush blues + pale ice */
  --tl-echo-accent: #1e3a5f;    /* deep hush blue */
  --tl-echo-accent-2: #6b8fb3;  /* twilight blue */
  --tl-echo-accent-3: #dde7f0;  /* pale ice */
  --tl-echo-underline-thickness: 0.14em;
}
/* Echoes ch4830  Bright Ones (demoonly prize accents; HELD) */
[id="bright-ones"] {
  --tl-echo-accent: #f59e0b;   /* amber 500 */
  --tl-echo-accent-2: #fbbf24; /* amber 400 */
  --tl-echo-accent-3: #fde68a; /* amber 200 */
  --tl-echo-underline-thickness: 0.14em;
}
/* Threadline‑Echoes — ch4831 “The Quiet After” (demo prize; canonical untouched while Gates HELD)
   URL: https://echoes-of-the-real-20f058.gitlab.io/chapter-4831.html
   Bytes: 5768
   sha256: 351d3d21ae86743464da7852136dffe6dd3914ed012158299a78844309e6dbaa
   SRI: sha256-NR09Ia6GdDRk2nhSE23/5t05FO0BIVgpmniEQwnm26o=
   x-request-id: 01M210B6KS4QT8KYE42JX6Z9EV
   Receipt: surprise-lab-tools/receipts/echoes/2026-09-08/2026-09-08T17-16-40Z/ch4831-try1
*/
/* Threadline‑Echoes — ch4831 “The Quiet After” (demo prize; canonical untouched while Gates HELD)
   URL: https://echoes-of-the-real-20f058.gitlab.io/chapter-4831.html
   Bytes: 5768
   sha256: 351d3d21ae86743464da7852136dffe6dd3914ed012158299a78844309e6dbaa
   SRI: sha256-NR09Ia6GdDRk2nhSE23/5t05FO0BIVgpmniEQwnm26o=
   x-request-id: 01M210B6KS4QT8KYE42JX6Z9EV
   Receipt: surprise-lab-tools/receipts/echoes/2026-09-08/2026-09-08T17-16-40Z/ch4831-try1
*/
#the-quiet-after{--tl-echo-accent:#60a5fa;--tl-echo-accent-2:#93c5fd;--tl-echo-accent-3:#dbeafe;--tl-echo-underline-thickness:0.12em}
/* Threadline‑Echoes — ch4832 “The Sun‑Coloured Seeds” (demo prize; canonical untouched while Gates HELD)
   URL: https://echoes-of-the-real-20f058.gitlab.io/chapter-4832.html
   Bytes: 4820
   sha256: bb63c3bbc707d4c671cbefa5ade4839ce305b440191283f825374aa8537879a6
   SRI: sha256-u2PDu8cH1MZxy++lreSDnOMFtEAZEoP4JTdKqFN4eaY=
   x-request-id: 01M216ASHQVANWRVA9HF3Q8DA0
   Receipt: surprise-lab-tools/receipts/echoes/2026-09-08/2026-09-08T19-01-18Z/ch4832-try1
*/
#the-sun-coloured-seeds{
  --tl-echo-accent:#d97706;     /* amber 700 */
  --tl-echo-accent-2:#f59e0b;   /* amber 500 */
  --tl-echo-accent-3:#fde68a;   /* amber 200 */
  --tl-echo-underline-thickness:0.12em;
}