
/* Reference approximation: compact neo-grotesque headings, neutral readable body.
   Genuine PDF sample images preserve their original typography. */
:root{
  --heading-font:'Inter','Helvetica Neue',Arial,sans-serif;
  --sans:'Inter','Helvetica Neue',Arial,sans-serif;
  --serif:var(--heading-font);
}
body{font-family:var(--sans);font-weight:400;line-height:1.65;letter-spacing:-.012em}
h1,h2,h3,h4,h5,h6,legend{
  font-family:var(--heading-font);
  font-style:normal;
  font-weight:750;
  letter-spacing:-.045em;
  line-height:1.08;
  overflow-wrap:normal;
  word-break:normal;
  text-wrap:balance;
}
h1 em,h2 em{font-family:inherit;font-style:normal;font-weight:inherit}
h1,.page-intro h1{font-size:clamp(40px,5.6vw,76px);line-height:1.04;letter-spacing:-.052em}
.preview-hero h1,.hero h1{font-size:clamp(44px,6.3vw,88px);line-height:1.02;letter-spacing:-.055em}
h2,.contents-section h2,.community-areas h2{font-size:clamp(28px,3.5vw,46px);line-height:1.1}
h3,.method-grid h3,.week-tasks h3{font-family:var(--heading-font);font-size:23px;line-height:1.2;font-weight:700;letter-spacing:-.035em}
.product-hero h1{font-size:clamp(39px,5vw,68px);line-height:1.05}
.product-hero h2{font-family:var(--heading-font);font-size:clamp(23px,2.1vw,28px);font-weight:600;letter-spacing:-.03em;line-height:1.25}
.order-card h2,.sample-panel h2,.how-steps h2{font-size:clamp(27px,3vw,36px);line-height:1.12}
.card-heading h3{font-family:var(--heading-font);font-size:17px;font-weight:700;line-height:1.25;letter-spacing:-.03em}
.book-title{font-family:var(--heading-font);font-weight:750;letter-spacing:-.045em;line-height:1.1}
legend{font-size:clamp(27px,3.2vw,34px);line-height:1.15;letter-spacing:-.035em}
.price,.purchase-row strong{font-family:var(--heading-font);font-weight:700;letter-spacing:-.045em;line-height:1.15;font-size:clamp(30px,3.5vw,40px)}
.hero-copy .hero-price{font-family:var(--sans);font-size:24px;font-weight:600;letter-spacing:-.03em;line-height:1.3}
header nav,.menu-button,#mobile-menu a,.button,.text-link,.footer-links a,.subject-tabs button,input,select,textarea{font-family:var(--sans)}
header nav{font-weight:550;letter-spacing:-.015em}
.button{font-weight:600;letter-spacing:-.012em;line-height:1.4;white-space:normal;max-width:100%;overflow-wrap:break-word;min-width:0}
.text-link{line-height:1.5;overflow-wrap:break-word}
input,select,textarea{font-size:16px;line-height:1.5;letter-spacing:-.01em}
p,.field-help{line-height:1.65}
label,.faq summary{font-weight:600;letter-spacing:-.015em;line-height:1.45}
.footer-top p{font-family:var(--heading-font);font-size:22px;font-weight:650;letter-spacing:-.03em;line-height:1.3}
#sample-title,.dialog-top h2{font-family:var(--heading-font);font-size:24px;line-height:1.2;letter-spacing:-.03em}
#sample-text{font-family:var(--sans);line-height:1.65}
@media(max-width:760px){
  h1,.page-intro h1{font-size:clamp(35px,9.8vw,52px);line-height:1.06;letter-spacing:-.045em}
  .preview-hero h1,.hero h1{font-size:clamp(39px,10.8vw,64px);line-height:1.04;letter-spacing:-.05em}
  .product-hero h1{font-size:clamp(34px,9.4vw,52px);line-height:1.08;letter-spacing:-.045em}
  h2,.contents-section h2,.community-areas h2{font-size:clamp(28px,7.5vw,36px);line-height:1.13}
  .order-card h2,.sample-panel h2,.how-steps h2{font-size:clamp(26px,7vw,32px)}
  .product-hero h2{font-size:23px;line-height:1.3}
  h3,.method-grid h3,.week-tasks h3{font-size:22px}
  .card-heading h3{font-size:16px;line-height:1.3}
  .hero-copy .hero-price{font-size:22px}
  #sample-title,.dialog-top h2{font-size:20px;line-height:1.25}
  .button,.purchase-row .button{font-size:14px;line-height:1.4}
  .page-intro>p{font-size:17px;line-height:1.65}
}
