/* Critical styles for SEO server-rendered content.
   Loaded from <head> so crawlers and first-time visitors never see a text-only shell. */

.home-prerender,
#about-prerender,
#sell-prerender,
#premium-prerender,
#ebook-prerender,
#testimonials-prerender,
.blog-prerender,
.free-course-prerender {
  max-width: 1120px;
  margin: 0 auto;
  padding: 2rem 1.25rem 4rem;
  color: #2b2723;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.8;
}

.home-prerender section,
#about-prerender section,
#sell-prerender section,
#premium-prerender section,
#ebook-prerender section,
#testimonials-prerender section,
.blog-prerender section {
  margin: 0 auto 2rem;
}

.home-prerender__hero {
  max-width: 760px;
  padding: 2.5rem 0 1rem;
}

.home-prerender h1,
#about-prerender h1,
#sell-prerender h1,
#premium-prerender h1,
#ebook-prerender h1,
#testimonials-prerender h1,
.blog-prerender h1,
.free-course-prerender h1 {
  max-width: 720px;
  margin: 0.4rem 0 1rem;
  font-size: clamp(2.2rem, 7vw, 4rem);
  line-height: 1.35;
}

.home-prerender h2,
#about-prerender h2,
#sell-prerender h2,
#premium-prerender h2,
#ebook-prerender h2,
#testimonials-prerender h2,
.blog-prerender h2 {
  margin: 0 0 1rem;
  font-size: clamp(1.6rem, 4vw, 2.4rem);
  line-height: 1.45;
}

.home-prerender h3,
#about-prerender h3,
#sell-prerender h3,
#premium-prerender h3,
#ebook-prerender h3,
#testimonials-prerender h3,
.blog-prerender h3 {
  margin: 0 0 0.5rem;
  font-size: 1.35rem;
}

.home-prerender p,
#about-prerender p,
#sell-prerender p,
#premium-prerender p,
#ebook-prerender p,
#testimonials-prerender p,
.blog-prerender p,
.free-course-prerender p {
  max-width: 66ch;
  margin: 0.75rem 0;
}

.home-prerender__eyebrow {
  color: #8d4d3c;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.home-prerender__lead {
  font-size: 1.25rem;
}

.home-prerender__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.5rem;
}

