/* E-book product only. Shared navigation, purchase and student systems are unchanged. */
.ebook-journey-page{background:var(--cream)}
.ej-main{color:var(--ink)}
.ej-main h1,.ej-main h2,.ej-main h3,.ej-main h4{color:var(--ink)}
.ej-hero{padding-top:28px;padding-bottom:48px}
.ej-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:44px;margin-top:30px}
.ej-hero-grid>div{min-width:0}.ej-hero h1{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.55;margin:12px 0 18px;text-wrap:balance}
.ej-hero h1 span{font-size:.78em}.ej-main p{line-height:1.9}.ej-hero-grid>div>p{margin:12px 0;font-size:1.04rem}
.ej-hero .ej-lead{font-weight:600;color:var(--teal-deep)}
.ej-covers{margin:0;padding:28px 18px 18px;border:1px solid #d3e5e7;border-radius:28px;background:linear-gradient(145deg,#fff,#edf8f8);box-shadow:0 12px 30px #123c4b0d}
.ej-covers>div{display:flex;align-items:center;gap:10px}.ej-covers img{width:calc((100% - 20px)/3);height:auto;box-shadow:0 8px 12px #123c4b21;border-radius:3px}.ej-covers img:nth-child(2){transform:translateY(-10px)}
.ej-covers figcaption{text-align:center;font-size:.85rem;line-height:1.8;margin-top:22px;color:#506674}.ej-covers small{font-size:.8rem}
.ej-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:24px}
.ej-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 20px;border:1px solid #2aadb8;border-top-color:#b8f6ef;border-radius:14px;background:linear-gradient(180deg,#b2f3e9 0%,#6cddd9 18%,#43cbd0 62%,#2dbac6 100%);box-shadow:inset 0 2px 1px #ffffffa6,0 4px 0 #239caa,0 7px 15px #239caa1a;color:#123c4b;font-weight:600;text-decoration:none;line-height:1.7;transition:transform .18s,box-shadow .18s}
.ej-main :is(a,button):focus-visible{outline:3px solid #145eaa;outline-offset:4px}.ej-text-link{font-weight:600;color:var(--teal-deep);text-underline-offset:4px}
.ej-main .ej-small{font-size:.86rem;line-height:1.8;color:#506674;margin-top:22px}
.ej-section{padding-top:50px;padding-bottom:50px}.ej-section h2{font-size:clamp(1.45rem,2.3vw,2rem);line-height:1.7;margin:8px 0 14px;text-wrap:balance}.ej-section-intro{max-width:65ch;color:#506674}
.ej-soft{background:#f0f8f7;border-block:1px solid #dcebea}.ej-intro{display:grid;grid-template-columns:170px 1fr;gap:34px;align-items:center}.ej-intro>img{width:170px;height:auto}.ej-audience-list{padding-left:22px;line-height:1.95;margin:14px 0 0}.ej-audience-list li+li{margin-top:6px}
.ej-volumes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px;align-items:stretch}
.ej-volume{display:flex;flex-direction:column;padding:26px 24px;border:1px solid #c8e2e6;border-radius:24px;background:#fff;box-shadow:0 5px 0 #dbecee,0 12px 22px #123c4b08}
.ej-volume--hero{border-color:#d8c18a;background:linear-gradient(150deg,#fffefa,#fff6df);box-shadow:0 5px 0 #e8d9b7,0 12px 22px #7e60100b}
.ej-number{align-self:flex-start;font:600 .78rem/1.6 'Space Grotesk',sans-serif;letter-spacing:.1em;color:var(--teal-deep);background:#eaf8f8;padding:5px 10px;border-radius:9px}.ej-volume--hero .ej-number{background:#f7e9c5;color:#745518}
.ej-volume h3{font:600 1.45rem/1.4 'Space Grotesk',sans-serif;margin:14px 0 10px}.ej-volume h4{font-size:1.05rem;line-height:1.8;margin:0 0 10px}.ej-volume p{font-size:.95rem;margin:10px 0}.ej-audience{border-top:1px solid #dcebea;padding-top:14px;color:#506674}.ej-volume ul{font-size:.94rem;line-height:1.85;padding-left:20px;margin:10px 0 26px}.ej-volume .ej-cta{margin-top:auto}
.ej-preview-section{background:linear-gradient(135deg,#f0f9fa,#fffdf8);border-block:1px solid #dcebea}.ej-preview-section .e11-preview{margin:0;min-width:0;text-align:center}.ej-preview-section .e11-track{text-align:left;max-width:430px;width:100%}
.ej-volume-selectors{display:flex;justify-content:center;gap:10px;max-width:640px;margin:25px auto}.ej-volume-selectors[hidden]{display:none}.ej-volume-selectors button{flex:1;min-height:64px;padding:10px;border:1px solid #bfdde1;background:#fff;border-radius:14px;color:#345966;font:600 .98rem/1.5 'IBM Plex Sans Thai',sans-serif;cursor:pointer;box-shadow:0 3px 0 #dcebed}.ej-volume-selectors button span{display:block;font:500 .78rem/1.5 'Space Grotesk',sans-serif;margin-top:3px}.ej-volume-selectors button[aria-pressed=true]{background:#d9f6f2;border-color:#2699a7;color:#123c4b;box-shadow:0 3px 0 #2aadb8}
.ej-history{max-width:680px;margin:16px auto 22px;padding:12px 16px;border-left:3px solid #d1b361;background:#fff8e9;text-align:left;font-size:.84rem;line-height:1.85;color:#66562e}.ej-history[hidden]{display:none}.e11-reader .ej-history{margin:0;padding:8px 14px;max-width:none;flex-shrink:0;font-size:.78rem;line-height:1.6}
.ej-access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.ej-access-grid article{padding:23px;border:1px solid #d8e5e7;border-radius:19px;background:#fff}.ej-access-grid h3{font-size:1.07rem;line-height:1.8;margin:0 0 10px}.ej-access-grid p{font-size:.95rem;color:#506674;margin:0 0 12px}.ej-access-grid a{color:var(--teal-deep);font-weight:600;text-underline-offset:4px}
.ej-buy{position:static;max-width:620px;margin:28px auto 36px;text-align:center;background:#fff;border:1px solid #c8e2e6;box-shadow:0 5px 0 #dbecee,0 12px 22px #123c4b08}.ej-buy .price-big{justify-content:center}.ej-buy>p{margin:16px 0}.ej-buy .ej-cta{display:flex}.ej-main #order,.ej-main #ebook-order-form{scroll-margin-top:100px}.ebook-journey-page .order-form-panel .btn{background:linear-gradient(180deg,#b2f3e9,#43cbd0 62%,#2dbac6);color:#123c4b;border:1px solid #2aadb8;box-shadow:inset 0 2px 1px #ffffffa6,0 3px 0 #239caa}
@media(hover:hover){.ej-cta:hover{transform:translateY(-2px);box-shadow:inset 0 2px 1px #ffffffa6,0 5px 0 #239caa,0 10px 18px #239caa26}}
.ej-cta:active{transform:translateY(2px);box-shadow:inset 0 2px 4px #218a9b26}
@media(max-width:1000px){.ej-hero-grid{gap:26px}.ej-volumes{gap:14px}.ej-volume{padding:22px 18px}.ej-volume h3{font-size:1.25rem}}
@media(max-width:800px){.ej-hero-grid{grid-template-columns:1fr}.ej-covers{max-width:540px;width:100%;box-sizing:border-box;margin:auto}.ej-volumes{grid-template-columns:1fr}.ej-volume h3{font-size:1.4rem}.ej-volume .ej-cta{align-self:flex-start;min-width:180px}.ej-access-grid{grid-template-columns:1fr;gap:14px}.ej-access-grid article{padding:20px}.ej-intro{grid-template-columns:100px 1fr;gap:20px}.ej-intro>img{width:100px}.ej-section{padding-top:36px;padding-bottom:36px}.ej-volume h4{font-size:1.07rem}}
@media(max-width:560px){.ej-hero{padding-top:18px;padding-bottom:32px}.ej-hero-grid{margin-top:22px;gap:28px}.ej-hero h1{font-size:1.8rem;line-height:1.65}.ej-hero-grid>div>p{font-size:1rem}.ej-actions{gap:18px;align-items:flex-start;flex-direction:column}.ej-covers{padding:22px 12px 14px}.ej-covers>div{gap:7px}.ej-covers img{width:calc((100% - 14px)/3)}.ej-intro{display:block}.ej-intro>img{float:right;margin:0 0 10px 12px;width:90px}.ej-intro h2{font-size:1.35rem}.ej-audience-list{clear:both}.ej-volume-selectors{gap:6px}.ej-volume-selectors button{padding:9px 4px;font-size:.92rem}.ej-volume-selectors button span{font-size:.68rem}.ej-history{padding:10px 12px}.ej-preview-section .e11-preview h2{font-size:1.3rem}.ej-buy{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){.ej-cta{transition:none}.ej-cta:hover,.ej-cta:active{transform:none}}
.ej-hero h1>span{display:block;text-wrap:balance}
