/* Reading pages keep their 1936px desktop layout inside the uniformly scaled
   composition. Their full document height remains available to normal scroll. */
.policy-shell > .page-composition { display:block; padding-bottom:160px; }
.policy-shell > .page-composition .policy-heading { margin-bottom:96px; }
.policy-shell > .page-composition .policy-intro h2 { font-size:67.76px; }
.policy-shell > .page-composition .policy-draft-note { padding:22px 26px; }
.policy-shell > .page-composition .policy-section {
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:90px;
  row-gap:0;
  padding-block:58px;
}
.policy-shell > .page-composition .policy-section h3,
.policy-shell > .page-composition .faq-section > h2 { font-size:36.8px; }
.policy-shell > .page-composition .faq-item summary { gap:28px; }
.policy-shell > .page-composition .testimonial-draft { margin-bottom:64px; }
.policy-shell > .page-composition .testimonials-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:90px;
}
.policy-shell > .page-composition .testimonial { padding-block:58px; }
.policy-shell > .page-composition .testimonial blockquote p { font-size:16px; }

.course-shell > .page-composition {
  --course-space:135px;
  --course-gap:90px;
  display:block;
  padding-bottom:180px;
}
.course-shell > .page-composition .course-heading { margin-bottom:96px; }
.course-shell > .page-composition p,
.course-shell > .page-composition li,
.course-shell > .page-composition .course-included-list dd { font-size:16px; }
.course-shell > .page-composition h2 { font-size:67.76px; }
.course-shell > .page-composition .course-intro { grid-template-columns:repeat(2,minmax(0,1fr)); }
.course-shell > .page-composition .course-summary { padding:52px; }
.course-shell > .page-composition .course-summary h3 { font-size:41.624px; }
.course-shell > .page-composition .course-price strong { font-size:49.6px; }
.course-shell > .page-composition .course-section { padding-top:70px; }
.course-shell > .page-composition .course-section-header { margin-bottom:64px; }
.course-shell > .page-composition .course-section-header,
.course-shell > .page-composition .course-update,
.course-shell > .page-composition .course-enrol { grid-template-columns:repeat(2,minmax(0,1fr)); }
.course-shell > .page-composition .course-skill-grid {
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:48px;
}
.course-shell > .page-composition .course-skill-grid h3 { font-size:38.72px; }
.course-shell > .page-composition .course-update { padding:70px; }
.course-shell > .page-composition .course-review-date { font-size:14px; }

/* Match the YKI story heading's rendered typography while retaining the
   reading pages' existing composition for their other content. */
#policies-view .policy-section > h3,
#faq-view .faq-section > h2 {
  font:400 calc(clamp(29px, 3.2vw, 48px) / var(--page-composition-scale, 1))/1.12 var(--serif);
  letter-spacing:-.04em;
}
@media (max-width:767px), (max-width:1000px) and (max-height:600px) and (pointer:coarse) {
  #policies-view .policy-section > h3,
  #faq-view .faq-section > h2 { font-size:29px; }
}
