/* YOKO Kids v3.3.6 — full-width editorial and size-guide correction layer. */

/* These native pages use Rey's full-width content area while preserving a consistent safe gutter. */
body.yoko-native-template .yoko-size-guide .yoko-size-guide__shell,
body.yoko-native-template .yoko-news-archive .yoko-content-shell,
body.yoko-native-template .yoko-article .yoko-content-shell,
body.yoko-native-template .yoko-thanks .yoko-content-shell {
  width: calc(100% - (var(--yoko-page-gutter) * 2));
  max-width: none;
  margin-inline: auto;
  padding-inline: 0;
}

/* Size guide: remove decorative heading icons and restore intentional internal spacing. */
.yoko-size-guide-card header {
  display: block;
  margin-bottom: 22px;
}
.yoko-size-guide-card header > span { display: none !important; }
.yoko-size-guide-card h2 {
  max-width: 100%;
  font-size: clamp(24px, 2.1vw, 38px);
  line-height: 1.12;
  letter-spacing: -.025em;
}
.yoko-size-guide-card {
  padding-inline: clamp(26px, 2.2vw, 40px);
}

.yoko-size-support {
  box-sizing: border-box;
  grid-template-columns: minmax(300px, .85fr) minmax(0, 2.15fr);
  gap: clamp(24px, 3vw, 52px);
  padding: clamp(30px, 3vw, 48px) !important;
}
.yoko-size-support__copy,
.yoko-size-support__actions { min-width: 0; }
.yoko-size-support__copy h2 {
  font-size: clamp(28px, 2.4vw, 42px);
  line-height: 1.08;
}
.yoko-size-support__copy p {
  max-width: 680px;
  font-size: 17px;
  line-height: 1.65;
}
.yoko-size-support__actions {
  gap: 16px;
}
.yoko-size-support__actions .yoko-button {
  min-height: 96px;
  justify-content: flex-start;
  gap: 16px;
  padding: 20px clamp(24px, 2vw, 34px);
  text-align: left;
}
.yoko-size-support__actions .yoko-button__icon,
.yoko-size-support__actions .yoko-button__icon svg,
.yoko-size-support__actions .yoko-button__icon img {
  width: 45px;
  height: 45px;
  flex: 0 0 45px;
  object-fit: contain;
}
.yoko-size-support__actions .yoko-button > span {
  min-width: 0;
  line-height: 1.35;
}
.yoko-size-faq summary { padding-inline: 24px; }
.yoko-size-faq details > div { padding-inline: 24px; }

/* News archive: wide layout and one coherent 33px editorial heading scale. */
.yoko-news-header .yoko-content-shell { text-align: center; }
.yoko-news-layout {
  grid-template-columns: minmax(0, 1fr) minmax(310px, 360px);
  gap: clamp(28px, 2.4vw, 46px);
}
.yoko-news-main,
.yoko-news-sidebar { min-width: 0; }
.yoko-news-featured {
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
}
.yoko-news-featured__content { padding: clamp(28px, 3vw, 48px); }
.yoko-news-featured h2,
.yoko-news-card h2,
body.yoko-native-template main .yoko-news-card h2 {
  font-size: 33px;
  line-height: 1.18;
  letter-spacing: -.025em;
}
.yoko-news-card__content { padding: clamp(18px, 1.8vw, 28px); }
.yoko-news-grid { gap: clamp(18px, 1.8vw, 30px); }
.yoko-news-sidebar > section { padding: clamp(22px, 2vw, 30px); }
.yoko-news-sidebar h2,
.yoko-article-sidebar h2 {
  margin: 0 0 18px;
  font-size: 33px;
  line-height: 1.14;
  letter-spacing: -.025em;
}
.yoko-news-side-post b,
body.yoko-native-template main .yoko-news-side-post b {
  font-size: 14px;
  line-height: 1.38;
}
.yoko-news-dealer-banner,
.yoko-news-topics { box-sizing: border-box; }

/* Single article: full image first, then a restrained title and metadata. */
.yoko-article .yoko-breadcrumb { margin-bottom: 22px; }
.yoko-article-hero {
  display: block;
}
.yoko-article-hero__image {
  width: 100%;
  overflow: hidden;
  border-radius: var(--yoko-radius-md);
  background: var(--yoko-surface);
}
.yoko-article-hero__image img {
  display: block;
  width: 100%;
  height: clamp(440px, 44vw, 760px);
  max-height: 760px;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
  border-radius: 0;
}
.yoko-article-hero__content {
  padding: clamp(28px, 3vw, 46px) 0 0;
}
.yoko-article-hero h1 {
  max-width: 1180px;
  margin: 0;
  color: var(--yoko-heading);
  font-size: 33px;
  line-height: 1.2;
  letter-spacing: -.025em;
}
.yoko-article-meta {
  margin: 16px 0 0;
  font-size: 14px;
}
.yoko-article-layout {
  grid-template-columns: minmax(0, 1fr) minmax(310px, 360px);
  gap: clamp(28px, 2.4vw, 46px);
  padding-top: 34px;
}
.yoko-article-toc {
  display: flex;
  gap: 14px;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory;
  padding: 2px 2px 14px;
  scrollbar-width: thin;
}
.yoko-article-toc a,
body.yoko-native-template main .yoko-article-toc a {
  flex: 0 0 clamp(230px, 24vw, 360px);
  min-width: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 76px;
  padding: 16px 22px;
  border-radius: var(--yoko-radius-md);
  line-height: 1.45;
  white-space: normal;
  scroll-snap-align: start;
}
.yoko-article-content,
.yoko-article-body { min-width: 0; }

