/* Panel v10 (2026-10-30): critique-driven refinements. Loaded last; overrides only. */

/* 1. Chapter numbers stopped colliding with the card description */
.chap .num{opacity:.16;color:#e98a6b;font-size:150px;bottom:-30px;z-index:0}
.chap h3,.chap p{position:relative;z-index:1}
@media(max-width:700px){.chap .num{font-size:110px;bottom:-16px}}

/* 2. Section rhythm: deliberate cadence on phones, no dead zones */
@media(max-width:700px){
  section{padding:64px 0}
  #contents{padding-top:76px}
  .hero{padding:118px 0 60px}
  .sec-head{margin-bottom:30px}
  .sub3{margin:40px 0 .4em}
}

/* 3. Marquee: the energetic tilt returns, sections pulled tight */
.mq{transform:rotate(-1.4deg) scale(1.03);margin:-22px -6px -14px;border-block:1.5px solid rgba(43,58,74,.12);box-shadow:var(--sh-s)}
@media(max-width:700px){.mq{margin:-16px -6px -10px}}

/* 4. Intro quote: the side stripe is gone, the words carry it */
.drop{border-right:0!important;padding-right:0}
blockquote::before{font-size:64px;top:2px;right:16px;opacity:.5;text-shadow:none}

/* 5. Consult band: generic dot grid removed */
.band::before{background-image:none;animation:none}

/* 6. Sub-heading markers: a leaf from the book's world, not a blue dot */
.sub3::before,.rbody h2::before{background:#79b494;border-radius:50% 0 50% 50%;transform:rotate(45deg);box-shadow:none;width:14px;height:14px}

/* 7. One heading treatment: the peach highlighter stays, the JS squiggle goes */
h2.art-h::after{content:none}

/* 8. Hero title: one soft offset on small screens, gentler second layer on desktop */
@media(max-width:700px){.hero h1{text-shadow:.032em .032em 0 #ffd9c9}}
@media(min-width:701px){.hero h1{text-shadow:.03em .03em 0 #ffc9b8,.062em .062em 0 #d9edf5}}

/* 9. Floating buy pill on phones (the page is long) */
.float-cta{position:fixed;z-index:80;inset-inline:16px;bottom:14px;display:flex;justify-content:center;align-items:center;background:#2b3a4a;color:#fff;font-weight:700;font-size:17px;padding:15px 20px;border-radius:999px;box-shadow:0 14px 34px rgba(43,58,74,.35);text-decoration:none;transform:translateY(140%);opacity:0;transition:transform .45s cubic-bezier(.22,.8,.3,1),opacity .3s}
.float-cta.on{transform:none;opacity:1}
@media(min-width:761px){.float-cta{display:none}}

/* 10. The price gets one authored entrance when the buy card scrolls in */
.mot .buy .card .big-price.shine-in{animation:pricePop .9s cubic-bezier(.22,.8,.3,1)}
@keyframes pricePop{0%{transform:scale(.85);opacity:0}100%{transform:scale(1);opacity:1}}

/* 11. Keep bidi pairs on one line */
.nb{white-space:nowrap}

@media(prefers-reduced-motion:reduce){
  .float-cta{transition:none}
  .buy .card .big-price.shine-in{animation:none}
}

/* Round 2: full-width last chapter card gets a flatter arch on phones */
@media(max-width:700px){.chap a:last-child{border-radius:56px 56px 28px 28px;min-height:300px;padding-top:120px}}

/* Round 2: skip link for keyboard users */
.skip{position:fixed;top:-60px;right:16px;z-index:200;background:#2b3a4a;color:#fff;padding:10px 20px;border-radius:999px;font-weight:700;text-decoration:none;transition:top .25s}
.skip:focus-visible{top:12px}