.home-prerender a,
#about-prerender a,
#sell-prerender a,
#premium-prerender a,
#ebook-prerender a,
#testimonials-prerender a,
.blog-prerender a,
.free-course-prerender a {
  display: inline-block;
  color: #8d2d2d;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.blog-prerender__eyebrow {
  color: #8d4d3c;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.blog-prerender__list {
  display: grid;
  gap: 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.blog-prerender__item {
  padding: 1.1rem 0;
  border-bottom: 1px solid #e8dfd6;
}

.blog-prerender__item time {
  color: #746b64;
  font-size: 0.9rem;
}

.free-course-prerender {
  --free-ink: #4b302c;
  --free-ink-soft: #8f716a;
  --free-rose: #bd7f7d;
  --free-rose-deep: #9c5f61;
  --free-paper: #fbf7f0;
  --free-line: #e8dcd1;
  background: var(--free-paper);
  color: var(--free-ink);
}

.free-course-prerender .free-course-shell {
  width: min(100% - 2rem, 75rem);
  margin: 0 auto;
  padding: 0 0 4rem;
}

.free-course-prerender .free-course-banner {
  display: block;
  width: min(100%, 67rem);
  height: auto;
  margin: 0 auto;
  border-radius: 0 0 1.1rem 1.1rem;
}

.free-course-prerender .free-course-title {
  margin: 1.5rem auto 0;
  text-align: center;
}

.free-course-prerender .free-course-description {
  margin: 0.75rem auto 1.25rem;
}

.free-course-prerender .free-course-links {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.free-course-prerender .free-course-link {
  display: flex;
  min-height: 7.5rem;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  color: var(--free-ink-soft);
  text-align: center;
}

.free-course-prerender .free-course-link.is-current {
  color: var(--free-ink);
}

.free-course-prerender .free-course-link-number {
  display: grid;
  width: 2.3rem;
  height: 2.3rem;
  place-items: center;
  border: 1px solid var(--free-line);
  border-radius: 50%;
  color: var(--free-rose-deep);
}

.free-course-prerender .free-course-link-title {
  margin-top: 0.55rem;
  font-weight: 650;
  line-height: 1.5;
}

.free-course-prerender .free-course-player {
  width: min(100%, 67rem);
  margin: 1rem auto 0;
}

.free-course-prerender .free-course-player-frame {
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border-radius: 1rem;
  background: #3e2926;
}

.free-course-prerender .free-course-player-frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.free-course-prerender .free-course-cta {
  margin-top: 1.5rem;
  text-align: center;
}

.home-prerender__actions a {
  padding: 0.65rem 1rem;
  border: 1px solid #bca59a;
  border-radius: 999px;
  text-decoration: none;
}

.home-prerender__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  padding: 1rem 0;
  margin: 0;
  list-style: none;
  text-align: center;
  border-block: 1px solid #e1d7cf;
}

.home-prerender__stats li {
  display: flex;
  flex-direction: column;
}

.home-prerender__stats strong {
  color: #8d2d2d;
  font-size: 1.8rem;
}

.home-prerender__stats span {
  color: #655c55;
  font-size: 0.9rem;
}

.home-prerender__cards,
#sell-prerender > section:nth-of-type(2) > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.home-prerender__cards article,
#sell-prerender > section:nth-of-type(2) > div > article {
  padding: 1.25rem;
  border: 1px solid #e1d7cf;
  border-radius: 1rem;
  background: #fffdfb;
}

#premium-prerender nav {
  color: #806f65;
  font-size: 0.95rem;
}

#premium-prerender header {
  max-width: 820px;
  padding: 2.5rem 0 1rem;
}

#premium-prerender ul,
#premium-prerender ol {
  padding-left: 1.4rem;
}

#premium-prerender ol {
  display: grid;
  gap: 0.75rem;
  padding-left: 0;
  list-style: none;
}

#premium-prerender ol li {
  display: grid;
  gap: 0.25rem;
  padding: 0.85rem 1rem;
  border-left: 3px solid #bca59a;
  background: #fffdfb;
}

#premium-prerender ol strong {
  color: #8d2d2d;
}

#premium-prerender section > div {
  display: grid;
  gap: 1rem;
}

#premium-prerender section > div > article {
  padding: 1rem 1.25rem;
  border: 1px solid #e1d7cf;
  border-radius: 1rem;
  background: #fffdfb;
}

.home-prerender__cta {
  padding: 1.5rem;
  border-block: 1px solid #e1d7cf;
}

.home-faq {
  max-width: 1240px;
  margin: 0 auto;
  padding: 30px clamp(1.25rem, 4vw, 3rem) clamp(1.25rem, 4vw, 3rem);
  border: 1px solid #e1d7cf;
  border-radius: 1.5rem;
  background: #fffdfb;
}

.home-faq__inner {
  max-width: 1080px;
  margin: 0 auto;
}

.home-faq__title {
  margin: 0 0 clamp(1.5rem, 3vw, 2.25rem);
  color: #2b2723;
  font-size: clamp(1.75rem, 4vw, 2.35rem);
  line-height: 1.4;
}

.home-faq__list {
  display: grid;
  gap: clamp(1rem, 2.4vw, 1.75rem);
  margin: 0;
  padding: 0;
  list-style: none;
}

.home-faq__item {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(230px, 0.85fr);
  grid-template-areas: "content media";
  align-items: stretch;
  gap: clamp(1.25rem, 3vw, 2.5rem);
  padding: clamp(1.1rem, 2.8vw, 2rem);
  border: 1px solid #e8dfd8;
  border-radius: 1.15rem;
  background: #fff;
}

