/* Try Noodle, on the colour system from home.css (round 24, 5 November 2026). Picture Pal on purple (the games),
   the replayed chats on paper, the app on teal (Noodle's own). Every demo and screen is inked. */
.page-hero+.strand{background:var(--yellow)}
.band-purple+.strand{background:var(--purple)}
.strand.to-purple path:first-child{fill:var(--purple)}

/* Picture Pal */
.try-pal-band .title{color:var(--white)}
.try-pal-band .lede,.try-pal-band .try-facts li{color:#f1e9f7}
.try-pal-band .try-facts b{color:var(--white)}
.try-pal-band .try-pal{border:var(--inked);box-shadow:var(--shadow)}

/* The chats */
.try-chats-band .try-chats>*{max-width:100%}

/* There's more in the app */
.try-next-band .title{color:var(--white)}
.try-next-band .try-shot-label,.try-next-band .try-shots-hint{color:var(--yellow)}
.try-next-band .link-card{border:var(--inked);box-shadow:var(--shadow);background:var(--white)}
.try-chats-band .replay-pick{border:2px solid var(--ink)}
.try-chats-band .paper.replay{border:var(--inked);box-shadow:var(--shadow);border-radius:18px}
.try-next-band{overflow-x:clip}

/* Brighter purple (Sam, 6 Nov: "too dull"): a lighter shape, yellow ticks and accent, crisp white text */
.try-pal-band:before{background:#9064b3}
.try-pal-band .lede,.try-pal-band .try-facts li{color:var(--white)}
.try-pal-band .try-facts b{color:var(--yellow)}
.try-pal-band .try-facts li:before{background:var(--yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f2433' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 14px no-repeat;box-shadow:inset 0 0 0 2px var(--ink)}

/* Smaller hero picture and notes on phones (Sam, 6 Nov: "too big") */
@media(max-width:960px){
  .try-hero .try-notes{gap:12px}
  .try-hero .try-hero-art{flex-basis:auto;width:min(64%,250px);border-width:7px;margin-inline:calc(50% - min(32%,125px))}
  .try-notes .note{max-width:min(46%,200px);font-size:18px;padding:12px 14px}
}

/* On phones the game comes straight after the lede; the three facts follow it (round 24 crit, 6 November) */
@media(max-width:960px){
  .try-pal-band{display:flex;flex-direction:column}
  .try-pal-band .try-intro,.try-pal-band .try-intro-copy{display:contents}
  .try-pal-band .title,.try-pal-band .lede,.try-pal-band .try-facts{padding-inline:20px}
  .try-pal-band .title{order:1;margin-bottom:20px}
  .try-pal-band .lede{order:2;margin-bottom:32px}
  .try-pal-band>.wrap:last-child{order:3;width:100%}
  .try-pal-band .try-facts{order:4;margin-top:36px}
}

/* The replay card fills its column, now that it opens on Noodle's first answer */
.try-chats-band .paper.replay{max-width:none}

/* The choices a child could tap: spaced, the ones not taken as quiet outlined pills (they ran together as one word) */
.try-chats-band .replay-taps{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.try-chats-band .replay-off{display:inline-flex;align-items:center;min-height:48px;padding:8px 18px;border-radius:999px;border:2px dashed var(--crumb);font:700 17px/1.25 var(--body);color:var(--ink-2)}
/* Round 26 crit: bold yellow on purple fails AA (3.2:1 on the lighter shape); the lead-ins are white, the ticks and the heading accent stay yellow */
.try-pal-band .try-facts b{color:var(--white)}

/* Four screens since 7 November 2026 (Story Book joined): four across on a desk, two by two on a tablet; the phone swipe row is in site.css */
.try-shots{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;max-width:1120px}
.try-shot-4{transform:rotate(-1.5deg)}
@media(min-width:561px) and (max-width:960px){.try-shots{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 36px;max-width:620px}}

/* Round 27, direction A (see home.css). The signature band is purple, Picture Pal */
@media(min-width:961px){
  .try-next-band{background:var(--paper)}
  .try-next-band+.strand{background:var(--paper)}
  .try-next-band :is(h2,h2 a,.try-shots-hint,.try-shot-label){color:var(--ink)!important}
  .strand.to-teal{display:none}
}