/* A clearly illustrative cover and roadmap. No client material. */
.playbook-art{position:relative;width:100%;max-width:490px;justify-self:center;padding:117px 0 0 42px;margin:0}
.playbook-cover{position:absolute;left:0;top:0;width:87%;height:236px;background:var(--mid);border:1px solid #ffffff55;padding:24px 28px;color:var(--white)}
.pb-brand{font:500 10px/1.5 Manrope,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;display:block}
.pb-cover-title{display:block;font:400 45px/1.2 Lora,Georgia,serif;letter-spacing:-.025em;color:var(--lime);margin-top:12px}
.playbook-sheet{position:relative;background:var(--white);color:var(--deep);padding:25px 27px 21px;border:1px solid #d6ded9;box-shadow:8px 9px 0 #ffffff14}
.pb-sheet-meta{display:flex;justify-content:flex-end;gap:15px;font:500 10px/1.5 Manrope,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mid)}
.playbook-sheet>h3{font:400 27px/1.25 Lora,Georgia,serif;letter-spacing:-.02em;margin:12px 0 22px}
.pb-roadmap{padding:0;list-style:none;position:relative}
.pb-roadmap::before{content:'';position:absolute;left:11px;top:13px;bottom:45px;width:1px;background:#1D433733}
.pb-roadmap>li{display:grid;grid-template-columns:24px 1fr;gap:16px;position:relative;padding-bottom:22px}
.pb-roadmap>li:last-child{padding-bottom:0}
.pb-step-no{display:grid;place-items:center;width:24px;height:24px;background:var(--grey);border:1px solid #1D43374d;border-radius:50%;font-size:10px;line-height:1;color:var(--mid)}
.pb-roadmap h4{font:650 15px/1.5 Manrope,Arial,sans-serif;margin:0}
.pb-placeholder-lines{margin-top:9px}.pb-placeholder-lines>i{display:block;height:2px;background:#1D433726;width:90%}.pb-placeholder-lines>i+i{margin-top:6px;width:66%}
.pb-sheet-footer{border-top:1px solid #1D433733;margin-top:25px;padding-top:14px;font-size:11px;line-height:1.5;color:var(--mid)}
.pb-goto{display:block;font-weight:650;margin-bottom:7px}
.pb-page-links{display:flex;flex-wrap:wrap;gap:7px 14px;max-width:330px}
.pb-page-links>span{white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px) and (min-width:801px){.playbook-art{padding-left:24px}.playbook-sheet{padding:23px 20px}.pb-roadmap>li{gap:10px}.playbook-sheet>h3{font-size:25px}}
@media(max-width:800px){.playbook-art{max-width:450px;margin:48px auto 0;padding-left:30px}.playbook-cover{padding:22px 24px}.playbook-sheet{padding:22px}.pb-sheet-footer{font-size:12px}}
@media(max-width:360px){.playbook-art{padding-left:17px;padding-top:117px}.playbook-cover{width:94%;padding-left:20px}.pb-cover-title{font-size:38px}.playbook-sheet{padding:20px 17px}.playbook-sheet>h3{font-size:25px}.pb-roadmap>li{gap:11px}.pb-roadmap h4{font-size:14px}}