.home-faq__content {
  grid-area: content;
  align-self: center;
  min-width: 0;
}

.home-faq__question {
  margin: 0 0 0.7rem;
  color: #572a24;
  font-size: clamp(1.125rem, 2.1vw, 1.35rem);
  line-height: 1.55;
}

.home-faq__number {
  margin-right: 0.4rem;
  color: #8d2d2d;
  font-weight: 700;
}

.home-faq__answer {
  max-width: 68ch;
  margin: 0;
  color: #564e48;
  line-height: 1.9;
  overflow-wrap: anywhere;
}

.home-faq__media {
  position: relative;
  grid-area: media;
  align-self: stretch;
  min-width: 0;
  min-height: 260px;
  margin: 0;
  overflow: hidden;
  border-radius: 0.85rem;
  background: #f1e8df;
}

.home-faq__image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 760px) {
  .home-faq {
    margin: 0 1rem;
    padding: 30px 1rem 1rem;
    border-radius: 1rem;
  }

  .home-faq__item {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "media"
      "content";
    gap: 1.1rem;
    padding: 1rem;
  }

  .home-faq__media {
    min-height: 0;
    aspect-ratio: 16 / 8;
    border-radius: 0.7rem;
  }
}

#about-prerender header,
#sell-prerender header {
  max-width: 760px;
  padding: 2.5rem 0 1rem;
}

#ebook-prerender header,
#testimonials-prerender header {
  max-width: 820px;
  padding: 2.5rem 0 1rem;
}

#about-prerender ul,
#about-prerender ol,
#sell-prerender ul,
#ebook-prerender ul,
#testimonials-prerender ul {
  padding-left: 1.4rem;
}

#about-prerender ol {
  display: grid;
  gap: 0.75rem;
  padding-left: 0;
  list-style: none;
}

#about-prerender ol li {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  padding: 0.75rem 1rem;
  border-left: 3px solid #bca59a;
  background: #fffdfb;
}

#about-prerender ol strong {
  min-width: 3.5rem;
  color: #8d2d2d;
}

#sell-prerender > p:last-child,
#about-prerender > p:last-child {
  margin-top: 2rem;
}

#ebook-prerender nav,
#testimonials-prerender nav {
  color: #806f65;
  font-size: 0.95rem;
}

#ebook-prerender section > div,
#testimonials-prerender section > div {
  display: grid;
  gap: 1rem;
}

#ebook-prerender section > div > article,
#testimonials-prerender section > div > article {
  padding: 1rem 1.25rem;
  border: 1px solid #e1d7cf;
  border-radius: 1rem;
  background: #fffdfb;
}

#testimonials-prerender section > div > article p:last-child {
  color: #8d2d2d;
}

/* Article crawler response and browser-visible article prerender. */
.article-seo-crawler,
.article-seo-static {
  color: #333;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.8;
}

.article-seo-crawler {
  max-width: 860px;
  margin: 0 auto;
  padding: 1.5rem;
}

.article-seo-crawler h1,
.article-seo-static h1 {
  margin-bottom: 0.4rem;
  font-size: 1.9rem;
  line-height: 1.3;
}

.article-seo-crawler h2,
.article-seo-static h2 {
  margin-top: 2rem;
  font-size: 1.35rem;
}

.article-seo-crawler h3,
.article-seo-static h3 {
  margin-top: 1.5rem;
  font-size: 1.15rem;
}

.article-seo-crawler img,
.article-seo-static img {
  max-width: 100%;
  height: auto;
  display: block;
}

.article-seo-crawler p,
.article-seo-static p {
  margin: 0.8rem 0;
}

.article-seo-crawler ul,
.article-seo-static ul {
  padding-left: 1.4rem;
}

