/* B3.5 — Snolphin source-led story; page-scoped, existing Grey Matters tokens. */
.b35-snolphin .project-story{max-width:58rem;margin-inline:auto}
.b35-snolphin .project-story>.gm-section{margin-block:1.2rem}
.b35-snolphin .project-story .project-prose{max-width:70ch}
.b35-snolphin .b35-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start;margin:1.25rem auto .3rem}
.b35-snolphin .b35-figure{margin:0;min-width:0;background:var(--gm-paper);border:1px solid var(--gm-line);padding:.65rem;border-radius:.6rem}
.b35-snolphin .b35-figure img{display:block;width:100%;height:auto;max-height:24rem;object-fit:contain}
.b35-snolphin .b35-figure figcaption{text-align:center;font-size:.85rem;margin:.4rem 0 0}
.b35-snolphin .b35-pair+p{text-align:center;font-size:.9rem;max-width:60ch;margin:.25rem auto 1.5rem}
.b35-snolphin .b35-loop{display:flex;flex-wrap:wrap;gap:.65rem;padding:0;list-style:none;margin:1rem 0}
.b35-snolphin .b35-loop li{padding:.5rem .7rem;background:var(--gm-paper);border:1px solid var(--gm-line);border-radius:.4rem;color:var(--gm-plum);font-weight:700}
.b35-snolphin .b35-loop li:not(:last-child)::after{content:" →";color:var(--gm-gold)}
.b35-snolphin .project-story>#closing{background:var(--gm-lavender);border-left:3px solid var(--gm-plum);border-radius:.65rem}
@media(max-width:650px){.b35-snolphin .b35-pair{grid-template-columns:1fr;gap:.75rem}.b35-snolphin .b35-loop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.b35-snolphin .b35-loop li:not(:last-child)::after{content:none}}

/* B3.5 visual review: four authentic generated results in one editorial hero.
   No additional generated image; original drawing/result pairs stay below. */
.b35-snolphin .b35-hero-montage{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;
  background:var(--gm-paper);border:1px solid var(--gm-line);
  border-radius:.7rem;padding:clamp(.45rem,1.2vw,.8rem);margin:0;
  width:100%;
}
.b35-snolphin .b35-hero-tile{
  min-width:0;margin:0;background:var(--gm-ivory);
  border:1px solid var(--gm-line);border-radius:.4rem;overflow:hidden;
}
.b35-snolphin .b35-hero-tile img{
  display:block;width:100%;height:clamp(7rem,15vw,12rem);
  max-height:none;object-fit:contain;box-shadow:none;border-radius:0;
}
.b35-snolphin .b35-hero-tile figcaption{
  margin:0;padding:.35rem .25rem;text-align:center;
  background:var(--gm-paper);color:var(--gm-plum);
  font-size:.8rem;font-weight:700;line-height:1.25;
}
/* Keep the Human + AI comparison legible against the ivory reading canvas. */
.b35-snolphin .project-story > #roles{
  background:var(--gm-paper);border:1px solid var(--gm-line);
  border-radius:.65rem;
}
.b35-snolphin #roles .project-table-wrap{
  background:var(--gm-paper);border:1px solid var(--gm-line);
  border-radius:.5rem;overflow-x:auto;
}
.b35-snolphin #roles .project-table{width:100%;margin:0}
.b35-snolphin #roles .project-table th{
  background:var(--gm-lavender);color:var(--gm-plum);font-weight:700;
}
.b35-snolphin #roles .project-table td{background:var(--gm-paper)}
@media(max-width:650px){
  .b35-snolphin .b35-hero-montage{gap:.45rem;padding:.45rem}
  .b35-snolphin .b35-hero-tile img{height:clamp(7rem,31vw,11rem)}
  .b35-snolphin .b35-hero-tile figcaption{font-size:.72rem}
}

/* QA: preserve full, uncropped originals with visually equal paired frames. */
.b35-snolphin .b35-pair .b35-figure img{height:clamp(14rem,26vw,21rem);max-height:none;object-fit:contain;background:var(--gm-paper)}
@media(max-width:650px){.b35-snolphin .b35-pair .b35-figure img{height:auto;max-height:27rem}}