@import url("https://fonts.googleapis.com/css2?family=Onest:wght@200;300;400;500;600&display=swap");

@layer components {
  .legacy-site.restyled-site { --home-milk: #fffcf7; --home-cream: #f5ede2; --home-sand: #e7d5bf; --home-ink: #4a4037; background: var(--home-milk); color: var(--home-ink); font-family: "Onest", sans-serif; }
  .restyled-site .header, .restyled-site .books, .restyled-site .about, .restyled-site .reviews-body { background: var(--home-milk); }
  .restyled-site .header { border-bottom: 1px solid #eee4d7; padding-block: 16px; }
  .restyled-site .header__link, .restyled-site .contact__text, .restyled-site .hero h1, .restyled-site .hero span, .restyled-site .hero p, .restyled-site .books h2, .restyled-site .books-card h3, .restyled-site .card-text, .restyled-site .about h2, .restyled-site .about p, .restyled-site .reviews-title h2, .restyled-site .review-text, .restyled-site .review-rating, .restyled-site .footer__nav a, .restyled-site .footer__copyright p { font-family: "Onest", sans-serif; color: var(--home-ink); }
  .restyled-site .header__link { font-size: 14px; text-transform: none; }
  .restyled-site .hero { background: radial-gradient(ellipse at 80% 40%, #f3e6d4 0, #fffcf7 65%); border-bottom: 1px solid #eee4d7; padding-bottom: 70px; }
  .restyled-site .hero h1 { font-size: clamp(42px, 4.7vw, 68px); font-weight: 300; line-height: 1.08; padding-top: 205px; margin-bottom: 26px; }
  .restyled-site .hero-text { max-width: 55%; }
  .restyled-site .hero span { font-size: clamp(23px, 2.4vw, 32px); font-weight: 300; line-height: 1.4; }
  .restyled-site .hero p { font-size: 18px; line-height: 1.7; font-weight: 400; padding-top: 12px; color: #837263; max-width: 400px; }
  .restyled-site .hero-text > img { opacity: .3; left: -75px; width: 62px; }
  .restyled-site .hero-bear { margin-top: 160px; transform: none; right: 15px; width: 39%; }
  .restyled-site .hero-bear img { max-width: 100%; height: auto; }
  .restyled-site .hero a { background: var(--home-sand); font-family: "Onest", sans-serif; text-transform: none; font-size: 18px; padding: 16px 30px; margin-top: 12px; color: var(--home-ink); }
  .restyled-site .button, .restyled-site .btn-light, .restyled-site .btn-review { background: var(--home-sand); color: var(--home-ink); border: 0; }
  .restyled-site .button a { text-transform: none; font-family: "Onest", sans-serif; }
  .restyled-site .btn-light { background: #fffcf7; border: 1px solid #e7d9c8; font-family: "Onest", sans-serif; border-radius: 24px; padding: 11px 16px; }
  .restyled-site .hero a, .restyled-site .btn-light, .restyled-site .button, .restyled-site .btn-review { transition: background .2s ease, transform .2s ease; }
  .restyled-site .hero a:hover, .restyled-site .button:hover, .restyled-site .btn-review:hover { background: #dcc3a6; color: var(--home-ink); transform: translateY(-2px); }
  .restyled-site .btn-light:hover { background: #fff; transform: translateY(-2px); }
  .restyled-site .books { padding-block: 80px; }
  .restyled-site .books h2, .restyled-site .about h2, .restyled-site .reviews-title h2 { font-size: clamp(28px, 3vw, 40px); font-weight: 300; line-height: 1.25; }
  .restyled-site .books h2 { max-width: 850px; margin-bottom: 40px; }
  .restyled-site .books .row { row-gap: 28px; }
  .restyled-site .books-card { background: var(--home-cream); border: 1px solid #ece0d1; border-radius: 32px; padding: 28px; position: relative; z-index: 1; box-shadow: 0 8px 28px #886a4010; }
  .restyled-site .books-card h3 { font-size: 25px; font-weight: 400; line-height: 1.25; }
  .restyled-site .card-subtext { color: #897768; font-size: 14px; }
  .restyled-site .card-text { font-size: 17px; font-weight: 400; line-height: 1.6; }
  .restyled-site .card-img { margin-block: 24px; }
  .restyled-site .card-img img { height: 310px; object-fit: contain; }
  .restyled-site .card-buttons { gap: 12px; }
  .restyled-site .restored-purchase .purchase-instructions { background: #fffefa; border: 1px solid #eadfd0; padding: 20px 22px 10px; border-radius: 26px; margin: 16px 0 0; font-size: 21px; line-height: 1.5; text-align: left; color: var(--home-ink); }
  .restyled-site .purchase-email { font-weight: 500; }
  .restyled-site .purchase-price { color: #ad9986; font-family: "Onest", sans-serif; font-weight: 200; }
  .restyled-site .purchase-price-note { color: #796654; }
  .restyled-site .about { margin-block: 80px; }
  .restyled-site .about .row { margin-top: 36px; }
  .restyled-site .about p { font-size: 18px; line-height: 1.8; }
  .restyled-site .about img { border-radius: 28px; }
  .restyled-site .reviews-title { background: var(--home-cream); }
  .restyled-site .reviews-body { margin-block: 50px 80px; }
  .restyled-site .reviews-body .row { row-gap: 24px; }
  .restyled-site .review-card { border: 1px solid #eee3d5; box-shadow: 0 8px 28px #886a4010; border-radius: 28px; height: 100%; }
  .restyled-site .review-text { font-size: 17px; line-height: 1.8; color: #786b5e; }
  .restyled-site .review-rating { font-weight: 400; font-size: 28px; gap: 3px; }
  .restyled-site .review-rating span[aria-hidden] { color: #ba966e; font-size: 19px; margin-right: 0; }
  .restyled-site .footer { background: var(--home-cream); }
  .restyled-site .footer__copyright { border-color: #e7d9c8; }
  @media (max-width: 991px) {
    .restyled-site .hero-text { max-width: 100%; }
    .restyled-site .hero-bear { display: none; }
    .restyled-site .hero h1 { padding-top: 190px; }
    .restyled-site .hero span { max-width: 680px; }
    .restyled-site .books-card { padding: 28px; }
    .restyled-site .card-img img { height: 350px; }
  }
  @media (max-width: 600px) {
    .restyled-site .hero h1 { padding-top: 165px; }
    .restyled-site .hero { padding-bottom: 48px; }
    .restyled-site .hero-text > img { display: none; }
    .restyled-site .hero span { font-size: 24px; }
    .restyled-site .hero a { margin-block: 12px; }
    .restyled-site .books { padding-block: 48px; }
    .restyled-site .books-card { padding: 24px; border-radius: 28px; }
    .restyled-site .card-img img { height: 280px; }
    .restyled-site .restored-purchase .purchase-instructions { padding: 18px 20px 10px; }
    .restyled-site .about { margin-block: 48px; }
    .restyled-site .review-card { padding: 24px; }
  }
  @media (prefers-reduced-motion: reduce) {
    .restyled-site .hero a, .restyled-site .btn-light, .restyled-site .button, .restyled-site .btn-review { transition: none; transform: none; }
  }
}

@layer components {
  .restyled-site .page_title { background: var(--home-cream); border-bottom: 1px solid #ece0d1; }
  .restyled-site .page_title h1 { font-family: "Onest", sans-serif; color: var(--home-ink); font-weight: 300; font-size: clamp(30px, 3.5vw, 46px); line-height: 1.2; padding-block: 40px; }
  .restyled-site .letters { background: var(--home-milk); padding-bottom: 50px; }
  .restyled-site .letters p, .restyled-site .letters li, .restyled-site .letters h2, .restyled-site .letters h3, .restyled-site .letters span, .restyled-site .letters table th, .restyled-site .letters table td { font-family: "Onest", sans-serif; color: var(--home-ink); }
  .restyled-site .letters p, .restyled-site .letters li { font-size: 18px; line-height: 1.8; }
  .restyled-site .letters h2, .restyled-site .letters h3 { font-weight: 400; line-height: 1.35; }
  .restyled-site .letters .purchase-email { font-size: inherit; line-height: inherit; margin: 0; }
  .restyled-site .letters .purchase-price-row { margin-bottom: 0; }
  .restyled-site .letters .purchase-price { color: #ad9986; font-size: 28px; font-weight: 200; line-height: 1.2; margin: 0; }
  .restyled-site .letters .purchase-price-note { font-size: 13px; line-height: 1.4; color: #796654; margin: 0; }
  .restyled-site .single-item { background: #fff; border: 1px solid #ece0d1; border-radius: 28px; padding: 16px; overflow: hidden; }
  .restyled-site .restored-slide-controls button { background: var(--home-cream); border-color: #e7d9c8; color: var(--home-ink); }
  .restyled-site .title-bg, .restyled-site .question-field { background: var(--home-cream); border-radius: 24px; }
  .restyled-site .letters table th { background: var(--home-sand); }
  .restyled-site .letters table td { background: #fff; }
  .restyled-site .letters table th, .restyled-site .letters table td { border-color: #e7d9c8; }
  .restyled-site .restored-blog-card a { display: block; height: 100%; padding: 24px; background: var(--home-cream); border-radius: 28px; border: 1px solid #ece0d1; }
  .restyled-site .restored-blog-card span { font-size: 16px; color: #796654; }
  .restyled-site .container2 { max-width: 760px; margin: 30px auto; padding: 32px; border: 1px solid #ece0d1; border-radius: 28px; background: var(--home-cream); }
  .restyled-site .example_content { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px; }
  .restyled-site .letters .primer { font-size: 36px; line-height: 1.2; margin: 0; }
  .restyled-site .result { min-width: 0; width: 150px; background: #fff; border: 1px solid #d7c5b0; border-radius: 18px; padding: 12px; font: inherit; font-size: 24px; text-align: center; }
  .restyled-site .input-button, .restyled-site .input-button2, .restyled-site .input-button3, .restyled-site .prev-btn, .restyled-site .next-btn { background: var(--home-sand); color: var(--home-ink); font-family: "Onest", sans-serif; font-size: 16px; border: 0; border-radius: 24px; padding: 12px 20px; margin-block: 12px; }
  .restyled-site .block, .restyled-site .restored-hint { text-align: center; }
  .restyled-site .instruction { text-align: left; }
  .restyled-site .slider-image { width: auto; max-width: 100%; max-height: 420px; object-fit: contain; margin-inline: auto; }
  .restored-legal-links { background: #f5ede2; font-family: "Onest", sans-serif; color: #4a4037; }
  @media (max-width: 600px) {
    .restyled-site .page_title h1 { padding-block: 28px; }
    .restyled-site .letters p, .restyled-site .letters li { font-size: 16px; }
    .restyled-site .container2 { padding: 20px 14px; }
    .restyled-site .single-item { padding: 12px; }
  }
}

@layer components {
  .restyled-site .restored-purchase .purchase-price-row { margin: 8px 0 0; gap: 3px; }
}

@layer components {
  .restyled-site .letters .restored-purchase .purchase-instructions { background: var(--home-cream); }
}

@layer components {
  .restyled-site .header .header__button a,
  .restyled-site .header .header__button a:hover,
  .restyled-site .header .header__button a:active,
  .restyled-site .header .header__button a:focus { background: var(--home-sand); color: var(--home-ink); }
}