.article-seo-crawler .am,
.article-seo-static .am {
  color: #888;
  font-size: 0.88rem;
  margin: 0.4rem 0 1rem;
}

.article-seo-crawler .ac,
.article-seo-static .ac {
  color: #666;
  font-size: 0.85rem;
  margin: 0.3rem 0;
}

.article-seo-crawler .at,
.article-seo-static .at {
  margin-top: 1.5rem;
}

.article-seo-crawler .at span,
.article-seo-static .at span {
  display: inline-block;
  background: #f2f2f2;
  border-radius: 3px;
  padding: 2px 7px;
  margin-right: 5px;
  font-size: 0.82rem;
  color: #555;
}

.article-seo-crawler a,
.article-seo-static a {
  color: #c0392b;
  text-decoration: none;
}

.article-seo-crawler a:hover,
.article-seo-static a:hover {
  text-decoration: underline;
}

.article-seo-cover {
  max-width: 100%;
  height: auto;
  margin: 1.5rem 0;
}

.article-seo-divider {
  margin: 2rem 0;
  border: none;
  border-top: 1px solid #eee;
}

.secret-page {
  min-height: 100vh;
  color: #2b2723;
  background: #fff;
  font-family: "Noto Sans TC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.9;
}

.secret-page::before {
  display: block;
  height: 0.35rem;
  content: "";
  background: #fff;
}

.secret-frame {
  width: min(100% - 2rem, 62rem);
  margin: 0 auto;
  padding: clamp(1.25rem, 4vw, 3.5rem) 0 5rem;
}

.secret-title {
  max-width: 48rem;
  margin: 0 auto 1.75rem;
  color: #8d5e44;
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
}

.secret-content {
  width: min(100%, 48rem);
  margin: 0 auto;
  font-size: 16px;
  line-height: 2;
  overflow-wrap: anywhere;
}

.secret-content p,
.secret-content ul,
.secret-content ol,
.secret-content .secret-photo-wrap,
.secret-content .secret-gallery-layout,
.secret-content .secret-testimonial-layout,
.secret-content .secret-purchase-layout,
.secret-content h3 {
  margin-block: clamp(0.675rem, 1.5vw, 1.225rem);
}

.secret-content .secret-layout-row {
  display: contents;
}

.secret-content .secret-layout-cell {
  display: block;
  min-width: 0;
  padding: 0;
  vertical-align: top;
}

.secret-content p:has(> br:only-child) {
  min-height: 0.625rem;
  margin-block: 0.425rem;
}

.secret-content .secret-spacer {
  min-height: 0.625rem;
  margin-block: 0.425rem;
  line-height: 1;
}

.secret-content li {
  margin-block: 0.425rem;
}

.secret-content h3 {
  color: #8d5e44;
  font-size: 18px;
  line-height: 1.45;
  text-align: center;
}

.secret-content .secret-question-list {
  padding-inline-start: 0;
  list-style: none;
}

.secret-content .secret-question-list li {
  display: grid;
  grid-template-columns: 1.65rem minmax(0, 1fr);
  align-items: start;
  column-gap: 0.8rem;
  margin-block: 0.45rem;
  padding-inline-start: 0;
}

.secret-content .secret-question-list li::before {
  display: grid;
  width: 1.5rem;
  aspect-ratio: 1;
  place-items: center;
  margin-block-start: 0.34rem;
  border: 1px solid rgb(141 94 68 / 24%);
  border-radius: 50%;
  background: rgb(141 94 68 / 12%);
  color: #8d5e44;
  content: "?";
  font-family: Georgia, "Noto Serif TC", serif;
  font-size: 15.2px;
  font-weight: 750;
  line-height: 1;
}

.secret-content .secret-check-list {
  display: grid;
  gap: 0.2rem;
  padding-inline-start: 0;
  list-style: none;
}

.secret-content .secret-check-list li {
  position: relative;
  display: block;
  margin: 0;
  padding: 0.3rem 0;
  padding-inline-start: 2.05rem;
}

