/* General Leergids preview only. No shared stylesheet or angle-page changes. */
.leergids-general-preview .product-hero { padding-top: 0; }
.leergids-general-preview .product-hero-grid {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  gap: 3.5rem;
  padding: 2rem 0 3.5rem;
  align-items: start;
}
.leergids-general-preview .product-hero-content .body-text { max-width: 100%; margin-bottom: 1rem; }
.leergids-general-preview .product-hero-visual { margin-top: 2rem; }
.leergids-general-preview .hero-purchase { margin-top: 1.5rem; }
/* Bold large text keeps the existing pink/white purchase palette accessible. */
.leergids-general-preview .hero-purchase .btn { font-size: 19px; font-weight: 700; }
.leergids-general-preview .hero-purchase .price-tag { font-size: 2rem; margin-bottom: 1rem; }
.leergids-general-preview .hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1.25rem; }
.leergids-general-preview .hero-recognition-link { color: var(--dark); text-underline-offset: .25em; }
.leergids-general-preview .product-hero-meta { margin-top: 1.25rem; padding-top: 1rem; gap: 1rem; }
.leergids-general-preview .product-hero-meta > div:first-child { flex: 1; }
.leergids-general-preview .product-hero-meta > div:last-child { flex: 0 0 auto; }
.leergids-general-preview .recognition-grid { grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 4rem; }
.leergids-general-preview .differentiator-grid { grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); gap: 4rem; }
.leergids-general-preview .gebruik-voorbeelden { padding-left: 1.25rem; margin: 1.5rem 0; }
.leergids-general-preview .gebruik-voorbeelden li { padding: .4rem 0; line-height: 1.65; }
.leergids-general-preview #gebruik .judith-video-standalone { padding-bottom: 0; background: transparent; }
.leergids-general-preview .early-review-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.5rem; margin-top: 2rem; }
.leergids-general-preview .early-review-grid blockquote { padding: 1.5rem; background: var(--warm-white); border-radius: 16px; text-align: left; }
.leergids-general-preview .early-review-grid .quote-text { font-size: 1.1rem; }
.leergids-general-preview .early-review-grid .quote-author { font-size: 1.5rem; color: #df4174; }
.leergids-general-preview #vroege-reviews h2, .leergids-general-preview .review-excerpt-note { text-align: center; }
.leergids-general-preview .review-excerpt-note { margin-top: .75rem; color: var(--mid); }
.leergids-general-preview .contents-details { max-width: 960px; margin: 1.5rem auto 0; }
.leergids-general-preview .contents-details summary { padding: 1rem; cursor: pointer; font-weight: 700; color: var(--dark); border: 1px solid var(--light-line); border-radius: 12px; min-height: 48px; }
.leergids-general-preview .contents-details[open] summary { margin-bottom: 1rem; }
.leergids-general-preview .contents-details .contents-item { padding: .8rem 1rem; }
.leergids-general-preview #aanbod .actie-prijs-card { max-width: 440px; margin: 2rem auto 0; }
.leergids-general-preview .waardestapeling .contents-cta p { margin: 1rem auto; max-width: 620px; }
.leergids-general-preview :is(a, button, summary):focus-visible { outline: 3px solid var(--purple); outline-offset: 4px; }
/* With JavaScript disabled, the purchase link remains in normal flow. */
html:not(.js) .leergids-general-preview .sticky-cta-mobile { position: static; opacity: 1; transform: none; }
.leergids-general-preview video { aspect-ratio: 9 / 16; height: auto; }
@media (max-width: 1024px) {
  .leergids-general-preview .product-hero-grid { grid-template-columns: 1fr; gap: 2rem; }
  .leergids-general-preview .product-hero-visual { margin-top: 0; }
}
@media (max-width: 768px) {
  .leergids-general-preview .product-hero-grid { padding: 1.5rem 0 2.5rem; }
  .leergids-general-preview .product-hero-content h1 { margin-bottom: 1rem; }
  .leergids-general-preview .product-hero-content .body-text { font-size: 1rem; line-height: 1.65; }
  .leergids-general-preview .product-hero-meta { align-items: start; }
  .leergids-general-preview .product-hero-meta .price-note { font-size: .85rem; }
  .leergids-general-preview .recognition-grid,
  .leergids-general-preview .differentiator-grid,
  .leergids-general-preview .early-review-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .leergids-general-preview .recognition-photo { order: 1; }
  .leergids-general-preview .early-review-grid blockquote { width: 100%; }
  .leergids-general-preview .hero-actions { gap: 1rem; }
  .leergids-general-preview .hero-actions .btn { padding-left: 1.25rem; padding-right: 1.25rem; }
}

/* Judith's complete feedback, scoped to this general preview. */
.leergids-general-preview main { --copy-width: 760px; }
.leergids-general-preview main h2 { text-wrap: balance; }
.leergids-general-preview main p { line-height: 1.75; }
.leergids-general-preview .body-text { margin-bottom: 1rem; }
.leergids-general-preview .proof-bar-inner { gap: .65rem 1.75rem; }
.leergids-general-preview .proof-item { flex-wrap: wrap; justify-content: center; }
.leergids-general-preview .proof-item:last-child { max-width: 100%; }
.leergids-general-preview .product-hero-content > .label { font-size: 1.7rem; line-height: 1.2; }
.leergids-general-preview .product-hero-visual { position: sticky; top: 100px; }
.leergids-general-preview .digital-note { font-size: .95rem; margin: .75rem 0; color: var(--dark); }
.leergids-general-preview .product-hero-meta { display: block; }
.leergids-general-preview .product-hero-meta > div:last-child { display: none; }
.leergids-general-preview .btn-pink { background: var(--pink); color: #fff; font-size: 19px; font-weight: 700; }
.leergids-general-preview .btn-pink:hover { background: #d92c64; color: #fff; }
.leergids-general-preview .recognition-photo { max-width: 350px; }
.leergids-general-preview .leergids-use-note-card { max-width: var(--copy-width); margin: auto; text-align: left; }
.leergids-general-preview .leergids-use-note-card h2 { margin-bottom: 1.4rem; }
.leergids-general-preview .additional-note { display: inline-block; font-size: .85rem; font-weight: 700; color: var(--purple-deep); border-left: 3px solid var(--purple); padding: .2rem 0 .2rem .65rem; }
.leergids-general-preview #gebruik .differentiator-grid { align-items: center; }
.leergids-general-preview #gebruik .judith-video-intro { max-width: 330px; font-size: .95rem; }
.leergids-general-preview .gebruik-voorbeelden { list-style: none; padding: 1rem 1.25rem; background: var(--cream); border-radius: 14px; }
.leergids-general-preview .category-grid { grid-template-columns: repeat(3,minmax(0,1fr)); max-width: 1100px; }
.leergids-general-preview .category-grid .contents-item { padding: 1.5rem; border-top: 3px solid var(--pink); }
.leergids-general-preview .category-grid strong { font-family: var(--font-display); font-size: 1.2rem; }
.leergids-general-preview .category-grid p { margin: .5rem 0 0; }
.leergids-general-preview .contents-closing { text-align: center; max-width: 760px; margin: 2rem auto 0; font-weight: 500; }
.leergids-general-preview .early-review-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }
.leergids-general-preview .early-review-grid blockquote { padding: 1.35rem; margin: 0; }
.leergids-general-preview .early-review-grid .quote-text { font-family: var(--font-body); font-style: normal; font-size: 1rem; }
.leergids-general-preview .early-review-grid .quote-author { font-size: 1.65rem; }
.leergids-general-preview .review-source { font-size: .83rem; margin: .35rem 0 0; color: var(--mid); }
.leergids-general-preview blockquote small { color: var(--mid); font-size: .8rem; }
.leergids-general-preview .proof-rating { text-align: center; margin-top: 1rem; font-weight: 700; }
.leergids-general-preview .learning-return { padding: var(--section-y) 0; background: var(--warm-white); }
.leergids-general-preview .learning-return .copy { max-width: var(--copy-width); margin: auto; }
.leergids-general-preview .learning-return h2 { margin-bottom: 1.5rem; }
.leergids-general-preview .judith-label, .leergids-general-preview .label { font-size: 1.65rem; }
.leergids-general-preview .judith-example { padding-top: 2.5rem; }
.leergids-general-preview .judith-example .wrap > div { grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr) !important; }
.leergids-general-preview .judith-example img { max-height: 490px; object-fit: contain; background: white; }
.leergids-general-preview .judith-example h3 { font-family: var(--font-display); font-size: 1.65rem; margin-bottom: 1rem; }
.leergids-general-preview #judith .leergids-waarom-video { padding: 2rem 0 0; background: transparent; }
.leergids-general-preview #judith .judith-video-player { max-width: 260px; }
.leergids-general-preview #inkijk .leergids-inkijk-prev { color: #b72353 !important; }
.leergids-general-preview #inkijk .leergids-inkijk-next { background: #b72353 !important; border-color: #b72353 !important; }
.leergids-general-preview .leergids-inkijk-thumbs { grid-template-columns: repeat(9,minmax(44px,1fr)) !important; }
.leergids-general-preview .leergids-inkijk-counter { min-width: 70px; }
.leergids-general-preview .parent-copy h2 { margin-bottom: 1.25rem; }
.leergids-general-preview .campaign-bonus-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.leergids-general-preview .campaign-bonus-card { padding: 1rem; }
.leergids-general-preview .campaign-bonus-card img { width: 140px; max-width: 100%; }
.leergids-general-preview .campaign-bonus-card h3 { font-size: 1.05rem; margin: 1rem 0 .4rem; }
.leergids-general-preview .campaign-bonus-value { color: #ae244f; font-size: .9rem; }
.leergids-general-preview .feedback-offer { padding: var(--section-y) 0; background: var(--cream); }
.leergids-general-preview .offer-card { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; max-width: 980px; padding: 2.5rem; margin: auto; background: var(--warm-white); border: 2px solid var(--pink-soft); border-radius: 24px; }
.leergids-general-preview .offer-includes { padding-left: 1.4rem; margin-top: 1.5rem; }
.leergids-general-preview .offer-includes li { padding: .4rem 0; }
.leergids-general-preview .offer-includes li::marker { color: #ae244f; }
.leergids-general-preview .offer-purchase { text-align: center; }
.leergids-general-preview .price-line del { color: var(--mid); font-size: 1.15rem; margin-right: .75rem; font-weight: 400; }
.leergids-general-preview .price-line strong { font-family: var(--font-display); font-size: 2.6rem; color: var(--dark); }
.leergids-general-preview .payment-note { font-size: .9rem; margin-top: 1rem; }
.leergids-general-preview .faq-list { max-width: 1040px; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); gap: 0 2rem; }
.leergids-general-preview .feedback-faq { grid-column: 1 / -1; border-top: 1px solid var(--light-line); }
.leergids-general-preview .feedback-faq summary { font-family: var(--font-display); font-size: 1.15rem; font-weight: 600; cursor: pointer; padding: 1.25rem .5rem; min-height: 56px; }
.leergids-general-preview .feedback-faq summary::marker { color: #ae244f; }
.leergids-general-preview .faq-copy { padding: 0 .5rem 1rem; max-width: 850px; }
.leergids-general-preview #faq-4 { grid-column: 1; grid-row: 4; align-self: start; }
.leergids-general-preview .faq-upper-proof { grid-column: 2; grid-row: 4; align-self: start; background: var(--cream); border-radius: 16px; margin: 1rem 0; padding: 1.25rem; }
.leergids-general-preview .faq-upper-proof blockquote { margin: 0; }
.leergids-general-preview .faq-upper-proof .quote-text { font-size: .95rem; margin-bottom: .8rem; }
.leergids-general-preview .faq-upper-proof cite { font-family: var(--font-hand); font-size: 1.65rem; color: #ae244f; }
.leergids-general-preview #ervaringen { background: var(--cream); }
.leergids-general-preview #ervaringen .google-logo { margin-top: 1.5rem; }
.leergids-general-preview .reviews-more { max-width: 960px; margin: 1.5rem auto; }
.leergids-general-preview .reviews-more summary { cursor: pointer; padding: 1rem; border: 1px solid var(--light-line); border-radius: 12px; background: white; font-weight: 700; min-height: 48px; }
.leergids-general-preview .reviews-more[open] summary { margin-bottom: 1rem; }
.leergids-general-preview .proof-media-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; max-width: 960px; margin: 2rem auto 0; align-items: start; }
.leergids-general-preview .proof-media { padding: 1.25rem; margin: 0; background: #fff; border-radius: 16px; min-width: 0; }
.leergids-general-preview .proof-media .wrap-narrow { width: 100%; padding: 0; }
.leergids-general-preview .proof-media img { width: 100%; height: auto; }
.leergids-general-preview .proof-media .leergids-social-proof-image { margin: 0; }
.leergids-general-preview #slot { background: var(--warm-white); }
.leergids-general-preview #slot .contents-cta { max-width: 820px; margin: auto; }
.leergids-general-preview #slot h2 { margin-bottom: 1.5rem; }
.leergids-general-preview #slot .body-text:nth-of-type(2) { font-family: var(--font-display); font-size: 1.8rem; font-weight: 700; margin-bottom: 0; }
.leergids-general-preview .sticky-cta-mobile a { background: var(--pink); color: #fff; }
.leergids-general-preview .sticky-cta-main { font-size: .9rem; line-height: 1.35; }
.leergids-general-preview .sticky-cta-price { font-size: 1.4rem; }
@media (max-width: 1024px) {
 .leergids-general-preview .product-hero-visual { position: static; }
 .leergids-general-preview .early-review-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .leergids-general-preview .category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 768px) {
 .leergids-general-preview .product-hero-content > .label { font-size: 1.4rem; }
 .leergids-general-preview .proof-bar-inner { font-size: .85rem; gap: .5rem 1rem; }
 .leergids-general-preview .proof-item:last-child { flex-basis: 100%; }
 .leergids-general-preview .early-review-grid, .leergids-general-preview .category-grid { grid-template-columns: 1fr; }
 .leergids-general-preview .early-review-grid blockquote { padding: 1.25rem; }
 .leergids-general-preview .recognition-photo { max-width: 250px; }
 .leergids-general-preview .offer-card { grid-template-columns: 1fr; padding: 1.5rem; gap: 1.5rem; }
 .leergids-general-preview .offer-purchase .btn { width: 100%; padding: 1rem .6rem; font-size: 18.7px; }
 .leergids-general-preview .faq-list { display: block; }
 .leergids-general-preview .faq-upper-proof { margin: 0 0 1.5rem; }
 .leergids-general-preview .proof-media-grid { grid-template-columns: 1fr; }
 .leergids-general-preview .judith-example .wrap > div { grid-template-columns: 1fr !important; }
 .leergids-general-preview .leergids-inkijk-thumbs { grid-template-columns: repeat(5,minmax(44px,1fr)) !important; gap: .65rem !important; }
 .leergids-general-preview #inkijk .btn { padding: 1rem .85rem; font-size: .85rem; }
 .leergids-general-preview .sticky-cta-mobile { padding-bottom: calc(.65rem + env(safe-area-inset-bottom)); }
}

/* Keep the decorative hero shape within its column at narrow widths. */
.leergids-general-preview .product-hero-blob { max-width: 100%; left: 0; right: 0; }
.leergids-general-preview .sticky-cta-mobile a { color: var(--dark); }
.leergids-general-preview .sticky-cta-price { color: var(--dark); }
.leergids-general-preview .judith-video-intro { font-size: 1.4rem; }
@media (min-width: 769px) {
 .leergids-general-preview #judith { display: grid; grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr); gap: 2rem; }
 .leergids-general-preview #judith > .wrap { grid-column: 1 / -1; width: 100%; }
 .leergids-general-preview #judith > .leergids-waarom-video { justify-self: end; width: 330px; max-width: 100%; }
 .leergids-general-preview #judith > .judith-example { align-self: center; max-width: 720px; padding-right: 2rem; }
 .leergids-general-preview #judith .judith-combined-photo { grid-row: 1; }
 .leergids-general-preview #judith .judith-combined-profile { grid-row: 1; }
}

/* Text reviews: reuse the established lower review-card skin. */
.leergids-general-preview .text-review-card.g-review-card { background: #fff; border-radius: 12px; padding: 1.5rem; text-align: left; }
.leergids-general-preview .text-review-card .quote-author.g-name { display: block; font-family: var(--font-body); font-size: 1rem; font-weight: 600; font-style: normal; color: var(--dark); }
.leergids-general-preview .text-review-card .review-source.g-source { margin: 0; font-size: .8rem; }
.leergids-general-preview .text-review-card .quote-text.g-text { font-family: var(--font-body); font-size: 1rem; font-style: normal; color: var(--body); margin-bottom: .5rem; }
.leergids-general-preview .faq-upper-proof { padding: 0; background: transparent; border-radius: 12px; }

/* Mobile reading rhythm only; desktop and all content remain unchanged. */
@media (max-width: 768px) {
 .leergids-general-preview :is(#herkenbaar, #gebruik, #leren-leren, #inkijk, #faq, #slot) { background: #fff; }
 .leergids-general-preview #herkenbaar { background: #f2ecff; }
 .leergids-general-preview #gebruik .leergids-gebruik-video { background: #f2ecff; box-shadow: 0 0 0 100vmax #f2ecff; clip-path: inset(0 -100vmax); }
 .leergids-general-preview #gebruik .leergids-gebruik-video .judith-video-intro { color: var(--purple-deep); }
 .leergids-general-preview #levensduur { background: #f2ecff; padding: 2.5rem 0; }
 .leergids-general-preview #vroege-reviews { background: #fff0f5; }
 .leergids-general-preview #ouders { background: #f2ecff; }
 .leergids-general-preview :is(#inhoud, #vroege-reviews, #leren-leren, #judith, #inkijk, #ouders, #aanbod, #faq, #ervaringen, #slot) { padding-top: 3rem; padding-bottom: 3rem; border-top: 1px solid rgba(140, 82, 255, .12); }
 .leergids-general-preview :is(#gebruik, #leren-leren, #ouders) h2 { margin-bottom: 1.5rem; line-height: 1.2; }
 .leergids-general-preview #inkijk { background: #fff !important; }
 .leergids-general-preview #inkijk .section-header { margin-bottom: 2rem; }
}