/* Run 8 — self-contained, disabled preview-only interaction surfaces. */
.run8-intake .r8-panel,.r8-panel{max-width:62rem;margin:1.75rem auto;padding:clamp(1.2rem,3vw,2rem);background:var(--gm-paper);border:1px solid var(--gm-line);border-top:4px solid var(--gm-plum);border-radius:.8rem}
.r8-panel h2{color:var(--gm-plum)}
.r8-panel p{line-height:1.65}
.r8-notice{border-left:4px solid var(--gm-gold);background:var(--gm-ivory);padding:1rem 1.2rem;margin:1.25rem 0;line-height:1.5}
.r8-panel fieldset{border:0;padding:0;margin:1.35rem 0;display:grid;gap:.75rem}
.r8-panel fieldset legend{font-weight:700;margin-bottom:.75rem}
.r8-panel label:not(.r8-choice):not(.r8-check){display:block;font-weight:600;margin-top:.3rem}
.r8-panel input:not([type=checkbox]):not([type=radio]),.r8-panel select,.r8-panel textarea{display:block;width:100%;max-width:100%;box-sizing:border-box;border:1px solid var(--gm-line);border-radius:.35rem;padding:.7rem;font:inherit;line-height:1.4;background:var(--gm-paper);color:var(--gm-ink)}
.r8-panel fieldset[disabled]{opacity:.62}
.r8-panel fieldset[disabled] button{cursor:not-allowed}
.r8-panel .r8-check,.r8-panel .r8-choice{display:flex;align-items:start;gap:.65rem;line-height:1.55;padding:.4rem 0}
.r8-panel .r8-choice input,.r8-panel .r8-check input{flex:none;margin-top:.4rem}
.r8-optional,.r8-helper{font-size:.9rem;color:var(--gm-muted)}
.r8-update{margin-top:1.35rem;padding:1rem;border:1px solid var(--gm-line);border-radius:.5rem}
.r8-update summary{cursor:pointer;font-weight:700;color:var(--gm-plum)}
.r8-panel :focus-visible{outline:3px solid var(--gm-gold);outline-offset:3px}
@media(max-width:650px){.r8-panel{padding:1rem}.r8-panel h2{font-size:1.6rem}}

/* Run 8 Whiteboard-approved hub: one intro, three separate form destinations. */
 .run8-intake .r8-intro{max-width:73rem;margin:2rem auto 1.4rem;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(1.3rem,3vw,2.5rem);align-items:center}
.run8-intake .r8-intro-copy>p:last-child{max-width:70ch;line-height:1.65}
.run8-intake .r8-interact-intro{max-width:73rem;margin-inline:auto}
.run8-intake .r8-interact-intro>p{max-width:78ch}
.run8-intake .r8-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:1.35rem}
.run8-intake .r8-hub-card{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;background:var(--gm-paper);border:1px solid var(--gm-line);border-top:4px solid var(--gm-plum);border-radius:.8rem;padding:clamp(1.05rem,2vw,1.65rem);min-width:0}
.run8-intake .r8-hub-card h3{font-size:1.45rem;line-height:1.18;color:var(--gm-plum);margin:.05rem 0 .3rem}
.run8-intake .r8-hub-card p{margin:.1rem 0;line-height:1.6}
.run8-intake .r8-hub-card .gm-eyebrow{font-size:.76rem}
.run8-intake .r8-hub-card .gm-button{margin-top:auto;text-align:center}
.run8-intake .r8-intro-notice,.run8-intake .r8-further-reading{max-width:73rem;margin-inline:auto}
.run8-intake .r8-back,.run8-intake .r8-journey{margin:1.3rem auto 0;max-width:62rem}
@media(max-width:900px){.run8-intake .r8-hub-grid{grid-template-columns:1fr}}
@media(max-width:650px){.run8-intake .r8-hub-card{padding:1.1rem}.run8-intake .r8-hub-card .gm-button{width:100%;box-sizing:border-box}}

/* Run 8 approved Interact hero: reuse the locked collaboration symbol.
   Preserve text as a complete, readable column on laptop and mobile. */
.run8-intake .r8-intro-copy{min-width:0}
.run8-intake .r8-hero-visual{margin:0;min-width:0;display:grid;place-items:center;padding:clamp(.5rem,1.5vw,1rem);background:var(--gm-paper);border:1px solid var(--gm-line);border-radius:.8rem;box-shadow:0 .35rem 1.2rem rgba(52,31,48,.07)}
.run8-intake .r8-hero-visual img{display:block;width:100%;height:auto;max-height:24rem;object-fit:contain;border-radius:.4rem}
@media(max-width:900px){.run8-intake .r8-intro{grid-template-columns:1fr;gap:1.1rem}.run8-intake .r8-hero-visual{width:100%;max-width:33rem;justify-self:center;box-sizing:border-box}}
@media(max-width:650px){.run8-intake .r8-hero-visual img{max-height:18rem}}

/* Run 8 Whiteboard refinement: a brief human-led invitation linking the
   individual Grey Matters story with the three optional ways to interact. */
.run8-intake .r8-why-connect{
  max-width:73rem;margin:1.1rem auto 1.6rem;
  padding:clamp(1.2rem,2.6vw,1.8rem);
  background:var(--gm-ivory);
  border:1px solid var(--gm-line);
  border-left:4px solid var(--gm-plum);
  border-radius:.75rem;
}
.run8-intake .r8-why-connect h2{color:var(--gm-plum);margin:0 0 .8rem}
.run8-intake .r8-why-connect p{max-width:74ch;line-height:1.65;margin:.75rem 0}
.run8-intake .r8-why-connect .r8-why-connect-more{font-weight:650;margin-top:1.1rem}
.run8-intake .r8-why-connect a:focus-visible{outline:3px solid var(--gm-gold);outline-offset:4px}
@media(max-width:650px){.run8-intake .r8-why-connect{padding:1.1rem}}

/* Science readers are offered a discreet route into CGS research after the
   three general interaction choices; no additional service or form is added. */
.run8-intake .r8-science-signpost{
 max-width:73rem;margin:1.25rem auto 1.75rem;
 background:var(--gm-paper);border:1px solid var(--gm-line);
 border-left:4px solid var(--gm-gold);border-radius:.75rem;
 padding:clamp(1.1rem,2.5vw,1.75rem);
}
.run8-intake .r8-science-signpost h2{color:var(--gm-plum);margin:.35rem 0 .8rem}
.run8-intake .r8-science-signpost p{max-width:76ch;line-height:1.6;margin:.6rem 0}
.run8-intake .r8-science-signpost .gm-eyebrow{margin:0 0 .3rem}
.run8-intake .r8-science-links{display:flex;flex-wrap:wrap;gap:.65rem 1.75rem;margin:1.2rem 0}
.run8-intake .r8-science-links a{font-weight:700;min-height:2.5rem;display:inline-flex;align-items:center}
.run8-intake .r8-science-signpost a:focus-visible{outline:3px solid var(--gm-gold);outline-offset:3px}
@media(max-width:650px){
 .run8-intake .r8-science-signpost{padding:1.1rem}
 .run8-intake .r8-science-links{flex-direction:column;align-items:flex-start;gap:.2rem}
}