.secret-content .secret-check-list li::before {
  position: absolute;
  display: grid;
  width: 1.2rem;
  aspect-ratio: 1;
  place-items: center;
  inset-inline-start: 0;
  inset-block-start: 0.5rem;
  border: 1px solid rgb(141 94 68 / 30%);
  border-radius: 0.42rem;
  background: linear-gradient(145deg, #8d5e44, rgb(141 94 68 / 78%));
  color: #fff;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 38%),
    0 2px 0 rgb(141 94 68 / 30%),
    0 4px 8px -3px rgb(141 94 68 / 42%);
  content: "✓";
  font-size: 12.5px;
  font-weight: 800;
  line-height: 1;
}

.secret-content .secret-check-list .secret-accent {
  display: inline;
  white-space: normal;
  vertical-align: baseline;
}

.secret-content img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin-inline: auto;
  border-radius: 0.35rem;
}

.secret-content p:first-child > img {
  max-height: min(28rem, 52vw);
  object-fit: contain;
  object-position: center;
  border: 0;
  box-shadow: none;
}

.secret-content a {
  color: #8d5e44;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.secret-content .secret-photo-wrap {
  display: grid;
  grid-template-columns: minmax(10rem, 14rem) minmax(0, 1fr);
  align-items: start;
  gap: clamp(1rem, 3vw, 2rem);
}

.secret-content .secret-photo-wrap .secret-layout-cell:first-child {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  margin: 0;
}

.secret-content .secret-photo-wrap .secret-layout-cell:nth-child(2) {
  display: none;
}

.secret-content .secret-photo-wrap .secret-layout-cell:last-child {
  grid-column: 2;
  grid-row: 1;
}

.secret-content .secret-photo-wrap .secret-layout-cell:first-child img {
  width: 100%;
  max-width: none;
  margin: 0;
  border-radius: 0.6rem;
}

.secret-content .secret-gallery-layout {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-areas:
    "number-1 number-2 number-3"
    "image-1 image-2 image-3"
    "number-4 number-5 number-6"
    "image-4 image-5 image-6";
  gap: 0.45rem 1rem;
}

.secret-content .secret-gallery-layout .secret-layout-cell {
  align-self: start;
  text-align: center;
}

.secret-content .secret-gallery-layout .secret-layout-row:nth-child(1) > .secret-layout-cell:nth-child(1) { grid-area: number-1; }
.secret-content .secret-gallery-layout .secret-layout-row:nth-child(1) > .secret-layout-cell:nth-child(2) { grid-area: number-2; }
.secret-content .secret-gallery-layout .secret-layout-row:nth-child(1) > .secret-layout-cell:nth-child(3) { grid-area: number-3; }
.secret-content .secret-gallery-layout .secret-layout-row:nth-child(2) > .secret-layout-cell:nth-child(1) { grid-area: image-1; }
.secret-content .secret-gallery-layout .secret-layout-row:nth-child(2) > .secret-layout-cell:nth-child(2) { grid-area: image-2; }
.secret-content .secret-gallery-layout .secret-layout-row:nth-child(2) > .secret-layout-cell:nth-child(3) { grid-area: image-3; }
.secret-content .secret-gallery-layout .secret-layout-row:nth-child(3) > .secret-layout-cell:nth-child(1) { grid-area: number-4; }
.secret-content .secret-gallery-layout .secret-layout-row:nth-child(3) > .secret-layout-cell:nth-child(2) { grid-area: number-5; }
.secret-content .secret-gallery-layout .secret-layout-row:nth-child(3) > .secret-layout-cell:nth-child(3) { grid-area: number-6; }
.secret-content .secret-gallery-layout .secret-layout-row:nth-child(4) > .secret-layout-cell:nth-child(1) { grid-area: image-4; }
.secret-content .secret-gallery-layout .secret-layout-row:nth-child(4) > .secret-layout-cell:nth-child(2) { grid-area: image-5; }
.secret-content .secret-gallery-layout .secret-layout-row:nth-child(4) > .secret-layout-cell:nth-child(3) { grid-area: image-6; }

