/* Yay Takes index only. Article text, markup, and shared reading styles stay intact. */
@font-face {
  font-family: 'Archivo'; font-style: normal; font-weight: 400 900;
  font-stretch: 62% 100%; font-display: swap;
  src: url('/fonts/Archivo-latin-variable.woff2') format('woff2');
}
.ys-ideas-index {
  --take-plum: #2A0F3A; --take-pink: #FC288B; --take-pink-deep: #C80F67;
  --take-cream: #FFF8EC; --take-blush: #FFF0F6; --take-yellow: #FFC83D;
  --take-teal: #0C7C79; --take-cobalt: #2E4CE5; --ys-font: 'Archivo', sans-serif;
  font-family: 'Archivo', sans-serif; color: var(--take-plum); background: var(--take-blush);
}
.ys-ideas-index > main { max-width: none; border: 0; background: var(--take-cream); }
.ys-ideas-index main :is(h1,h2,h3,p,a,button,summary) { min-width: 0; overflow-wrap: anywhere; }
.ys-ideas-index :is(h1,h2,h3) {
  font-family: 'Archivo', sans-serif; font-weight: 900; font-stretch: 62%;
  letter-spacing: -.01em; text-transform: uppercase; line-height: 1.1; color: var(--take-plum);
}
.ys-ideas-index :is(a,button):focus-visible { outline: 3px solid var(--take-cobalt); outline-offset: 5px; }
.ys-ideas-index .ys-header :is(a,button,summary):focus-visible { outline-color: var(--take-yellow); }
.ys-ideas-index .ys-header { background: var(--take-plum); border-bottom: 0; }
.ys-ideas-index .ys-nav { max-width: 1200px; }
.ys-ideas-index .ideas-hero {
  position: relative; isolation: isolate; background: var(--take-pink); border: 0;
}
.ys-ideas-index .ideas-hero::before {
  content: ''; position: absolute; inset: 0; z-index: -1;
  background: radial-gradient(rgba(255,255,255,.08) 2px,transparent 2.7px) 0 0 / 20px 20px;
}
.ys-ideas-index .ideas-hero-inner {
  width: min(1200px,calc(100% - 80px)); padding: 38px 0 42px; border: 0;
}
.ys-ideas-index .ideas-hero h1 {
  font-family: 'Archivo', sans-serif; font-weight: 900; font-stretch: 62%;
  font-size: clamp(4rem,8vw,7rem); letter-spacing: -.01em; color: white;
}
.ys-ideas-index .take-topics {
  width: min(1200px,calc(100% - 80px)); margin: 32px auto 0; font-family: inherit;
}
.ys-ideas-index .take-topic-controls { gap: 12px; }
.ys-ideas-index .take-topic-controls button {
  padding: 12px 20px; border: 0; border-radius: 8px; background: var(--take-blush);
  color: var(--take-plum); font-family: inherit; font-size: 1rem; min-height: 48px;
}
.ys-ideas-index .take-topic-controls button[aria-pressed=true] { color: white; background: var(--take-plum); }
.ys-ideas-index .take-topics [role=status] { color: #5E4A68; }
.ys-ideas-index .ideas-main { width: min(1200px,calc(100% - 80px)); padding: 80px 0 64px; }
.ys-ideas-index .latest-entry {
  display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); gap: 20px 48px;
  position: relative; isolation: isolate; max-width: none; margin: 0 0 80px;
}
.ys-ideas-index .latest-entry::before {
  content: ''; grid-column: 1 / -1; grid-row: 1 / 8; margin: -40px;
  background: radial-gradient(rgba(252,40,139,.18) 2px,transparent 2.7px) 0 0 / 22px 22px,var(--take-plum);
  border-radius: 8px; z-index: -1;
}
.ys-ideas-index .latest-entry > .eyebrow { grid-column: 1; grid-row: 1; margin: 0; color: var(--take-yellow); }
.ys-ideas-index .latest-entry > h2 {
  grid-column: 1; grid-row: 2; margin: 0; color: white;
  font-size: clamp(2.75rem,4.2vw,3.75rem); line-height: 1.08;
}
.ys-ideas-index .latest-entry > h2 a:hover { color: var(--take-yellow); }
.ys-ideas-index .latest-entry > .byline { grid-column: 1; grid-row: 3; margin: 0; color: #FFD9EA; }
/* Opaque backing keeps the text clear of the decorative dot layer. */
.ys-ideas-index .latest-entry > :is(.eyebrow,h2,.byline),
.ys-ideas-index .latest-entry .article-body > p:nth-child(-n+4) { background-color: var(--take-plum); }
.ys-ideas-index .latest-entry > .article-body { display: contents; }
.ys-ideas-index .latest-entry .article-body > * {
  grid-column: 1 / -1; width: min(100%,680px); justify-self: center; margin-block: 0;
}
.ys-ideas-index .latest-entry .article-body > p { font-size: 1.125rem; line-height: 1.7; }
.ys-ideas-index .latest-entry .article-body > p:nth-child(-n+4) {
  grid-column: 1; color: #FFD9EA; width: 100%;
}
.ys-ideas-index .latest-entry .article-body > p:nth-child(1) { grid-row: 4; font-size: 1.25rem; }
.ys-ideas-index .latest-entry .article-body > p:nth-child(2) { grid-row: 5; }
.ys-ideas-index .latest-entry .article-body > p:nth-child(3) { grid-row: 6; }
.ys-ideas-index .latest-entry .article-body > p:nth-child(4) { grid-row: 7; }
.ys-ideas-index .latest-entry .article-figure {
  grid-column: 2; grid-row: 1 / 8; align-self: center; width: 100%; margin: 0;
}
.ys-ideas-index .latest-entry .article-body > h2 { font-size: 2.25rem; margin-top: 24px; }
.ys-ideas-index .latest-entry .article-figure + h2 { margin-top: 76px; }
.ys-ideas-index .ys-comic-panel {
  max-width: none; padding: 4px; border: 1px solid var(--take-plum); border-radius: 0;
  background: white; box-shadow: none;
}
.ys-ideas-index .latest-entry .ys-comic-panel { transform: rotate(.5deg); }
.ys-ideas-index .latest-entry > .idea-sharing,
.ys-ideas-index .latest-entry > .article-permalink {
  grid-column: 1 / -1; width: min(100%,680px); justify-self: center;
}
.ys-ideas-index .idea-sharing { font-family: inherit; padding: 28px; background: var(--take-blush); border: 0; border-radius: 8px; }
.ys-ideas-index .idea-share-controls :is(a,button) { min-height: 44px; border: 1px solid #C80F67; border-radius: 8px; }
.ys-ideas-index .archive-heading {
  padding: 0; margin: 0 0 32px; border: 0; color: var(--take-plum); font-size: 3rem;
}
.ys-ideas-index .feature-article {
  grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); gap: 48px; padding: 36px;
  margin: 0 0 28px; border: 0; border-radius: 8px; background: var(--take-blush);
}
.ys-ideas-index .feature-article:nth-of-type(2n) .feature-image { order: -1; }
.ys-ideas-index .feature-article:nth-of-type(3n+2) { background: var(--take-teal); }
.ys-ideas-index .feature-article:nth-of-type(3n) { background: var(--take-plum); }
.ys-ideas-index .feature-article:nth-of-type(4n+1) { background: var(--take-cobalt); }
.ys-ideas-index .feature-copy h2 { font-size: clamp(2.25rem,3.6vw,3.25rem); margin: 12px 0 20px; }
.ys-ideas-index .feature-copy p { font-size: 1.125rem; line-height: 1.65; color: #5E4A68; }
.ys-ideas-index .feature-copy .eyebrow { font-size: .8125rem; color: var(--take-pink-deep); }
.ys-ideas-index .feature-article:is(:nth-of-type(3n+2),:nth-of-type(3n),:nth-of-type(4n+1)) :is(h2,p) { color: white; }
.ys-ideas-index .feature-article:is(:nth-of-type(3n+2),:nth-of-type(3n),:nth-of-type(4n+1)) .eyebrow { color: white; }
.ys-ideas-index .feature-image { aspect-ratio: auto; width: 100%; margin: 0; }
.ys-ideas-index .feature-image > img { width: 100%; height: auto; object-fit: contain; }
.ys-ideas-index .button,
.ys-ideas-index .ys-nav-action {
  min-height: 48px; padding: 12px 22px; border: 0; border-radius: 10px;
  background: var(--take-yellow); color: var(--take-plum); font-weight: 750; box-shadow: none;
}
.ys-ideas-index .button:hover,.ys-ideas-index .ys-nav-action:hover { background: #FFD76F; color: var(--take-plum); }
.ys-ideas-index .feature-copy .button { margin-top: 16px; }
.ys-ideas-index .take-contribute {
  position: relative; isolation: isolate; max-width: 1200px; margin: 0 auto 64px;
  padding: 44px; border: 0; border-radius: 8px; background: var(--take-plum); color: #FFD9EA;
  font-family: inherit;
}
.ys-ideas-index .take-contribute::before {
  content: ''; position: absolute; inset: 0; z-index: -1;
  background: radial-gradient(rgba(252,40,139,.18) 2px,transparent 2.7px) 0 0 / 22px 22px;
}
.ys-ideas-index .take-contribute h2 { color: white; font-size: 3rem; }
.ys-ideas-index .take-contribute p { max-width: 70ch; }
.ys-ideas-index .take-contribute a:not(.button) { color: var(--take-yellow); }
.ys-ideas-index .ys-hub-footer { background: var(--take-plum); }
.ys-ideas-index .ideas-main > article[hidden],.ys-ideas-index .archive-heading[hidden] { display: none; }
@media(max-width: 899px) {
  .ys-ideas-index .latest-entry { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 20px 32px; }
  .ys-ideas-index .latest-entry > h2 { font-size: 2.75rem; }
  .ys-ideas-index .feature-article { gap: 28px; padding: 28px; }
  .ys-ideas-index .feature-copy h2 { font-size: 2.25rem; }
  .ys-ideas-index .take-contribute { margin-inline: 40px; }
}
@media(max-width: 720px) {
  .ys-ideas-index .ideas-hero-inner,.ys-ideas-index .ideas-main,.ys-ideas-index .take-topics { width: calc(100% - 40px); }
  .ys-ideas-index .ideas-hero-inner { justify-content: center; padding: 28px 0; }
  .ys-ideas-index .ideas-hero h1 { font-size: clamp(3rem,14vw,4rem); }
  .ys-ideas-index .take-topics { margin-top: 24px; }
  .ys-ideas-index .take-topic-controls { justify-content: center; gap: 8px; }
  .ys-ideas-index .take-topic-controls button { font-size: .875rem; padding: 12px 14px; }
  .ys-ideas-index .take-topics [role=status] { text-align: center; }
  .ys-ideas-index .ideas-main { padding-top: 52px; }
  .ys-ideas-index .latest-entry { grid-template-columns: minmax(0,1fr); gap: 20px; margin-bottom: 52px; }
  .ys-ideas-index .latest-entry::before { grid-row: 1 / 9; margin: -28px -20px; border-radius: 0; }
  .ys-ideas-index .latest-entry > :is(.eyebrow,h2,.byline) { text-align: center; }
  .ys-ideas-index .latest-entry > h2 { font-size: clamp(2.25rem,10.8vw,3rem); }
  .ys-ideas-index .latest-entry .article-figure { grid-column: 1; grid-row: 4; }
  .ys-ideas-index .latest-entry .article-body > p:nth-child(1) { grid-row: 5; }
  .ys-ideas-index .latest-entry .article-body > p:nth-child(2) { grid-row: 6; }
  .ys-ideas-index .latest-entry .article-body > p:nth-child(3) { grid-row: 7; }
  .ys-ideas-index .latest-entry .article-body > p:nth-child(4) { grid-row: 8; }
  .ys-ideas-index .latest-entry .article-figure + h2 { margin-top: 52px; }
  .ys-ideas-index .archive-heading { font-size: 2.25rem; text-align: center; }
  .ys-ideas-index .feature-article { grid-template-columns: minmax(0,1fr); padding: 20px; gap: 28px; }
  .ys-ideas-index .feature-article .feature-image { order: -1; }
  .ys-ideas-index .feature-copy h2 { font-size: 2.25rem; text-align: center; }
  .ys-ideas-index .feature-copy .eyebrow { text-align: center; }
  .ys-ideas-index .feature-copy .button { display: flex; width: fit-content; margin-inline: auto; }
  .ys-ideas-index .idea-sharing { padding: 20px; }
  .ys-ideas-index .take-contribute { margin: 0 20px 40px; padding: 28px 20px; }
  .ys-ideas-index .take-contribute h2 { font-size: 2.5rem; text-align: center; }
  .ys-ideas-index .take-contribute .button { display: flex; width: fit-content; margin-inline: auto; text-align: center; }
}