/* Playbook learning lab: hierarchy, contextual colour and progressive disclosure. */
.wick-story{color:var(--lab-ink)}.wick-explain{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;padding:24px;border:1px solid var(--lab-border);background:var(--lab-surface);border-radius:12px;align-items:center}.book-content .wick-story h3{font-size:clamp(24px,2.7vw,35px);line-height:1.2;margin:13px 0}.book-content .wick-story p{font-size:16px;line-height:1.75}.wick-explain strong{font-size:15px;color:var(--lab-teal);line-height:1.6}.wick-story .book-figure{margin:0}.wick-story .book-figure button{width:100%;background:white;color:#213745;border:1px solid #bacbd4;border-radius:8px;overflow:hidden}.wick-story .book-figure svg{display:block;width:100%;max-height:none}.wick-story .book-figure button>span{display:block;background:#eaf0f4;color:#213745;padding:10px;font-size:14px}.wick-context-heading{margin:32px 0 20px}.wick-context-heading p{max-width:760px;color:var(--lab-muted)}.wick-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wick-context-grid article{min-width:0;background:var(--lab-surface);border:1px solid var(--lab-border);border-radius:10px;padding:18px}.wick-context-grid h4{font-size:19px;margin:0 0 16px;line-height:1.4}.wick-context-grid p{margin-bottom:0}.wick-conclusion{border-left:4px solid var(--lab-teal);background:var(--lab-teal-bg);padding:20px;margin:24px 0 16px;border-radius:0 8px 8px 0}.wick-conclusion b{font:13px 'DM Mono',monospace;color:var(--lab-teal)}.wick-conclusion p{margin:10px 0 0}.wick-story>small{font-size:13px;line-height:1.6;color:var(--lab-muted)}@media(max-width:850px){.wick-explain,.wick-context-grid{grid-template-columns:1fr}.wick-explain{padding:18px}.wick-explain .book-figure{max-width:370px;width:100%;margin:auto}.wick-context-grid article{padding:16px}}
[data-book]{--lab-ink:#edf4f6;--lab-muted:#afbdc8;--lab-surface:#18232c;--lab-border:#354652;--lab-teal:#80e0c6;--lab-teal-bg:#16372f;--lab-violet:#c2b7ff;--lab-violet-bg:#2d2844;--lab-amber:#f6d99b}
:root[data-theme="light"] [data-book]{--lab-ink:#172c38;--lab-muted:#526573;--lab-surface:#f1f5f5;--lab-border:#c6d4d8;--lab-teal:#146453;--lab-teal-bg:#e1f1ec;--lab-violet:#514293;--lab-violet-bg:#eeeafa;--lab-amber:#76500e}
.book-head{padding-top:36px;padding-bottom:26px}
.book-head h1{font-size:clamp(34px,4vw,55px);max-width:900px}
.book-head>p:not(.book-eyebrow){font-size:16px;line-height:1.65;max-width:700px}
.book-access{max-width:none;margin-top:24px}
.book-access a{padding:17px 20px;gap:6px}
.book-access a:first-child{background:var(--lab-teal-bg);color:var(--lab-ink);border-color:var(--lab-teal)}
.book-access a:last-child{background:var(--lab-violet-bg);color:var(--lab-ink);border-color:var(--lab-border)}
.book-access a:hover{filter:brightness(1.08)}
.book-access a:first-child:hover{background:var(--lab-teal-bg)}
.book-access strong{font-size:18px}
.book-shell{gap:36px;grid-template-columns:255px minmax(0,1fr)}
.book-sidebar a{font-size:13px;padding:8px 10px}
.book-sidebar a[aria-current]{background:var(--lab-teal-bg);color:var(--lab-ink);border-color:var(--lab-teal)}
.book-nav-unit{padding:14px 0 10px}
.book-unit-heading{gap:10px}
.book-vip-nav{background:var(--lab-violet-bg);border-color:var(--lab-violet)}
.book-nav-label{font-size:11px;letter-spacing:.04em}
.book-position{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;line-height:1.6;margin-bottom:22px;border-color:var(--lab-border);color:var(--lab-muted)}
.lab-progress{font-size:12px;color:var(--lab-teal)}
.book-content .lab-lesson-head h2{font-size:clamp(28px,3vw,43px);margin:12px 0;max-width:780px;line-height:1.18}
.book-content .lab-goal{font-size:17px;line-height:1.65;color:var(--lab-muted);max-width:680px;margin:0}
.lab-lesson-head .book-eyebrow{font-size:12px;color:var(--lab-teal)}
.lab-lesson-head .book-eyebrow span{display:inline-block;margin-left:14px;font-size:11px}
.lab-flow{display:flex;gap:24px;flex-wrap:wrap;margin:23px 0 26px;border-bottom:1px solid var(--lab-border);padding-bottom:18px}
.lab-flow span{font-size:12px;color:var(--lab-muted);display:flex;align-items:center;gap:7px}
.lab-flow b{font:11px 'DM Mono',monospace;color:var(--lab-teal)}
.lab-kicker{font:11px/1.6 'DM Mono',monospace;letter-spacing:.05em;color:var(--lab-teal)}
.book-content .lab-takeaways h3{font-size:17px;margin:25px 0 15px}
.lab-takeaways ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 30px}
.lab-takeaways li{border-top:2px solid var(--lab-teal);padding-top:12px;color:var(--lab-ink);font-size:14px;line-height:1.6}
.lab-takeaways li:nth-child(2){border-color:var(--lab-violet)}
.lab-takeaways li:nth-child(3){border-color:var(--lab-amber)}
.lab-takeaways li>span{display:block;margin-bottom:8px;color:var(--lab-muted);font:11px 'DM Mono',monospace}
.lab-check{padding:26px;background:var(--lab-surface);border:1px solid var(--lab-border);border-radius:14px}
.book-content .lab-check h3{font-size:23px;letter-spacing:-.025em;margin:7px 0 7px}
.book-content .lab-check>div>p{font-size:13px;color:var(--lab-muted);margin:0}
.lab-check fieldset{border:0;padding:0;margin:22px 0 0;min-width:0}
.lab-check legend{font-size:16px;line-height:1.6;font-weight:600;padding:0;margin-bottom:16px;color:var(--lab-ink)}
.lab-answers{display:grid;gap:10px}
.lab-answers button{width:100%;text-align:left;display:flex;align-items:center;gap:13px;border:1px solid var(--lab-border);background:transparent;color:var(--lab-ink);font:14px/1.65 Manrope,sans-serif;padding:13px;border-radius:8px;cursor:pointer}
.lab-answers button>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border:1px solid var(--lab-border);border-radius:6px;font:12px 'DM Mono',monospace}
.lab-answers button:hover{border-color:var(--lab-teal)}
.lab-answers button[data-result=correct]{border-color:var(--lab-teal);background:var(--lab-teal-bg)}
.lab-answers button[data-result=retry]{border-color:var(--lab-amber)}
.book-content .lab-feedback:empty{display:none}
.book-content .lab-feedback{margin:18px 0 0;font-size:14px;line-height:1.75;color:var(--lab-ink);padding-left:14px;border-left:3px solid var(--lab-amber)}
.book-content .lab-feedback[data-result=correct]{border-color:var(--lab-teal)}
.lab-read-more{margin:22px 0}
.lab-read-more details{border-bottom:1px solid var(--lab-border)}
.lab-read-more summary{display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none;padding:19px 0;cursor:pointer;font-size:15px;font-weight:600;color:var(--lab-ink)}
.lab-read-more summary::-webkit-details-marker{display:none}
.lab-read-more summary span{font-size:24px;line-height:1;transition:transform .15s;color:var(--lab-teal)}
.lab-read-more details[open] summary span{transform:rotate(45deg)}
.book-content .lab-read-more p,.lab-read-more .book-points{font-size:15px;line-height:1.8}
.lab-read-more .book-note{margin-bottom:20px}
.lab-next-step{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:21px;border-radius:10px;background:var(--lab-violet-bg);border:1px solid var(--lab-border)}
.lab-next-step small{display:block;font:10px 'DM Mono',monospace;margin-bottom:8px;color:var(--lab-violet)}
.lab-next-step strong{display:block;font-size:14px;line-height:1.6;font-weight:500;color:var(--lab-ink)}
.lab-next-step a{font-size:13px;flex-shrink:0;text-decoration:underline;text-underline-offset:4px;color:var(--lab-ink)}
.lab-vip-bridge{margin-top:32px;padding:28px;border:1px solid var(--lab-violet);border-radius:14px;background:var(--lab-violet-bg)}
.lab-vip-bridge .lab-kicker{color:var(--lab-violet)}
.book-content .lab-vip-bridge h3{font-size:clamp(24px,2.6vw,32px);margin:15px 0;line-height:1.25}
.book-content .lab-vip-bridge>p{font-size:15px;line-height:1.75;color:var(--lab-muted)}
.lab-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}
.lab-path a{padding:17px 14px;border:1px solid var(--lab-border);border-radius:9px;background:var(--lab-surface);display:flex;flex-direction:column;gap:12px;color:var(--lab-ink)}
.lab-path small{font:11px 'DM Mono',monospace;color:var(--lab-violet)}
.lab-path strong{font-size:16px;display:flex;gap:4px;justify-content:space-between}
.lab-path a>span{font-size:12px;line-height:1.7;color:var(--lab-muted)}
.lab-path a:hover{border-color:var(--lab-violet)}
.lab-bridge-bottom{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.lab-bridge-bottom>span{font-size:12px;line-height:1.6;color:var(--lab-muted)}
.lab-primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 20px;border-radius:7px;background:#172e42;color:#fff;font-size:14px;font-weight:600}
.lab-vip-practice{margin:28px 0;border-radius:12px;background:var(--lab-teal-bg);border:1px solid var(--lab-border);padding:25px}
.book-content .lab-vip-practice h3{font-size:27px;margin:12px 0;line-height:1.25}
.book-content .lab-vip-practice p{font-size:15px;color:var(--lab-muted);line-height:1.75}
.lab-vip-practice ul{list-style:none;padding:0;margin:22px 0 0}
.lab-vip-practice li{padding:14px 0;border-top:1px solid var(--lab-border);display:grid;grid-template-columns:150px 1fr;gap:15px}
.lab-vip-practice strong{color:var(--lab-ink);font-size:14px}
.lab-vip-practice li>span{color:var(--lab-muted);font-size:13px;line-height:1.7}
.book-content .vip-preview h2{font-size:clamp(32px,3.6vw,48px)}
.vip-preview .lab-path{margin-bottom:0}
.context-lab{background:#f6f8fa;border:1px solid #cad7df;border-radius:12px;padding:20px;color:#183245}
.context-lab .context-topline{display:flex;align-items:center;justify-content:space-between;gap:15px}
.book-content .context-lab .lesson-kicker{color:#557184;margin:0;font-size:11px}
.context-lab .context-badge{font:10px/1.4 'DM Mono',monospace;color:#246b5d;background:#e0f2eb;padding:7px 9px;border-radius:20px}
.context-lab .lesson-example-switch{margin-top:18px;gap:10px}
.context-lab .lesson-example-switch button{border-color:#bfced7;background:#fff;color:#304c60;min-height:48px;font-size:14px;font-weight:600}
.context-lab .lesson-example-switch button[aria-pressed=true]{background:#17364c;color:#fff;border-color:#17364c}
.context-lab .book-figure button{border-color:#ccd8df;background:#fff}
.context-lab .book-figure svg{max-height:none}
.context-lab .book-figure .context-mobile-chart{display:none}
@media(max-width:700px){.context-lab .book-figure svg:not(.context-mobile-chart){display:none}.context-lab .book-figure .context-mobile-chart{display:block}}
.context-lab .book-figure button>span{background:#e8eff4;color:#26495e;font-size:12px;padding:9px 13px}
.context-lab .book-figure figcaption{color:#577080;font-size:11px;line-height:1.7}
.context-lab .book-figure{margin-bottom:17px}
.context-reading{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:16px;background:#e1f0eb;border-radius:8px}
.context-reading>span{font:25px 'DM Mono',monospace;color:#22735d;padding-top:3px}
.context-reading strong{display:block;font-size:15px;color:#143f36}
.book-content .context-reading p{font-size:14px;line-height:1.7;color:#315d53;margin:7px 0 0}
.context-reading[data-context=middle]{background:#eeeafb}
.context-reading[data-context=middle]>span,.context-reading[data-context=middle] strong{color:#574291}
.context-reading[data-context=middle] p{color:#534b72}
.context-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:17px;font-size:11px;color:#557184}
.context-legend span{display:flex;align-items:center;gap:7px}
.context-legend i{display:inline-block;width:12px;height:12px;border-radius:2px;background:#dbe8ef;border:1px solid #8fa8b8}
.context-legend span:last-child i{background:#fff7d8;border-color:#b9963e}
[data-book] button:focus-visible,[data-book] a:focus-visible,[data-book] summary:focus-visible{outline:3px solid var(--lab-teal);outline-offset:4px}
.context-lab button:focus-visible{outline-color:#175d88}
@media(max-width:1050px){.book-shell{grid-template-columns:220px minmax(0,1fr);gap:26px}.lab-next-step{align-items:flex-start;flex-direction:column}.lab-path{grid-template-columns:1fr}.lab-path a{display:grid;grid-template-columns:80px 1fr;column-gap:16px;align-items:center}.lab-path a>span{grid-column:2}.lab-path small{grid-row:span 2}}
@media(max-width:700px){.book-shell{display:block}.book-head h1{font-size:36px}.book-head{padding-top:26px}.book-access{grid-template-columns:1fr 1fr;gap:9px}.book-access a{padding:14px;gap:9px}.book-access small{font-size:9px}.book-access strong{font-size:15px;line-height:1.45}.book-access em{font-size:11px}.book-access a:last-child em{display:none}.book-head>p:not(.book-eyebrow){font-size:15px}.lab-flow{gap:17px}.lab-flow span{font-size:11px}.book-content .lab-goal{font-size:16px}.lab-lesson-head .book-eyebrow span{display:block;margin:5px 0 0}.lab-takeaways ol{grid-template-columns:1fr;gap:0}.lab-takeaways li{display:flex;gap:12px;align-items:baseline;border:0;border-left:3px solid var(--lab-teal);padding:9px 0 9px 13px;font-size:14px}.lab-takeaways li>span{margin:0}.lab-check{padding:20px}.book-content .lab-check h3{font-size:22px}.lab-check legend{font-size:15px}.lab-answers button{font-size:13px}.context-lab{padding:12px}.context-lab .context-badge{font-size:9px;white-space:nowrap}.context-lab .lesson-example-switch button{font-size:12px}.context-reading{padding:14px;gap:10px;grid-template-columns:27px 1fr}.context-reading>span{font-size:21px}.context-reading strong{font-size:14px}.book-content .context-reading p{font-size:13px}.lab-vip-bridge,.lab-vip-practice{padding:20px}.lab-vip-practice li{grid-template-columns:1fr;gap:6px}.lab-bridge-bottom .lab-primary{width:100%}.lab-path a{grid-template-columns:64px 1fr;padding:16px 12px}.lab-path small{font-size:10px}.lab-path strong{font-size:15px}.book-position{font-size:12px}.lab-progress{font-size:11px}}