/* Book pages: the original reading layout, reskinned for v2 */
:root{--read-bump:0px}
body{background:var(--paper);color:var(--ink);font-family:var(--body);letter-spacing:0}
.hero h1{font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:0;line-height:.9;font-size:clamp(54px,8vw,104px)}
.hero .sub{font-family:var(--body)}
.hero .kicker{font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:13px}
.hero .bbtn{font-family:var(--body);font-weight:800}
.hero-in{max-width:var(--wrap)!important}
.shell{max-width:var(--wrap)!important}
.rail{top:136px!important}
.rail a.on{background:var(--ink)!important;color:var(--paper)!important}
.rail a:hover{background:var(--paper-2)!important}
.sec{scroll-margin-top:136px!important}
.sec + .sec{border-top-color:var(--line)!important}
article h2{font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:0;line-height:.94;font-size:clamp(36px,4.6vw,56px)}
article h3{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:0}
article p, article li{color:var(--ink)!important;font-size:calc(20px + var(--read-bump))!important;line-height:1.72!important}
article .blede{font-size:calc(22px + var(--read-bump))!important}
article .bpull, article blockquote{font-family:var(--whisper)!important;font-style:italic;color:var(--ink)!important;border-left-color:var(--ember)!important}
article .bpull{font-size:clamp(28px,3.6vw,36px)!important}
.reflect{background:var(--paper-2)!important;border:1.5px solid var(--line)}
.reflect p{color:var(--ink)!important}
.endnote{color:var(--ink-2)!important}
.endnote a{color:var(--ember-ink)!important}
@media (max-width:900px){article p, article li{font-size:calc(18px + var(--read-bump))!important}.rail{position:static!important}}
.reader .hint{flex-basis:100%;margin:0;font-size:14px;font-weight:700;color:var(--ember-ink)}
.reader .dl{margin-left:4px}
@media (max-width:640px){.reader .lbl{display:none}.reader .dl{display:none}}
/* napkin note */
.napkin{margin:40px 0;max-width:460px}
.napkin img{border-radius:10px;box-shadow:var(--shadow);transform:rotate(-1.2deg)}
.napkin figcaption{font-size:14px;color:var(--ink-3);margin-top:10px}
/* custom book pages (picture book, one-pager) */
.lhero{padding-block:clamp(40px,6vw,80px)}
.lhero-in{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:center}
@media (max-width:760px){.lhero-in{grid-template-columns:1fr}.lcover{max-width:240px}}
.lcover{border-radius:12px;box-shadow:0 30px 60px -28px rgba(0,0,0,.6)}
.lhero .back{display:inline-block;font-weight:800;font-size:14px;text-decoration:none;opacity:.75;margin-bottom:16px;color:inherit}
.custom-book{padding-block:20px 80px;max-width:900px}
.llbook{display:grid;gap:28px;margin-top:24px}
.llp{margin:0}
.llp img{width:100%;border-radius:14px;box-shadow:var(--shadow)}
.llt{font-family:var(--whisper);font-size:calc(26px + var(--read-bump));line-height:1.3;margin:14px 4px 0;color:var(--ink)}
.helplist{list-style:none;margin:20px 0;padding:0;display:grid;gap:4px}
.helplist li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;padding:18px 0;border-top:1px solid var(--line)}
.helplist .rn{font-family:var(--display);font-weight:900;font-size:28px;color:#5FB8B3}
.helplist h2{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(26px,3vw,34px);line-height:1;margin:0 0 6px}
.helplist p{margin:0;font-size:calc(19px + var(--read-bump));line-height:1.6}
.helpend{font-family:var(--whisper);font-style:italic;font-size:clamp(28px,3.4vw,40px);line-height:1.2;margin:30px 0;border-left:4px solid #5FB8B3;padding-left:18px}
.getit{display:flex;flex-wrap:wrap;gap:10px}
.reader select{max-width:100%}

/* ----- pocket card: The Five Tests at a Glance ----- */
.ftcard{position:relative;overflow:hidden;background:#2E5C5E;color:#F2F6F5;border-radius:22px;padding:clamp(28px,5vw,56px);padding-right:clamp(64px,10vw,120px);margin:36px 0 24px;box-shadow:var(--shadow)}
.ftcard::after{content:"KEEP THIS PAGE";position:absolute;top:clamp(20px,4vw,40px);right:clamp(-6px,0vw,4px);writing-mode:vertical-rl;font-family:var(--display);font-weight:900;font-size:clamp(46px,7vw,78px);line-height:1;letter-spacing:.01em;color:rgba(242,246,245,.13);pointer-events:none}
.ftk{font-size:13px;font-weight:800;letter-spacing:.32em;text-transform:uppercase;margin:0 0 10px;color:#C9DCDB}
.ftt{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(40px,6vw,64px);line-height:.95;margin:0 0 18px}
.ftsub{font-size:calc(18px + var(--read-bump,0px));color:#BFD3D2;margin:0 0 26px}
.ftlist{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.ftlist li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px}
.ftlist .rn{font-family:var(--display);font-weight:900;font-size:26px;color:#8FB5B2;line-height:1.1}
.ftlist h2{font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(24px,3vw,30px);line-height:1;margin:0 0 6px;color:#fff}
.ftlist p{margin:0;font-size:calc(18px + var(--read-bump,0px));line-height:1.55;color:#E3ECEB}
.ftrule{font-family:var(--whisper);font-style:italic;font-size:clamp(24px,3vw,32px);line-height:1.25;margin:30px 0 14px;padding-top:22px;border-top:1px solid rgba(242,246,245,.3)}
.ftfrom{font-size:12px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:#C9DCDB;margin:0}
@media (max-width:560px){.ftcard{padding-right:clamp(28px,5vw,56px)}.ftcard::after{display:none}.ftlist li{grid-template-columns:40px minmax(0,1fr)}}
@media print{header.top,footer.foot,.reader,.lhero,.getit,.tiny,.sharetab,.thread-rail{display:none!important}.ftcard{box-shadow:none;margin:0}}
.ftcard .ftk,.ftcard .ftfrom{color:#C9DCDB!important}
.ftcard .ftsub{color:#BFD3D2!important}
.ftcard .ftlist p{color:#E3ECEB!important}
.ftcard .ftlist h2,.ftcard .ftt,.ftcard .ftrule{color:#FFFFFF!important}
.ftcard .ftlist .rn{color:#8FB5B2!important}
/* the in-book glance card on The Five Tests (dark teal) */
.glance h3,.glance .rn{color:#8fb5b2!important}
.glance .gsub,.glance .gq{color:#c3d6d5!important}
.glance .gname,.glance .rule{color:#f2f6f5!important}
/* dark boxes inside the books keep their light text (the article rule above forces ink) */
article .closing p, article .closing li{color:#d4d4d8!important}
article .closing .bbig, article .closing h2, article .closing h3, article .closing strong{color:#f4f4f5!important}
article .cv-channel p, article .cv-channel li, article .cv-tests p, article .cv-tests li{color:#e8f0f0!important}
.helplist .rn{color:#2B7F7A}
.rail-title{color:#5d6361!important}