.secret-content .secret-gallery-layout .secret-layout-row:nth-child(1) .secret-layout-cell,
.secret-content .secret-gallery-layout .secret-layout-row:nth-child(3) .secret-layout-cell {
  color: #8d5e44;
  font-size: 14.4px;
  font-weight: 750;
}

.secret-content .secret-gallery-layout .secret-layout-cell img {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

.secret-content .secret-testimonial-layout {
  display: grid;
  gap: clamp(1.75rem, 4vw, 2.5rem);
}

.secret-content .secret-testimonial-card {
  display: grid;
  grid-template-columns: minmax(9rem, 14rem) minmax(0, 1fr);
  align-items: start;
  column-gap: clamp(1rem, 3vw, 1.75rem);
}

.secret-content .secret-testimonial-visual {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
}

.secret-content .secret-testimonial-photo {
  width: 100%;
  text-align: center;
}

.secret-content .secret-testimonial-photo img {
  width: min(100%, 14rem);
  margin-inline: auto;
  border-radius: 0.6rem;
}

.secret-content .secret-testimonial-photo p:has(> img) {
  margin-block: 0;
}

.secret-content .secret-testimonial-photo p:not(:has(> img)) {
  margin-block: 0.12rem;
}

.secret-content .secret-testimonial-author {
  width: 100%;
  text-align: center;
  font-size: 15px;
  line-height: 1.55;
}

.secret-content .secret-testimonial-author p {
  margin-block: 0.12rem;
}

.secret-content .secret-testimonial-copy {
  min-width: 0;
}

.secret-content .secret-purchase-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: clamp(1rem, 3vw, 2rem);
}

.secret-content .secret-purchase-layout .secret-layout-cell {
  min-width: 0;
  text-align: center;
}

.secret-content .secret-purchase-layout .secret-layout-cell > img {
  width: min(100%, 22rem);
}

.secret-content .secret-purchase-layout .secret-layout-cell:last-child > img {
  width: auto;
}

.secret-content iframe {
  display: block;
  width: min(100%, 45rem);
  aspect-ratio: 16 / 9;
  height: auto;
  margin: 1.5rem auto;
  border: 0;
}

@media (max-width: 767px) {
  .secret-frame {
    width: min(100% - 1.25rem, 62rem);
  }

  .secret-content .secret-photo-wrap,
  .secret-content .secret-gallery-layout,
  .secret-content .secret-testimonial-layout,
  .secret-content .secret-purchase-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .secret-content .secret-photo-wrap .secret-layout-cell:first-child,
  .secret-content .secret-photo-wrap .secret-layout-cell:last-child {
    grid-column: 1;
  }

  .secret-content .secret-photo-wrap .secret-layout-cell:last-child {
    grid-row: auto;
  }

  .secret-content .secret-photo-wrap .secret-layout-cell:first-child {
    width: min(44%, 10rem);
    justify-self: center;
  }

  .secret-content .secret-gallery-layout {
    grid-template-areas:
      "number-1"
      "image-1"
      "number-2"
      "image-2"
      "number-3"
      "image-3"
      "number-4"
      "image-4"
      "number-5"
      "image-5"
      "number-6"
      "image-6";
  }

  .secret-content .secret-testimonial-card {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 0.75rem;
  }

  .secret-content .secret-testimonial-visual {
    width: min(100%, 12rem);
    justify-self: center;
  }

  .secret-content .secret-testimonial-photo img {
    width: min(100%, 12rem);
  }

  .secret-content .secret-purchase-layout .secret-layout-cell > img {
    width: min(100%, 20rem);
  }

  .secret-content .secret-check-list li {
    padding-inline-start: 1.85rem;
  }

  .secret-content .secret-check-list li::before {
    width: 1.1rem;
  }

  .secret-content li {
    margin-block: 0.325rem;
  }

  .secret-content .secret-question-list li {
    grid-template-columns: 1.45rem minmax(0, 1fr);
    column-gap: 0.65rem;
    margin-block: 0.325rem;
  }

  .secret-content .secret-question-list li::before {
    width: 1.35rem;
    margin-block-start: 0.28rem;
  }
}

