/* RHM participation layer | V10.2 design language, expanded for learning by doing.
   Each response is a question or a limit of knowledge; there are no fabricated scores. */
:root{--learning-copper:#ADCBC7;--learning-ease:cubic-bezier(.22,.8,.2,1)}
.participate-eyebrow{display:block;font:700 11px/1.5 var(--display);letter-spacing:.15em;text-transform:uppercase;color:var(--orange)}
.participate-help{color:var(--muted);font-size:16px;line-height:1.68}
.participate-footnote{font-size:12.5px;line-height:1.7;color:var(--subtle);margin-top:21px}
.participate-reveal{animation:learn-reveal .42s var(--learning-ease) both}
@keyframes learn-reveal{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.participate-action{display:inline-flex;align-items:center;gap:12px;padding:12px 0;border:0;background:transparent;color:inherit;font:620 15px/1.35 var(--display);letter-spacing:-.017em;transition:color .22s ease,transform .22s ease}
.participate-action:hover{color:var(--orange-light);transform:translateY(-1px)}
.participate-action span{color:var(--orange-light);font-size:19px}
/* Homepage | A small inquiry beneath the existing today/tomorrow thought. */
.participate-home{margin-top:clamp(57px,6vw,88px);max-width:720px}
.participate-home .participate-eyebrow{color:#E7F0EE}
.participate-home h4{margin:16px 0 11px;font:590 clamp(25px,2.4vw,31px)/1.27 var(--display);letter-spacing:-.052em;color:#FFFFFF;max-width:690px}
.participate-home .participate-help{color:#E7F0EE;font-size:15px}
.participate-choices{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.participate-choices button,.engine-discovery-controls button,.glossary-path-options button,.reason-choice{
  appearance:none;background:transparent;border:1px solid currentColor;border-radius:100px;padding:11px 16px;
  color:inherit;font:590 14px/1.32 var(--display);letter-spacing:-.014em;
  transition:color .2s ease,background .2s ease,transform .2s ease,border-color .2s ease;
  max-width:100%;text-align:center;
}
.participate-choices button:hover,.engine-discovery-controls button:hover,.reason-choice:hover{transform:translateY(-2px)}
.participate-home .participate-choices button{border-color:rgba(220,229,227,.36);color:#F6F8F7}
.participate-home .participate-choices button:hover{border-color:#FFFFFF}
.participate-home .participate-choices button[aria-pressed='true']{background:#F6F8F7;border-color:#F6F8F7;color:#0B5963}
.participate-home-response{display:flex;align-items:flex-start;gap:20px;margin-top:32px;min-height:86px}
.participate-home-response .response-mark{color:#E7F0EE;line-height:1.35;font-size:22px;flex-shrink:0}
.participate-home-response p{color:#F6F8F7;font-size:clamp(17px,1.65vw,20px);line-height:1.55;letter-spacing:-.025em;max-width:650px}
.participate-home-response strong{display:block;color:#FFFFFF;font-weight:620}
.participate-home-response span:not(.response-mark){display:block;color:#DCE5E3;font-size:15px;margin-top:11px;line-height:1.58}
.participate-home .participate-footnote{color:#E7F0EE}
/* Harmony | use the already approved two-engine composition as the interactive surface. */
.engine-figure[data-live-engines] .engine-label,.engine-figure[data-live-engines] .engine-mid{transition:opacity .35s var(--learning-ease),transform .35s var(--learning-ease)}
.engine-figure[data-engine-focus='economic'] .engine-label:last-child{opacity:.68}
.engine-figure[data-engine-focus='social'] .engine-label:first-child{opacity:.68}
.engine-figure[data-engine-focus='economic'] .engine-label:first-child h3,
.engine-figure[data-engine-focus='social'] .engine-label:last-child h3{color:#ADCBC7}
.engine-figure[data-engine-focus='economic'] .engine-mid,.engine-figure[data-engine-focus='social'] .engine-mid{opacity:.48}
.engine-figure[data-engine-focus='harmony'] .engine-mid{transform:scale(1.032)}
.engine-discovery{margin-top:clamp(63px,7vw,104px);max-width:1050px}
.engine-discovery .participate-eyebrow{color:#ADCBC7}
.engine-discovery-prompt h4{color:#FFFFFF;max-width:820px;margin:12px 0 0;font:580 clamp(25px,3.1vw,40px)/1.22 var(--display);letter-spacing:-.059em}
.engine-discovery-controls{display:flex;flex-wrap:wrap;gap:11px;margin-top:29px}
.engine-discovery-controls button{color:#E7F0EE;border-color:rgba(220,229,227,.32)}
.engine-discovery-controls button[aria-pressed='true']{color:#14252D;background:#E7F0EE;border-color:#E7F0EE}
.engine-discovery-controls button:hover{border-color:#E7F0EE}
.engine-discovery-answer{color:#E7F0EE;min-height:105px;max-width:790px;margin-top:32px;font:480 clamp(18px,2vw,24px)/1.55 var(--display);letter-spacing:-.028em}
/* Decision laboratory | reasoning is part of the journey, not an extra card. */
.moment-choice-lab .exp-panel.decision-editorial-stage{
  grid-template-areas:'caption caption' 'sectors sectors' 'decisions stages' 'decisions result' 'interact interact' 'foot foot';
}
.decision-participation{grid-area:interact;margin-top:clamp(24px,4vw,62px);max-width:900px;padding:0;border:0}
.decision-participation .participate-eyebrow{color:#ADCBC7}
.decision-participation h4{max-width:750px;margin:16px 0 26px;color:#FFFFFF;font:590 clamp(27px,3.2vw,42px)/1.24 var(--display);letter-spacing:-.059em}
.decision-reasoning{display:flex;flex-wrap:wrap;gap:13px}
.decision-reasoning .reason-choice{color:#E7F0EE;border-color:rgba(220,229,227,.36);padding:14px 21px;font-size:15px}
.decision-reasoning .reason-choice:hover{color:#FFFFFF;border-color:#FFFFFF}
.decision-reasoning .reason-choice[aria-pressed='true']{color:#14252D;border-color:#D2E5E1;background:#D2E5E1}
.decision-meaning{max-width:720px;margin-top:26px;color:#D2E5E1;font:510 clamp(18px,2.1vw,25px)/1.5 var(--display);letter-spacing:-.034em}
.decision-participation .participate-footnote{color:#B9D0CD}
.decision-keep{margin-top:16px;color:#FFFFFF}
.personal-reading{margin-top:38px;padding:38px 0 4px;border:0;color:#F6F8F7}
.personal-reading .participate-eyebrow{color:#ADCBC7}
.personal-reading [data-personal-text]{max-width:690px;white-space:pre-line;font-size:17px;line-height:1.9;color:#F6F8F7}
.personal-reading .participate-footnote{margin:18px 0 9px;color:#DCE5E3}
.personal-reading .copy-feedback{margin-left:15px;color:#ADCBC7;font-size:14px}
/* AI | a living contrast, not an imagined benchmark or numerical score. */
.ai-perspective{margin:clamp(65px,7vw,105px) auto 0;max-width:1100px;isolation:isolate}
.ai-perspective .participate-eyebrow{color:var(--orange)}
.ai-perspective-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(42px,9vw,135px);margin-top:27px}
.ai-perspective-pair>div{min-width:0}
.ai-perspective-label{display:block;font-size:11px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--muted);margin-bottom:15px}
.ai-perspective-pair strong{display:block;font:600 clamp(24px,3.15vw,40px)/1.25 var(--display);letter-spacing:-.058em;max-width:480px;overflow-wrap:break-word}
.ai-perspective-pair>div:first-child strong{color:var(--orange)}
.ai-perspective-pair>div:last-child strong{color:var(--ink)}
.ai-test{max-width:820px;margin-top:clamp(48px,5vw,71px)}
.ai-test h4{font:550 clamp(20px,2vw,26px)/1.45 var(--display);letter-spacing:-.041em;max-width:760px}
.ai-test .participate-choices button{color:var(--ink);border-color:rgba(20,37,45,.34)}
.ai-test .participate-choices button[aria-pressed='true']{background:var(--ink);color:#FFFFFF;border-color:var(--ink)}
.ai-test .participate-choices button:hover{border-color:var(--orange)}
.ai-feedback{min-height:0;max-width:730px;margin-top:20px;color:var(--orange);font-size:17px;line-height:1.65}
.moment-ai-lab .ai-perspective .participate-eyebrow{color:#ADCBC7}
.moment-ai-lab .ai-perspective-label{color:#B9D0CD}
.moment-ai-lab .ai-perspective-pair>div:first-child strong{color:#ADCBC7}
.moment-ai-lab .ai-perspective-pair>div:last-child strong{color:#F6F8F7}
.moment-ai-lab .ai-test h4{color:#F6F8F7}
.moment-ai-lab .ai-test .participate-choices button{color:#F6F8F7;border-color:rgba(220,229,227,.37)}
.moment-ai-lab .ai-test .participate-choices button[aria-pressed='true']{background:#E7F0EE;color:#14252D;border-color:#E7F0EE}
.moment-ai-lab .ai-feedback{color:#ADCBC7}
/* Essential Glossary | the user's question selects a path through original knowledge. */
.glossary-path{margin:5px 0 clamp(75px,8vw,118px);max-width:1000px}
.glossary-path .participate-eyebrow{color:var(--orange)}
.glossary-path .participate-help{margin-top:14px;max-width:600px}
.glossary-path-options{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-top:35px}
.glossary-path-options button{display:block;padding:13px 0;text-align:left;border:0;border-radius:0;color:var(--ink);font:570 clamp(21px,2.9vw,38px)/1.35 var(--display);letter-spacing:-.049em;transition:color .22s ease,transform .22s ease}
.glossary-path-options button:hover{color:var(--orange);transform:translateX(5px)}
.glossary-path-options button[aria-pressed='true']{color:var(--orange)}
.glossary-route-result{max-width:810px;margin-top:39px;padding:6px 0 0}
.glossary-route-index{display:block;color:var(--orange);font:700 11px/1.5 var(--display);letter-spacing:.12em}
.glossary-route-result h3{font:620 clamp(35px,4.2vw,54px)/1.17 var(--display);letter-spacing:-.064em;margin-top:12px}
.glossary-route-result p{color:var(--muted);font-size:18px;line-height:1.67;margin:17px 0 7px;max-width:650px}
.glossary-route-result .participate-action{color:var(--orange)}
.glossary-route-result .participate-action:hover{color:var(--ink)}
.glossary-route-next{display:flex;gap:11px;flex-wrap:wrap;align-items:baseline;margin-top:21px;color:var(--muted);font-size:15px}
.glossary-route-next a{color:var(--orange);font-weight:620}
.glossary-route-next a:hover{color:var(--ink)}
/* Prevent hidden learning states becoming empty visual sections. */
[data-personal-reading][hidden],[data-decision-keep][hidden],[data-reasoning-meaning][hidden],[data-glossary-route-result][hidden]{display:none!important}
@media(max-width:900px){
  .engine-discovery-answer{min-height:0}
  .ai-perspective-pair{gap:35px}
}
@media(max-width:760px){
  .participate-home{margin-top:55px}
  .participate-home h4{font-size:27px}
  .participate-home-response{gap:11px;margin-top:27px}
  .participate-choices button,.engine-discovery-controls button,.reason-choice{padding:11px 13px;font-size:13.5px}
  .engine-discovery{margin-top:68px}
  .engine-discovery-prompt h4{font-size:27px}
  .engine-discovery-answer{font-size:18px;margin-top:27px}
  .moment-choice-lab .exp-panel.decision-editorial-stage{
    grid-template-areas:'caption' 'sectors' 'decisions' 'stages' 'result' 'interact' 'foot';
  }
  .decision-participation{margin-top:16px}
  .decision-participation h4{font-size:29px;margin-bottom:22px}
  .decision-reasoning{gap:11px}
  .decision-reasoning .reason-choice{font-size:14px;padding:12px 15px}
  .ai-perspective{margin-top:69px}
  .ai-perspective-pair{grid-template-columns:1fr;gap:28px}
  .ai-perspective-pair strong{font-size:29px}
  .ai-test{margin-top:52px}
  .glossary-path{margin-bottom:70px}
  .glossary-path-options button{font-size:25px}
}
@media(max-width:420px){
  .feature-interactive .participate-home-response{min-height:0}
  .participate-choices{gap:8px}
  .participate-choices button{max-width:100%;white-space:normal;text-align:center}
  .engine-discovery-prompt h4{font-size:24px}
  .engine-discovery-controls{gap:8px}
  .decision-participation h4{font-size:26px}
  .decision-reasoning .reason-choice{border-radius:24px}
  .glossary-path-options button{font-size:23px}
}
@media(prefers-reduced-motion:reduce){.participate-reveal{animation:none!important}}