/* ============================================================
   Personal Story Presale — design layer (loaded AFTER presale-base.css)
   Scoped under body.adv-v2 for the stat-band presale format.
   ============================================================ */

/* ---- refined editorial type & rhythm ---- */
.adv-v2 .adv-article p{font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.68;color:#2a2a2a;max-width:68ch}
.adv-v2 .adv-article > p:first-of-type{font-family:Georgia,"Times New Roman",serif;font-size:20px;line-height:1.6;color:#111}
.adv-v2 .adv-article h3{font-family:Georgia,"Times New Roman",serif;position:relative;margin-top:36px;margin-bottom:14px;padding-top:0;font-size:32px;letter-spacing:0}
.adv-v2 .adv-article h3::before{display:none}
.adv-v2 .adv-hl{background:#ffe14d;padding:1px 3px;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.adv-v2 .adv-figure .ph,.adv-v2 .adv-media .ph{border-radius:6px}
.adv-v2 .adv-media{box-shadow:none;border:1px solid var(--line)}
.adv-v2 .adv-figure .ph,.adv-v2 .adv-media .ph{box-shadow:none}

/* ---- credibility stat band (under hero) ---- */
.v2-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:8px 0 30px;border:2px solid var(--line);border-radius:4px;overflow:hidden;background:#fff}
.v2-stats__cell{padding:18px 14px;text-align:center;border-right:1px solid var(--line)}
.v2-stats__cell:last-child{border-right:0}
.v2-stats__num{font-family:"Anek Latin",sans-serif;font-weight:800;font-size:30px;line-height:1;letter-spacing:-.02em;color:var(--brand);margin-bottom:5px}
.v2-stats__lbl{font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
@media (max-width:560px){.v2-stats{grid-template-columns:repeat(2,1fr)}.v2-stats__cell:nth-child(2){border-right:0}.v2-stats__cell:nth-child(1),.v2-stats__cell:nth-child(2){border-bottom:1px solid var(--line)}}

/* ---- pull quote ---- */
.v2-pullquote{position:relative;margin:34px 0;padding:10px 0 10px 24px;border-left:5px solid var(--action);background:#fafafa}
.v2-pullquote p{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:22px;line-height:1.4;letter-spacing:0;color:#111;max-width:none;margin:0;font-style:italic}
.v2-pullquote span{display:block;margin-top:10px;font-family:"Inter",sans-serif;font-weight:600;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}

/* ---- "bottom line" summary card (before offer) ---- */
.v2-bottomline{margin:30px 0;background:#fffbf0;border:1px solid #e8d99a;border-left:5px solid var(--action);border-radius:4px;padding:22px 24px}
.v2-bottomline h4{font-family:"Anek Latin",sans-serif;font-weight:700;font-size:21px;letter-spacing:-.01em;color:var(--ink);margin:0 0 14px}
.v2-bottomline ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.v2-bottomline li{display:flex;gap:11px;align-items:flex-start;font-size:16.5px;line-height:1.45;color:var(--ink-soft)}
.v2-bottomline li svg{width:21px;height:21px;color:var(--brand);flex-shrink:0;margin-top:1px}

/* ---- stock scarcity meter (inside offer) ---- */
.v2-stock{max-width:420px;margin:0 auto 18px;text-align:left}
.v2-stock__row{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;font-weight:600;color:var(--ink-soft);margin-bottom:7px}
.v2-stock__row b{color:var(--action-deep);font-weight:800}
.v2-stock__track{height:9px;border-radius:5px;background:#e7edf3;overflow:hidden}
.v2-stock__fill{height:100%;width:83%;border-radius:5px;background:linear-gradient(90deg,var(--warn-orange),var(--action))}

/* ---- persistent desktop CTA strip (appears on scroll) ---- */
.v2-ctastrip{position:fixed;top:0;left:0;right:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);box-shadow:0 4px 18px -8px rgba(10,37,57,.35);transform:translateY(-100%);transition:transform .28s ease;display:none}
.v2-ctastrip__inner{max-width:1120px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.v2-ctastrip__left{display:flex;align-items:center;gap:12px;min-width:0}
.v2-ctastrip__name{font-family:"Anek Latin",sans-serif;font-weight:800;font-size:18px;color:var(--ink);white-space:nowrap}
.v2-ctastrip__price{font-size:14px;font-weight:600;color:var(--muted);white-space:nowrap}
.v2-ctastrip__price s{margin-right:5px}
.v2-ctastrip__price b{color:#1f9e34;font-weight:800}
.v2-ctastrip .adv-btn{width:auto;padding:11px 22px;font-size:15px}
.v2-ctastrip.is-on{transform:translateY(0)}
@media (min-width:901px){.v2-ctastrip{display:block}}
@media (max-width:900px){.v2-ctastrip{display:none !important}}

/* ---- editorial interrupt: "Note: read this now" ---- */
.adv-note-interrupt{display:block;font-family:"Inter",sans-serif;font-style:italic;font-weight:700;font-size:16px;color:#b91c1c;border-left:3px solid #b91c1c;padding:6px 0 6px 14px;margin:0 0 22px;line-height:1.5}

/* ---- alternating section break ---- */
.adv-section-alt{background:#f7f9fb;margin:32px -20px;padding:28px 20px;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}
.adv-section-alt h3{margin-top:0 !important}

/* ---- full-width red scarcity strip (stronger than pill badge) ---- */
.adv-scarcity-strip{width:100%;background:#b91c1c;color:#fff;font-family:"Inter",sans-serif;font-weight:700;font-size:14px;text-align:center;padding:8px 16px;letter-spacing:.04em;line-height:1.4}
.adv-scarcity-strip b{font-weight:800;text-decoration:underline;text-underline-offset:2px}

/* ---- view counter (byline social proof) ---- */
.adv-viewcount{display:inline-flex;align-items:center;gap:5px;font-family:"Inter",sans-serif;font-size:13px;font-weight:600;color:var(--muted)}
.adv-viewcount svg{width:14px;height:14px}

/* ---- Amazon-style review card ---- */
.adv-amz-review{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 18px;font-family:"Inter",sans-serif}
.adv-amz-review__title{font-weight:700;font-size:15px;color:#0c2539;margin:8px 0 4px;line-height:1.3}
.adv-amz-review__meta{font-size:12.5px;color:#888;margin:0 0 8px}
.adv-amz-review__meta b{color:#b91c1c;font-weight:700}
.adv-amz-review__body{font-size:14.5px;color:#333;line-height:1.55;margin:0}

/* ---- comments polish ---- */
.adv-v2 .adv-comments{background:#fff;border:none;border-radius:0;padding:0;margin-top:44px;border-top:1px solid #ccc;padding-top:16px}
.adv-v2 .adv-comments__count{font-size:14px;font-weight:600;color:var(--muted);margin-left:8px}
.v2-morecomments{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:14px;font-weight:700;color:var(--ink-soft);cursor:pointer}
.v2-morecomments svg{width:15px;height:15px}
@media (max-width:560px){.adv-v2 .adv-comments{padding:18px 16px}}

@media (max-width:768px){.adv-v2 .adv-article h3{font-size:30px;margin-top:36px}}
@media (max-width:480px){.adv-v2 .adv-article h3{font-size:26px;margin-top:28px}}
@media (max-width:320px){.adv-v2 .adv-article h3{font-size:24px}}

/* ---- mobile: fix horizontal overflow ---- */
@media (max-width:768px){
  /* article review cards: stack on mobile */
  .adv-reviews > div{flex-direction:column;gap:0}
  .adv-reviews > div > div:first-child:not(.adv-review-card__img){width:100%;height:220px}

  /* rail reviews: reduce font sizes */
  .rail-reviews{padding:10px}

  /* star bar labels and percentages */
  .rail-reviews [style*="font-size:17px"]{font-size:14px}

  /* by feature stars: allow wrapping */
  .rail-reviews [style*="white-space:nowrap"]{white-space:normal}
  .rail-reviews [style*="min-width:90px"]{min-width:60px;font-size:14px}
  .rail-reviews svg[width="110"]{width:80px;height:16px}

  /* title font */
  .adv-title{font-size:28px !important}
}

@media (max-width:480px){
  .adv-title{font-size:24px !important}

  /* review cards in article */
  .adv-reviews > div > div:first-child:not(.adv-review-card__img){height:180px}

  /* rail reviews font */
  .rail-reviews [style*="font-size:15px"]{font-size:13px}
  .rail-reviews [style*="font-size:16px"]{font-size:14px}
  .rail-reviews [style*="font-size:18px"]{font-size:14px}
}

@media (max-width:360px){
  .adv-title{font-size:22px !important}
  .rail-reviews svg[width="110"]{width:70px;height:14px}
}