@media (max-width: 640px) {
  .home-prerender__stats,
  .home-prerender__cards,
  #sell-prerender > section:nth-of-type(2) > div,
  #premium-prerender section > div {
    grid-template-columns: 1fr;
  }
}

/* Keep server-rendered SEO shells in step with the hydrated mobile typography. */
@media (max-width: 767px) {
  .home-prerender,
  #about-prerender,
  #sell-prerender,
  #premium-prerender,
  #ebook-prerender,
  #testimonials-prerender,
  .article-seo-crawler,
  .article-seo-static {
    font-size: clamp(0.9rem, calc(0.318rem + 2.909vw), 1.1rem);
  }

  .home-prerender h1,
  #about-prerender h1,
  #sell-prerender h1,
  #premium-prerender h1,
  #ebook-prerender h1,
  #testimonials-prerender h1 {
    font-size: clamp(1.98rem, calc(0.6996rem + 6.4vw), 2.42rem);
  }

  .home-prerender h2,
  #about-prerender h2,
  #sell-prerender h2,
  #premium-prerender h2,
  #ebook-prerender h2,
  #testimonials-prerender h2 {
    font-size: clamp(1.44rem, calc(0.5088rem + 4.6544vw), 1.76rem);
  }

  .home-prerender h3,
  #about-prerender h3,
  #sell-prerender h3,
  #premium-prerender h3,
  #ebook-prerender h3,
  #testimonials-prerender h3 {
    font-size: clamp(1.215rem, calc(0.4293rem + 3.9272vw), 1.485rem);
  }

  .home-prerender__lead {
    font-size: clamp(1.125rem, calc(0.3975rem + 3.6363vw), 1.375rem);
  }

  .home-prerender__stats strong {
    font-size: clamp(1.62rem, calc(0.5724rem + 5.2362vw), 1.98rem);
  }

  .home-prerender__stats span,
  #premium-prerender nav,
  #ebook-prerender nav,
  #testimonials-prerender nav {
    font-size: clamp(0.81rem, calc(0.2862rem + 2.6181vw), 0.99rem);
  }

  .article-seo-crawler h1,
  .article-seo-static h1 {
    font-size: clamp(1.71rem, calc(0.6039rem + 5.5271vw), 2.09rem);
  }

  .article-seo-crawler h2,
  .article-seo-static h2 {
    font-size: clamp(1.215rem, calc(0.4293rem + 3.9272vw), 1.485rem);
  }

  .article-seo-crawler h3,
  .article-seo-static h3 {
    font-size: clamp(1.035rem, calc(0.3657rem + 3.3454vw), 1.265rem);
  }

  .article-seo-crawler .am,
  .article-seo-static .am {
    font-size: clamp(0.792rem, calc(0.2798rem + 2.5599vw), 0.968rem);
  }

  .article-seo-crawler .ac,
  .article-seo-static .ac {
    font-size: clamp(0.765rem, calc(0.2703rem + 2.4727vw), 0.935rem);
  }

  .article-seo-crawler .at span,
  .article-seo-static .at span {
    font-size: clamp(0.738rem, calc(0.2608rem + 2.3854vw), 0.902rem);
  }

  .secret-content {
    font-size: clamp(1.0969rem, calc(0.3876rem + 3.545vw), 1.3406rem);
  }

  .secret-title,
  .secret-content h3 {
    font-size: clamp(1.25rem, calc(0.75rem + 3vw), 1.5rem);
  }
}