.ebook-product { --ebook-accent:#0068b9; color:#172335; }
.ep-shell { width:min(1160px,calc(100% - 40px)); margin:0 auto; }
.ep-breadcrumb { padding:24px 0; font-size:.85rem; color:#64748b; }
.ep-breadcrumb a { color:#275c8c; }
.ep-hero { background:linear-gradient(135deg,#f4f7fb,#eef3fa); padding:28px 0 65px; }
.ep-hero-grid { display:grid; grid-template-columns:minmax(240px,330px) 1fr; gap:clamp(32px,6vw,88px); align-items:center; }
.ep-cover { min-height:445px; aspect-ratio:2 / 3; border-radius:14px; padding:32px; background:linear-gradient(155deg,#101f36,var(--ebook-accent)); box-shadow:0 20px 42px rgba(16,31,54,.22); display:flex; flex-direction:column; justify-content:space-between; color:#fff; }
.ep-cover span:first-child { font-size:.78rem; text-transform:uppercase; letter-spacing:.14em; }
.ep-cover strong { color:#fff; font-size:clamp(1.65rem,3vw,2.2rem); line-height:1.18; }
.ep-cover span:last-child { font-size:.85rem; }
.ep-eyebrow { display:block; font-size:.8rem; font-weight:800; text-transform:uppercase; letter-spacing:.12em; color:var(--ebook-accent); }
.ep-hero h1 { font-size:clamp(2rem,4vw,3.3rem); line-height:1.12; margin:16px 0; color:#172335; }
.ep-hero p { color:#475569; line-height:1.7; max-width:700px; }
.ep-hero .ep-lead { font-size:1.18rem; color:#1e293b; }
.ep-stats { display:flex; flex-wrap:wrap; gap:12px; margin:25px 0; }
.ep-stats span { background:white; border:1px solid #dce5ef; border-radius:10px; padding:9px 13px; font-size:.85rem; color:#475569; }
.ep-stats strong { color:#172335; }
.ep-actions { display:flex; flex-wrap:wrap; gap:12px; }
.ep-button { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; border-radius:9px; padding:14px 20px; font-weight:700; min-height:50px; text-align:center; }
.ep-button-primary { background:var(--ebook-accent); color:#fff; }
.ep-button-primary:hover, .ep-button-primary:focus-visible { filter:brightness(.85); color:#fff; }
.ep-button-outline { border:1px solid var(--ebook-accent); color:var(--ebook-accent); background:transparent; }
.ep-button-outline:hover, .ep-button-outline:focus-visible { background:white; }
.ep-hero .ep-note { font-size:.82rem; margin-top:12px; }
.ep-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:clamp(30px,5vw,72px); padding:62px 0 72px; align-items:start; }
.ep-content section { margin-bottom:48px; }
.ep-content h2, .ep-more h2 { font-size:clamp(1.45rem,2.5vw,2rem); color:#172335; margin-bottom:18px; }
.ep-content p, .ep-content li { line-height:1.8; color:#475569; }
.ep-chapter-list, .ep-outcomes { padding-left:21px; columns:2; column-gap:30px; }
.ep-chapter-list li, .ep-outcomes li { break-inside:avoid; padding-bottom:7px; }
.ep-outcomes { columns:1; }
.ep-content details { border:1px solid #dce5ef; border-radius:9px; margin:12px 0; padding:17px 19px; }
.ep-content summary { cursor:pointer; font-weight:700; color:#172335; }
.ep-content details p { margin:14px 0 0; }
.ep-purchase { position:sticky; top:100px; padding:25px; border:1px solid #dce5ef; border-radius:14px; box-shadow:0 8px 28px rgba(16,31,54,.08); background:white; }
.ep-purchase h2 { font-size:1.3rem; margin:9px 0; }
.ep-purchase .ep-free { font-size:2.1rem; color:var(--ebook-accent); font-weight:800; margin:5px 0; }
.ep-purchase p { font-size:.91rem; line-height:1.6; color:#475569; }
.ep-purchase .ep-button { display:flex; margin:18px 0; }
.ep-purchase ul { padding-left:19px; color:#475569; font-size:.87rem; line-height:1.9; }
.ep-purchase > a:not(.ep-button) { display:block; margin-top:12px; color:var(--ebook-accent); font-weight:650; }
.ep-more { padding:0 0 70px; }
.ep-related { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.ep-related-card { display:flex; flex-direction:column; gap:12px; background:#f4f7fb; padding:22px; border:1px solid #dce5ef; border-radius:12px; color:#172335; text-decoration:none; }
.ep-related-card:hover, .ep-related-card:focus-visible { border-color:var(--ebook-accent); }
.ep-related-card small { color:#64748b; }
.ep-related-card strong { font-size:1rem; }
.ep-related-card span, .ep-back { color:var(--ebook-accent); font-weight:700; }
.ep-back { display:inline-block; margin-top:24px; }
@media(max-width:800px) { .ep-hero-grid,.ep-layout { grid-template-columns:1fr; } .ep-cover { width:min(270px,100%); min-height:360px; margin:auto; } .ep-sidebar { grid-row:1; } .ep-purchase { position:static; } }
@media(max-width:600px) { .ep-shell { width:min(100% - 30px,1160px); } .ep-chapter-list { columns:1; } .ep-related { grid-template-columns:1fr; } .ep-hero { padding-bottom:35px; } .ep-layout { padding:40px 0; } }