.vip-preview{--vp-ink:#172c40;--vp-muted:#4a6074;--vp-paper:#f1f5f9;--vp-line:#b6c5d2;color:var(--vp-ink);background:var(--vp-paper);border:1px solid var(--vp-line);border-radius:16px;padding:clamp(20px,3vw,40px)}
.vip-preview-meta{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;font:12px/1.6 'DM Mono',monospace;color:var(--vp-muted)}
.vip-preview-meta>span:last-child{background:#dce7f1;border-radius:4px;padding:4px 8px;color:#28465f}
.book-content .vip-preview h2{font-size:clamp(32px,4vw,54px);line-height:1.1;margin:30px 0 20px;color:var(--vp-ink);max-width:650px}
.book-content .vip-preview p{color:var(--vp-muted);font-size:16px;line-height:1.75}
.vip-preview-question{padding:26px;background:#1b3044;color:#f4f7fb;border-radius:10px;margin:28px 0 0;border-left:4px solid #8fb8df}
.vip-preview-question>span,.vip-preview-outcome>span,.vip-preview-practice>span{font:12px/1.7 'DM Mono',monospace;letter-spacing:.025em}
.book-content .vip-preview-question h3{color:#f4f7fb;font-size:clamp(24px,2.5vw,32px);line-height:1.35;margin:14px 0 0}
.vip-preview-outcome{padding:22px 0;border-bottom:1px solid var(--vp-line)}.book-content .vip-preview-outcome p{color:var(--vp-ink);font-weight:700;margin:8px 0 0}
.book-content .vip-preview-section-title{font-size:21px;color:var(--vp-ink)}
.vip-preview-topics details{border-bottom:1px solid var(--vp-line)}
.vip-preview-topics summary{list-style:none;display:flex;gap:16px;align-items:start;cursor:pointer;padding:21px 0;min-height:70px}
.vip-preview-topics summary::-webkit-details-marker{display:none}.vip-preview-topics summary>span:nth-child(2){flex:1;min-width:0}
.vip-preview-topics strong{font-size:18px;line-height:1.5;display:block}
.vip-preview-topics summary>span>span{display:block;font-size:16px;line-height:1.65;color:var(--vp-muted);margin-top:6px}
.vip-preview-number{font:14px/1.7 'DM Mono',monospace;color:var(--vp-muted);padding-top:2px}
.vip-preview-topics summary b{font-size:24px;line-height:1;transition:transform .15s}.vip-preview-topics details[open] summary b{transform:rotate(45deg)}
.book-content .vip-preview-topics details>p{margin:0 0 22px;padding:18px;background:#e1eaf2;border-radius:8px;color:#29475e}
.vip-preview-practice{padding:25px 0}.book-content .vip-preview-practice h3{color:var(--vp-ink);margin:12px 0}
.vip-preview-practice>div{display:flex;gap:8px;flex-wrap:wrap}.vip-preview-practice>div>span{border:1px solid var(--vp-line);padding:8px 10px;border-radius:5px;font-size:14px}
.vip-preview-cta{padding:24px;background:#1b3044;color:#fff;border-radius:10px}
.book-content .vip-preview-cta h3{color:#fff;margin:0 0 10px;font-size:24px}.book-content .vip-preview-cta p{color:#c6d4e1;margin:0 0 18px}
.vip-preview-cta a{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f5f8fb;color:#172c40;font-size:16px;font-weight:700;min-height:56px;padding:16px 20px;border-radius:6px}
.book-content .vip-preview .vip-preview-status{font-size:13px;line-height:1.7;margin:16px 0 24px}
.vip-preview-path{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vip-preview-path a{border-top:1px solid var(--vp-line);padding:16px 0;font-size:16px;color:var(--vp-ink);line-height:1.5}.vip-preview-path small{display:block;font:12px/1.7 'DM Mono',monospace;color:var(--vp-muted);margin-bottom:6px}
.vip-preview a:focus-visible,.vip-preview summary:focus-visible{outline:3px solid #4982b4;outline-offset:4px}
[data-theme=dark] .vip-preview{--vp-paper:#1d2b39;--vp-ink:#f0f5fa;--vp-muted:#bccbd9;--vp-line:#536576}
[data-theme=dark] .vip-preview-question{background:#edf3f8;color:#314b61}
[data-theme=dark] .book-content .vip-preview-question h3{color:#172c40}
[data-theme=dark] .book-content .vip-preview-topics details>p{background:#2b4054;color:#dce8f3}
@media(max-width:700px){.vip-preview{padding:20px 16px}.vip-preview-question{padding:20px}.vip-preview-meta{font-size:12px}.vip-preview-path{grid-template-columns:1fr}.vip-preview-topics summary{gap:10px}.vip-preview-cta{padding:20px}.book-content .vip-preview h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.vip-preview-topics summary b{transition:none}}