:root{color-scheme:light;--paper:#f6f8fa;--ink:#182b34;--muted:#52636d;--line:#d9e1e5;--accent:#17644f;--accent-hover:#104c3c}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:4px}
button{font:inherit}
a:focus-visible,button:focus-visible{outline:3px solid #ba520b;outline-offset:5px}
.masthead{max-width:1100px;margin:auto;padding:30px 40px}
.masthead a{text-decoration:none;font-weight:650;letter-spacing:-.025em}
.masthead span{color:var(--muted);font-weight:400;margin-left:7px}
.book-layout{max-width:1040px;margin:46px auto 70px;padding:0 40px;display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:90px;align-items:center}
.cover-area{margin:0;text-align:center}
.cover{display:block;width:100%;height:auto;box-shadow:7px 12px 24px #182b341c;border-radius:2px}
figcaption{font-size:12px;color:var(--muted);margin-top:20px}
.eyebrow{font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin:0 0 15px}
h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,4.4vw,54px);font-weight:400;line-height:1.08;letter-spacing:-.035em;margin:0 0 22px;text-wrap:balance;overflow-wrap:anywhere}
.description{font-size:17px;line-height:1.7;color:var(--muted);margin:0;max-width:460px}
.contents{list-style:none;padding:0;margin:27px 0 30px}
.contents li{position:relative;padding-left:25px;margin:10px 0;font-size:15px}
.contents li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}
.purchase{border-top:1px solid var(--line);padding-top:23px}
.price{font-size:22px;font-weight:600;line-height:1.4;margin:0 0 18px;overflow-wrap:anywhere}
.price span{display:block;font-weight:400;font-size:12px;color:var(--muted);margin-top:4px}
.price strong{font-weight:600}
.launch-note{font-size:13px;color:var(--accent);line-height:1.5;margin:-7px 0 18px}
.buy{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;border-radius:4px;background:var(--accent);color:white;padding:15px 21px;font-weight:650;cursor:pointer;min-height:54px}
.buy:hover{background:var(--accent-hover)}
.buy:disabled{cursor:wait;opacity:.75}
.purchase-note{font-size:12px;color:var(--muted);margin:10px 0 0;min-height:20px}
.contact{font-size:13px;color:var(--muted);margin:26px 0 0}
.contact a{display:inline-block;padding:4px 0}
.reader-reviews{border-top:1px solid var(--line);margin-top:26px;padding-top:20px;font-size:13px;color:var(--muted)}
.reader-reviews h2{font-size:18px;font-weight:600;line-height:1.4;color:var(--ink);margin:0 0 8px}
.reader-reviews p{margin:0 0 8px}
.reader-reviews a{display:inline-block;padding:8px 0;color:var(--accent)}
.receipt{max-width:540px;margin:50px auto;padding:0 24px}
.receipt h1{font-size:38px}
.receipt .buy{margin-top:24px}
.receipt form[hidden]{display:none}
@media(max-width:850px){.book-layout{gap:44px;margin-top:32px;padding:0 30px;grid-template-columns:minmax(0,300px) minmax(0,1fr)}.masthead{padding:24px 30px}h1{font-size:38px}}
@media(max-width:620px){.masthead{padding:20px 24px}.book-layout{grid-template-columns:1fr;gap:32px;margin:18px auto 38px;padding:0 24px;max-width:460px}.cover-area{width:210px;margin:auto}figcaption{font-size:11px;margin-top:14px}.book-copy{width:100%}h1{font-size:37px}.description{font-size:16px}.contents{margin:22px 0}.eyebrow{margin-bottom:12px}.purchase{padding-top:19px}.contact{margin-top:20px}}
