/* Mobile shopping improvements from the September 24 Clarity review. */

.landtrap-mobile-buy{display:none}

.menu-toggle{position:relative;z-index:2;touch-action:manipulation}

.mobile-nav[hidden]{display:none!important}

.mobile-nav a{min-height:48px;display:flex;align-items:center}

.skip-link:not(:focus){pointer-events:none}

.method-feature .method-layout{gap:40px}

.method-feature .book-stage{min-height:340px}

.method-feature .guide-tablet{width:230px;padding:12px;border-radius:25px}

.method-feature .tablet-screen{border-radius:14px}

.method-feature .method-copy h2{font-size:clamp(30px,4vw,52px)}

@media(max-width:900px){

 body.playbook-edition{padding-bottom:90px}

 .hero .hero-content{padding-top:150px;padding-bottom:30px}

 .hero{min-height:0}

 .hero .hero-image{height:270px;width:100%;object-position:center 35%}

 .hero .hero-shade{background:linear-gradient(0deg,#111713 0%,#111713 45%,#111713cc 68%,#11171322 100%)}

 .hero h1{font-size:clamp(30px,7.8vw,48px);line-height:1.1}

 .hero .hero-copy{font-size:17px;margin:16px auto}

 .hero .hero-bullets{font-size:14px;margin-bottom:20px;gap:7px}

 .hero .hero-cta{min-height:54px;padding:12px 15px;font-size:15px}

 .hero .audience-proof{margin-top:20px}

 .hero-bottom{display:none}

 .method-feature{padding:30px 0}

 .method-feature .method-layout{display:grid;grid-template-columns:120px minmax(0,1fr);gap:22px;align-items:center}

 .method-feature .book-stage{min-height:0;width:100%}

 .method-feature .guide-tablet{width:116px;padding:7px;border-radius:15px;box-shadow:8px 12px 20px #020d0955}

 .method-feature .tablet-screen{border-radius:8px}

 .method-feature .tablet-camera{top:2px;width:3px;height:3px}

 .method-feature .method-copy h2{font-size:26px}

 .method-feature .method-copy p{font-size:14px;line-height:1.6;margin-top:12px}

 .method-feature .method-actions{margin-top:16px}

 .method-feature .method-actions .button{font-size:12px;padding:10px;min-height:44px;gap:5px}

 .method-feature .method-actions .button span{display:none}

 .landtrap-mobile-buy{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#153e30;color:#f1ebdd;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #b89b62}

 .landtrap-mobile-buy strong,.landtrap-mobile-buy small{display:block}

 .landtrap-mobile-buy strong{font-size:16px}.landtrap-mobile-buy small{font-size:11px}

 .landtrap-mobile-buy .button{min-height:48px;font-size:13px;padding:12px 16px;white-space:nowrap}

 .guide-overview,.stories,.about{padding-block:40px}

 .mobile-nav{position:absolute;top:100%;left:16px;right:16px;margin-top:0;max-height:calc(100svh - 180px);overflow:auto}

}

@media(max-width:360px){.method-feature .method-layout{grid-template-columns:100px minmax(0,1fr);gap:16px}.method-feature .guide-tablet{width:98px}.landtrap-mobile-buy{padding-inline:12px;gap:10px}}



/* September 25: product and purchase action appear sooner on phones. */

.hero-guide-tablet{display:none}

@media(max-width:900px){

 html .playbook-edition .hero .hero-content{padding-top:22px;padding-bottom:24px}

 .playbook-edition .hero .hero-image{display:none}

 .playbook-edition .hero .hero-shade{display:none}

 .hero-guide-tablet{display:block;float:right;width:88px;margin:0 0 12px 16px;padding:5px;border:2px solid #59615a;border-radius:12px;background:#111713;box-shadow:4px 6px 0 #0003;transform:rotate(3deg)}

 .hero-guide-tablet img{border-radius:6px;width:100%;height:auto}

 .playbook-edition .hero h1{font-size:clamp(28px,7vw,38px);line-height:1.08;letter-spacing:-.025em}

 .playbook-edition .hero .hero-copy{margin:12px 0;font-size:1rem;line-height:1.45}

 .playbook-edition .hero .hero-bullets{clear:both;margin:14px 0;font-size:.95rem;line-height:1.4;gap:6px}

 .playbook-edition .hero .hero-cta{min-height:58px;font-size:1rem;width:100%;white-space:normal;text-align:center}

 .playbook-edition .hero .hero-reassurance{font-size:.85rem;margin-top:10px}

 .playbook-edition .hero .audience-proof{margin-top:16px}

 .playbook-edition .landtrap-mobile-buy .button{white-space:normal;text-align:center}

}


.hero h1.post-headline{font-size:clamp(32px,4vw,58px);max-width:19ch;line-height:1.1;text-transform:none}
@media(max-width:900px){.playbook-edition .hero h1.post-headline{font-size:clamp(25px,6.5vw,34px);max-width:none}}
/* Clearer first-screen offer; preserve the compact phone layout. */
.hero h1{text-transform:none}
.hero .hero-bullets li{white-space:normal}
@media(min-width:901px){
 .playbook-edition .hero .hero-content{display:grid;grid-template-columns:230px minmax(0,1fr);column-gap:48px;max-width:1180px;align-items:center;text-align:left}
 .hero-content > :not(.hero-guide-tablet){grid-column:2}
 .hero-content .hero-guide-tablet{display:block;grid-column:1;grid-row:1 / 7;width:230px;padding:10px;border:2px solid #59615a;border-radius:24px;background:#111713;box-shadow:10px 14px 30px #0004;transform:rotate(-3deg)}
 .hero-guide-tablet img{display:block;width:100%;height:auto;border-radius:14px}
 .playbook-edition .hero h1{font-size:clamp(34px,3.5vw,52px);line-height:1.12;letter-spacing:-.025em}
 .hero .hero-copy{margin:20px 0;font-size:21px}
 .hero .hero-bullets{justify-content:flex-start;margin:0 0 22px;gap:8px 20px}
 .hero .hero-cta{justify-self:start;width:100%;max-width:650px}
 .hero .audience-proof{justify-content:flex-start}
}



/* Give the actual guide more presence while keeping the phone CTA close. */
@media(max-width:900px){.hero-guide-tablet{width:112px;margin-left:14px}}
@media(min-width:901px){.playbook-edition .hero .hero-content{grid-template-columns:280px minmax(0,1fr);column-gap:40px}.hero-content .hero-guide-tablet{width:280px}}

/* Approved seven-step guide contents: readable rows instead of large preview cards. */
.guide-step-list{list-style:none;padding:0;margin:32px 0;display:grid;gap:0}
.guide-step-list li{display:grid;grid-template-columns:2.8rem minmax(0,1fr);gap:18px;padding:20px 0;border-bottom:1px solid currentColor}
.guide-step-number{font-size:1rem;font-weight:700;opacity:.7;padding-top:4px}
.guide-step-list h3{font:inherit;font-size:1.2rem;font-weight:700;line-height:1.4;margin:0 0 5px}
.guide-step-list p{font-size:1rem;line-height:1.65;margin:0;max-width:65ch}
.guide-tools{margin:32px 0}
.guide-tools h3{font:inherit;font-weight:700;font-size:1.35rem;margin:0 0 18px}
.guide-tools ul{list-style:none;padding:0;display:grid;gap:16px}
.guide-tools li,.guide-tools>p{font-size:1rem;line-height:1.65;max-width:70ch}
.guide-tools>p{margin-top:20px}
.closing .closing-reassurance{font-size:1rem!important;margin:20px 0 0!important}
@media(max-width:600px){.guide-step-list li{gap:10px;grid-template-columns:2rem minmax(0,1fr);padding:17px 0}}