/* Dealer registration thank-you: keep the supporting sentence on one desktop line and inset CTA content. */
.yoko-thanks-hero__grid {
  grid-template-columns: minmax(0, 1.18fr) minmax(420px, .82fr);
  gap: clamp(28px, 3vw, 58px);
}
.yoko-thanks-hero__subtitle {
  max-width: none !important;
  font-size: clamp(15px, 1vw, 18px) !important;
}
.yoko-thanks-cta {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding: clamp(32px, 3vw, 48px) clamp(34px, 4vw, 64px);
}
.yoko-thanks-cta > div:first-child { min-width: 0; }
.yoko-thanks-cta > div:last-child {
  flex: 0 0 auto;
  padding-left: 24px;
}
.yoko-thanks-cta .yoko-button { min-width: 190px; }

@media (min-width: 1024px) {
  .yoko-thanks-cta p { white-space: nowrap; }
}

@media (max-width: 1199px) {
  .yoko-news-featured { grid-template-columns: 1fr; }
  .yoko-news-featured__image img { min-height: 0; aspect-ratio: 16 / 9; }
  .yoko-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .yoko-thanks-hero__grid { grid-template-columns: 1fr 420px; }
}

@media (max-width: 1023px) {
  .yoko-size-support,
  .yoko-news-layout,
  .yoko-article-layout,
  .yoko-thanks-hero__grid { grid-template-columns: minmax(0, 1fr); }
  .yoko-news-sidebar,
  .yoko-article-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .yoko-newsletter-card,
  .yoko-article-dealer-card { grid-column: 1 / -1; }
  .yoko-thanks-hero__subtitle { white-space: normal; }
  .yoko-thanks-cta > div:last-child { padding-left: 0; }
}

@media (max-width: 767px) {
  body.yoko-native-template .yoko-size-guide .yoko-size-guide__shell,
  body.yoko-native-template .yoko-news-archive .yoko-content-shell,
  body.yoko-native-template .yoko-article .yoko-content-shell,
  body.yoko-native-template .yoko-thanks .yoko-content-shell {
    width: calc(100% - 32px);
  }

  .yoko-size-guide-card {
    padding: 24px 20px 22px;
  }
  .yoko-size-guide-card h2 {
    font-size: 28px;
  }
  .yoko-size-support {
    gap: 24px;
    padding: 26px 20px !important;
  }
  .yoko-size-support__copy h2 {
    font-size: 30px;
  }
  .yoko-size-support__copy p {
    font-size: 16px;
  }
  .yoko-size-support__actions {
    grid-template-columns: minmax(0, 1fr);
  }
  .yoko-size-support__actions .yoko-button {
    min-height: 104px;
    justify-content: flex-start;
    gap: 16px;
    padding: 18px 24px;
    text-align: left;
  }
  .yoko-size-support__actions .yoko-button__icon,
  .yoko-size-support__actions .yoko-button__icon svg,
  .yoko-size-support__actions .yoko-button__icon img {
    width: 45px;
    height: 45px;
    flex-basis: 45px;
  }
  .yoko-size-faq summary { padding: 18px 20px; }
  .yoko-size-faq details > div { padding: 0 20px 18px; }

  .yoko-news-header h1 { font-size: 36px; }
  .yoko-news-layout { padding-top: 20px; }
  .yoko-news-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .yoko-news-featured__content,
  .yoko-news-card__content { padding: 20px; }
  .yoko-news-featured h2,
  .yoko-news-card h2,
  body.yoko-native-template main .yoko-news-card h2 {
    font-size: 28px;
  }
  .yoko-news-sidebar,
  .yoko-article-sidebar { grid-template-columns: minmax(0, 1fr); }
  .yoko-news-sidebar > section { padding: 22px 20px; }
  .yoko-news-sidebar h2,
  .yoko-article-sidebar h2 { font-size: 30px; }

  .yoko-article-hero__image img {
    height: auto;
    max-height: none;
    aspect-ratio: auto;
    object-fit: contain;
  }
  .yoko-article-hero__content { padding-top: 24px; }
  .yoko-article-hero h1 { font-size: 30px; }
  .yoko-article-meta { gap: 10px 14px; }
  .yoko-article-layout { padding-top: 24px; }
  .yoko-article-toc a,
  body.yoko-native-template main .yoko-article-toc a {
    flex-basis: 82vw;
    min-width: 82vw;
    min-height: 70px;
    padding: 15px 18px;
  }

  .yoko-thanks-cta {
    padding: 26px 20px;
  }
  .yoko-thanks-cta > div:last-child {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
  .yoko-thanks-cta .yoko-button { min-width: 0; }
}