/* Figma foundation: Caslon + DM Sans, quiet translucent colour and original layout. */
.hero.aurora {
  background-image:
    radial-gradient(ellipse at 47% 3%, #fff 0%, #ffffffe8 30%, #ffffff00 75%),
    radial-gradient(ellipse at 18% 100%, #f8dfce 0%, #f8dfce00 58%),
    linear-gradient(95deg, #eee4e7 0%, #eeebe8 27%, #f2f3ef 58%, #b3e2e8 100%);
}
.hero.aurora::before { opacity: .3; animation: none; }
.hero.aurora::after { opacity: .18; animation: none; }
.hero-team { box-shadow: 0 16px 50px #54433909; }
.hero-team-film { background: #e8e9eb; }
.hero-team-film figcaption { background: linear-gradient(transparent, #e5e7e9e8); color: #505257; }
.connection-panel { align-items: center; }
.connection-panel::before { opacity: .25; animation: none; }
.connection-panel::after { opacity: .18; animation: none; }
/* Text must be allowed to wrap inside narrow grid and flex children. */
.container, .article-layout > *, .learning-hero-grid > *, .connector-hero-grid > *, .agent-page-hero-grid > * { min-width: 0; }
@media (max-width: 680px) {
  .hero-team-work .between { align-items: flex-start; }
  .hero-team-work .tag { white-space: normal; }
  .breadcrumbs { flex-wrap: wrap; overflow-wrap: anywhere; }
  .prose a, .source-notes a { overflow-wrap: anywhere; }
}

.prose .section-citations { font-size: 12px; color: var(--muted); margin-top: 18px; }
@media (max-width: 1000px) {
  /* Keep the global control from covering links while scrolling on small screens. */
  .site-motion-toggle { position: static; display: block; width: fit-content; margin: 16px auto 24px; box-shadow: none; }
}

.case-cover > div > p { color: #f4ede4; }

/* Clear multi-select feedback and evidence-led outcome pages. */
.stack-instructions { grid-column:1/-1; margin:0 0 8px; font-size:14px; line-height:1.6; color:#555; }
.stack-instructions strong {display:block;color:#242424;font-weight:600;}
.stack-selection-count {grid-column:1/-1;padding:10px 13px;margin-bottom:10px;border-radius:10px;background:#eaf2ef;color:#245746;font-size:12px;line-height:1.5;}
.stack-option .stack-check {opacity:1;border:1px solid #c9cdca;color:transparent; background:white;border-radius:5px;width:23px;height:23px;display:grid;place-items:center;flex-shrink:0;}
.stack-option:has(input:checked) .stack-check {background:#252b29;color:white;border-color:#252b29;}
.outcome-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
.outcome-card {border:1px solid #e7e7e2;border-radius:22px;padding:32px;background:#fff;}
.outcome-card h3 {font-size:32px;line-height: 1.18;margin:20px 0 16px;}
.outcome-card p,.results-levels p,.results-next p,.results-home p {color:#646461;line-height:1.75;max-width:600px;}
.outcome-measure {border-top:1px solid #e9e9e4;margin:22px 0;padding-top:22px;font-size:14px;}
.outcome-agent {display:block;font-size:12px;margin-top:16px;color:#686865;}
.results-levels {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;}
.results-levels h3 {font-size:27px;line-height:1.2;margin:18px 0;}
.results-note {margin-top:32px;padding:25px;border-left:2px solid #b4cccb;background:#ffffff80;}
.results-note p {margin:8px 0 0;line-height:1.7;color:#626260;}
.results-next {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px;}
.results-next h2 {margin-top:20px;}
.results-next .button,.results-home .button {margin-top:18px;}
@media(max-width:680px){.outcome-grid,.results-levels,.results-next{grid-template-columns:minmax(0,1fr);}.outcome-card{padding:23px;}.outcome-card h3{font-size:28px;}.results-next{gap:45px;}}