/* B3.9 Grey Matters concluding editorial treatment: scoped, no shared token modifications */
.refinement-grey-matters .b39-story{max-width:60rem;margin-inline:auto}
.refinement-grey-matters .b39-movement{margin-block:2.2rem}
.refinement-grey-matters .b39-movement h2{color:var(--gm-plum)}
.refinement-grey-matters .b39-movement .project-prose{max-width:72ch}
.refinement-grey-matters .b39-movement .project-prose p{line-height:1.8;margin-block:1rem}
.refinement-grey-matters .b39-main-figure{max-width:100%;width:100%;margin:2rem auto;background:var(--gm-paper);border:1px solid var(--gm-line);border-radius:.7rem;padding:.7rem}
.refinement-grey-matters .b39-main-figure img{width:100%;height:auto;display:block}
.refinement-grey-matters .b39-main-figure figcaption{font-size:.92rem;line-height:1.6;padding:.7rem;color:var(--gm-ink)}
.refinement-grey-matters .b39-toe{max-width:17rem;margin:1.5rem auto 1.5rem 0}
.refinement-grey-matters .b39-toe img{display:block;max-width:100%;height:auto;border-radius:.4rem}
.refinement-grey-matters .b39-toe figcaption{font-size:.85rem;margin-top:.5rem;line-height:1.5}
@media(max-width:700px){.refinement-grey-matters .b39-main-figure{padding:.3rem}.refinement-grey-matters .b39-movement{margin-block:1.5rem}}

/* B3.9 editorial rhythm: stronger use of existing accepted palette, without
   boxing long-form prose or changing any shared design token. */
.refinement-grey-matters .b39-movement:first-child{
  background:var(--gm-paper);border:1px solid var(--gm-line);
  border-top:4px solid var(--gm-plum);border-radius:.65rem;
  padding:clamp(1rem,2.2vw,1.65rem);
}
.refinement-grey-matters .b39-movement:nth-child(2){
  background:var(--gm-lavender);border-left:3px solid var(--gm-plum);
  border-radius:.65rem;padding:clamp(1rem,2.2vw,1.65rem);
}
.refinement-grey-matters .b39-movement:nth-child(3){
  background:var(--gm-paper);border:1px solid var(--gm-line);
  border-radius:.65rem;padding:clamp(1rem,2.2vw,1.65rem);
}
.refinement-grey-matters .b39-movement:nth-child(4){
  background:var(--gm-lavender);border-left:3px solid var(--gm-plum);
  border-radius:.65rem;padding:clamp(1rem,2.2vw,1.65rem);
}
.refinement-grey-matters .b39-movement h2{
  border-bottom:1px solid var(--gm-line);padding-bottom:.5rem;
}
.refinement-grey-matters .b39-main-figure{
  background:var(--gm-ivory);border-top:3px solid var(--gm-plum);
}

/* Laptop polish: the standalone ToE cover sits centrally in the narrative,
   while intentional side-by-side images retain their approved positioning. */
.refinement-grey-matters .b39-movement .b39-toe{
 margin:1.5rem auto;max-width:17rem;text-align:center
}