@charset "UTF-8";
.guide{font-size:16px;line-height:2;letter-spacing:.025em}
.guide-head{padding:60px 24px 54px;background:var(--forest);color:#fff;text-align:center}
.guide-head .eyebrow{color:var(--gold);letter-spacing:.18em;margin-bottom:16px}
.guide-head h1{font-size:clamp(31px,5vw,46px);line-height:1.6;letter-spacing:.08em}
.guide-head .deck{max-width:540px;margin:22px auto 0;color:#fff;font-size:16px}
.guide-main{max-width:700px;width:calc(100% - 48px);margin:0 auto;padding:48px 0 72px}
.guide-main h2{font-size:27px;line-height:1.7;letter-spacing:.03em;margin:0 0 24px}
.guide-main h3{font-size:21px;line-height:1.7;margin:0 0 16px}
.guide-main p{margin:0 0 24px}
.guide-section{margin-top:52px;padding-top:40px;border-top:1px solid var(--line)}
.guide-intro{font-size:18px;line-height:2.1}
.guide-main .section-label{font:12px/1.8 var(--sans);letter-spacing:.15em;color:#64522d;margin-bottom:14px}
.guide-main ul{padding-left:1.3em;margin:20px 0 28px}.guide-main li{padding-left:.2em;margin-bottom:9px}
.scope{margin:36px 0 0}.scope h3{color:#25452f;font-weight:600}
.step{padding:0 0 25px;margin-bottom:25px;border-bottom:1px solid var(--line)}.step:last-child{border:0;margin:0;padding:0}
.step h3{display:flex;gap:14px;align-items:baseline}.step h3 span{font-size:15px;color:#76633c;font-family:Georgia,serif}.step p{margin:0}
.guide-invite{padding:30px 0 0}.guide-invite strong{font-size:23px;color:#086438;font-weight:600;white-space:nowrap}
.guide-link{display:inline-block;border-bottom:1px solid #6f7c66;padding:8px 0;font-size:16px}
.guide-note{font-size:13px;line-height:1.9;color:#4b564d}
.voice{padding:0 0 28px}.voice:last-child{padding-bottom:0}
.voice figure{margin:0}.voice img{width:100%;height:auto;max-width:540px;margin:0 auto}.voice a{display:block}
@media(max-width:740px){.guide-head{padding:40px 20px 38px;text-align:left}.guide-head .deck{margin:18px 0 0}.guide-main{width:calc(100% - 40px);padding:32px 0 48px}.guide-main h2{font-size:25px;margin-bottom:20px}.guide-main h3{font-size:20px}.guide-intro{font-size:17px}.guide-section{margin-top:34px;padding-top:30px}.guide-main p{margin-bottom:20px}.voice{padding:0 0 24px}.voice img{max-width:none}.guide-invite strong{font-size:22px}}

.reading-guide .guide-main{max-width:800px}
.reading-guide .guide-head{padding:42px 24px;background:#fff;color:#1b2923}
.reading-guide .guide-head .deck{color:inherit}
.reading-guide .guide-main h2{color:#1b2923;font-size:28px;line-height:1.55;font-weight:600;margin-bottom:28px}
.reading-plans{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.reading-plan{display:flex;flex-direction:column;scroll-margin-top:24px}
.plan-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:400px;padding:32px 24px;margin-bottom:28px;background:var(--forest);color:#fff;overflow:hidden}
.plan-photo{position:absolute;inset:0;margin:0;z-index:-2}
.plan-photo img{width:100%;height:100%;object-fit:cover}
.plan-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,26,21,.22),rgba(10,26,21,.76) 45%,rgba(10,26,21,.92))}
.plan-heading{width:100%}
.reading-plan .plan-hero .plan-lead{color:#fff;margin-bottom:0}
.reading-plan .plan-availability{font-size:15px;margin-top:-10px;margin-bottom:18px}
.plan-choice{font-weight:600}
.reading-notice{max-width:800px;margin-left:auto;margin-right:auto}
.reading-plan .plan-scope{font-size:clamp(20px,5.6vw,22px);font-weight:600;line-height:1.6;margin-bottom:14px}
.reading-plan h3{font-size:28px;font-weight:600;margin-bottom:8px}
.reading-plan .plan-price{font-size:36px;line-height:1.4;font-weight:600;margin-bottom:20px;letter-spacing:0}
.plan-price span{font-size:17px;margin-left:5px}
.reading-plan p,.reading-plan li{line-height:1.9}
.reading-plan .plan-lead{font-size:20px;font-weight:600;line-height:1.8;color:var(--forest)}
.reading-plan h4{font-size:17px;line-height:1.8;margin:4px 0 18px;font-weight:600}
.reading-plan .plan-benefits{list-style:disc;padding-left:1.25em}
.reading-plan .plan-benefits li{padding:0;margin:0 0 10px;font-size:16px;line-height:1.9}
.reading-plan ul{margin-top:0;margin-bottom:24px}
.purchase-link{display:block;margin-top:auto;padding:14px 12px;background:var(--forest);color:#fff;text-align:center;font-size:19px;font-weight:600;line-height:1.7;border-radius:2px}

.purchase-link:hover{background:#29463a}
.reading-steps{list-style:none;counter-reset:reading; padding:0;margin:0}
.reading-steps li{counter-increment:reading;position:relative;padding:0 0 26px 45px;margin-bottom:26px;border-bottom:1px solid var(--line)}
.reading-steps li:before{content:counter(reading);position:absolute;top:1px;left:0;width:29px;height:29px;border:1px solid #63776b;color:var(--forest);text-align:center;line-height:27px;font-size:16px}
.reading-steps li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.reading-steps h3{font-size:20px;font-weight:600;margin-bottom:10px}
.reading-steps p{margin:0;line-height:1.9}
.reading-details p{font-size:15px;line-height:1.9}
.mobile-break{display:none}
@media(max-width:740px){
.reading-guide{letter-spacing:0}
.reading-guide .guide-head{padding:30px 28px}
.reading-guide .guide-head h1{font-size:28px;letter-spacing:.02em}
.reading-guide .guide-head .deck{font-size:16px;line-height:1.9}
.reading-guide .guide-main{width:calc(100% - 56px);max-width:440px;padding-top:30px}
.reading-guide .guide-main h2{font-size:25px;margin-bottom:22px}
.reading-plans{grid-template-columns:1fr;gap:48px}
.plan-hero{width:100vw;margin-left:calc(50% - 50vw);min-height:420px;padding:36px 28px;margin-bottom:26px}
.reading-plan h3{font-size:27px}
.reading-plan .plan-price{font-size:34px;margin-bottom:16px}
.reading-plan p{margin-bottom:24px;line-height:1.95}
.reading-plan .plan-scope{margin-bottom:14px;line-height:1.6}
.reading-plan .plan-lead{font-size:clamp(18px,5vw,21px);line-height:1.7;margin:8px 0 20px}
.reading-plan h4{font-size:18px;margin:4px 0 16px}
.reading-plan ul{margin-bottom:20px}
.purchase-link{min-height:60px;padding:14px 12px}
.reading-steps li{padding-left:0}
.reading-steps h3{padding-left:40px;min-height:30px}
.reading-steps h3{font-size:19px;line-height:1.6}
.reading-steps p{margin-bottom:0;line-height:1.95}
.reading-steps p+p{margin-top:18px}
.reading-details p{font-size:16px;line-height:1.95}
.mobile-break{display:inline}
}

@keyframes reading-arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes reading-photo{from{transform:scale(1.1)}to{transform:scale(1)}}
@media(prefers-reduced-motion:no-preference){
.reading-guide .guide-head h1{animation:reading-arrive .8s ease-out both}
.reading-guide .guide-head .deck{animation:reading-arrive .8s .12s ease-out both}
.plan-hero.is-visible .plan-photo img{animation:reading-photo 2.4s cubic-bezier(.2,.65,.3,1) both}
.plan-hero.is-visible .plan-heading{animation:reading-arrive .9s ease-out both}
.reading-plan>.is-visible:not(.plan-hero),.reading-steps li.is-visible,.reading-notice p.is-visible{animation:reading-arrive .65s ease-out both}
.purchase-link{transition:background .2s,transform .2s}
.purchase-link:active{transform:scale(.98)}
}
