.d5-demo-section{--demo-ink: var(--public-text, #474853);--demo-muted: var(--public-muted, #6c6259);--demo-accent: var(--public-accent, #78323f);--demo-line: var(--public-border, #d8d0c3);background:var(--public-bg, #f4efe6);color:var(--public-text, #2a2623);padding:clamp(3rem,7vw,6rem) var(--site-page-gutter, 24px);scroll-margin-top:calc(var(--site-navbar-height, 80px) + 16px)}.d5-demo-section:nth-of-type(2n){background:var(--public-bg-alt, #ebe5da)}.d5-demo-inner{max-width:1120px;margin:0 auto;min-width:0}.d5-demo-preview{--demo-preview-line: color-mix(in srgb, var(--demo-intro-accent) 22%, var(--demo-line));min-width:0;border:1px solid var(--demo-preview-line);border-radius:4px;box-shadow:var(--vf-shadow-subtle)}.d5-demo-intro{--demo-intro-heading: color-mix(in srgb, var(--demo-intro-ink) 80%, var(--demo-ink));display:grid;align-items:center;gap:1.25rem;margin-bottom:0;border-left:3px solid var(--demo-intro-accent);border-radius:3px 3px 0 0;padding:clamp(1.25rem,2.8vw,2rem);background-color:color-mix(in srgb,var(--demo-intro-accent) 14%,var(--public-surface, var(--demo-intro-paper)));background-image:linear-gradient(110deg,color-mix(in srgb,var(--demo-intro-accent) 14%,var(--public-surface, var(--demo-intro-paper))),color-mix(in srgb,var(--demo-intro-accent) 7%,var(--public-surface, var(--demo-intro-paper))))}.d5-demo-intro>*{min-width:0}.d5-demo-intro h2{font:500 clamp(1.8rem,3.2vw,2.8rem)/1.18 var(--vf-font-heading);letter-spacing:-.025em;text-transform:none;margin:.8rem 0 0;color:var(--demo-intro-heading)}.d5-demo-intro>p{font-size:16px;line-height:1.75;max-width:40rem;color:var(--demo-muted, #59534d)}.d5-demo-kicker{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--demo-intro-heading)}.public-theme-page[data-public-theme=dark] .d5-demo-intro{--demo-intro-heading: var(--demo-intro-light)}.d5-demo-workspace{min-width:0;padding:clamp(1rem,3vw,2.5rem);background:var(--study-surface, #fffaf0);color:var(--demo-ink, #474853);border-top:1px solid var(--demo-preview-line);border-radius:0 0 3px 3px;color-scheme:light dark}.d5-demo-caption,.d5-demo-controls,.d5-demo-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem}.d5-demo-caption{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--demo-line, #d8d0c3);font-size:12px;color:var(--demo-muted, #756b61)}.d5-demo-caption>span:first-child{color:var(--demo-accent, #78323f);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.d5-demo-controls{padding:.75rem 0;font-size:13px}.d5-demo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.d5-demo-workspace button{touch-action:manipulation}.d5-demo-section :is(button,a,select,textarea,summary):focus-visible{outline:2px solid #844d36!important;outline-offset:4px!important}.d5-demo-controls button:disabled,.d5-demo-workspace .d5-demo-button:disabled{opacity:.4;cursor:default}.d5-demo-button,.d5-demo-icon-button,.d5-demo-text-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;border-radius:2px;font-size:14px;transition:background-color .15s}.d5-demo-workspace .d5-demo-button{padding:.7rem 1.15rem;background:var(--demo-accent, #78323f);color:#fffaf0;border:1px solid var(--demo-accent, #78323f)}.d5-demo-workspace .d5-demo-button:hover:not(:disabled){background:#531926}.d5-demo-icon-button{width:44px;border:1px solid var(--demo-line, #c5bdae)}.d5-demo-icon-button:hover:not(:disabled){background:#eee6d9}.d5-demo-text-button{padding:.5rem;color:var(--demo-accent, #78323f)}.d5-demo-reference{margin:1rem 0;color:var(--demo-muted, #786c5f);font-size:12px;letter-spacing:.04em}.d5-demo-note{margin:.75rem 0;font-size:13px;line-height:1.65;color:var(--demo-muted, #6c6259)}.d5-demo-reveal{display:flex;margin:0 auto}.d5-demo-flashcards{max-width:720px;margin:0 auto}.d5-demo-select-label{display:grid;gap:.6rem;margin:1.5rem 0;font-size:13px}.d5-demo-select-label select{min-width:0;width:100%;min-height:48px;padding:.6rem .7rem;border:1px solid var(--demo-line, #bfb4a5);background:var(--study-surface, #fffaf0);color:var(--demo-ink, #474853);font-size:16px;border-radius:2px}.d5-demo-prompt{padding:1.5rem 0;font-size:19px}.d5-demo-input-label{display:block;font-size:13px;margin-bottom:.5rem}.d5-demo-workspace textarea{width:100%;max-width:100%;min-height:100px;padding:1rem;border:1px solid var(--demo-line, #bfb4a5);background:#fffdfa;color:var(--demo-ink, #474853);font-size:16px;line-height:1.7;border-radius:2px;resize:vertical}.d5-demo-workspace details{border-top:1px solid var(--demo-line, #d8d0c3);padding:.25rem 0 1rem;margin-top:1rem}.d5-demo-workspace summary{min-height:44px;padding:.75rem 0;font-size:14px;cursor:pointer;color:var(--demo-accent, #78323f)}.d5-demo-result{font:500 1.5rem/1.3 var(--vf-font-heading);padding:1rem 0 .25rem}.d5-demo-feedback-grid{display:grid;gap:2rem;margin-top:1rem}.d5-demo-reasoning-hit,.d5-demo-reasoning-miss{font-size:13px;border-left:2px solid;padding-left:.6rem;margin:.7rem 0}.d5-demo-reasoning-hit{color:#2f6a48}.d5-demo-reasoning-miss{color:#87323b}.d5-demo-tabs{display:flex;flex-wrap:wrap;gap:.25rem 1rem;border-bottom:1px solid var(--demo-line, #d8d0c3);margin-top:1.5rem}.d5-demo-tabs button{padding:.65rem 0;min-height:44px;border-bottom:2px solid transparent;font-size:14px;color:var(--demo-muted, #6c6259)}.d5-demo-tabs button[aria-pressed=true]{color:var(--demo-accent, #78323f);border-bottom-color:var(--demo-accent, #78323f)}.d5-demo-tasting-reference dl>div{display:grid;gap:.3rem 1rem;padding:.6rem 0;font-size:14px}.d5-demo-tasting-reference dt{font-weight:500}.d5-demo-tasting-reference dd{margin:0;line-height:1.6}.d5-demo-footer{margin-top:1.5rem;font-size:13px;color:var(--demo-muted, #6c6259)}.d5-demo-footer p{max-width:38rem;line-height:1.65}.d5-demo-access{min-height:44px;border-bottom:1px solid var(--demo-accent, #78323f);color:var(--demo-accent, #78323f);font-size:14px;display:inline-flex;align-items:center;gap:1.5rem}.d5-demo-access:disabled{opacity:.6;cursor:wait}.d5-demo-progress{border-top:1px solid var(--demo-preview-line)}.d5-demo-progress img{width:100%;height:auto;display:block}.d5-demo-progress figcaption{padding:1rem clamp(1rem,3vw,2.5rem);font-size:12px;color:var(--demo-muted, #6c6259)}.d5-demo-loading{min-height:300px;display:grid;place-items:center;font-size:14px}@media (min-width: 768px){.d5-demo-intro{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,4vw,4rem)}.d5-demo-feedback-grid{grid-template-columns:1fr 1fr}.d5-demo-tasting-reference dl>div{grid-template-columns:12rem 1fr}}@media (max-width: 479px){.d5-demo-section{padding-left:16px;padding-right:16px}.d5-demo-workspace{padding:16px}.d5-demo-workspace .d5-mc-question-card{grid-template-columns:minmax(0,1fr)}.d5-demo-controls{gap:.5rem}}@media (prefers-reduced-motion: reduce){.d5-demo-workspace *,.d5-demo-workspace *:before,.d5-demo-workspace *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.d5-demo-workspace{--demo-ink: var(--study-text, #474853);--demo-muted: var(--study-muted, #6c6259);--demo-accent: var(--study-accent, #78323f);--demo-line: var(--study-border, #d8d0c3)}.d5-demo-workspace[data-study-theme=dark]{--public-bg: var(--study-bg);--public-surface: var(--study-surface);--public-surface-strong: var(--study-surface-strong);--public-border: var(--study-border);--public-text: var(--study-text);--public-muted: var(--study-muted);--public-accent: var(--study-accent);color-scheme:dark}.d5-demo-workspace[data-study-theme=light]{color-scheme:light}.d5-demo-workspace[data-study-theme=dark] .d5-demo-button{color:var(--study-active-ink);background:var(--study-active-accent);border-color:var(--study-active-accent)}.d5-demo-workspace[data-study-theme=dark] .d5-demo-button:hover:not(:disabled){background:#a0c8e9}.d5-demo-workspace[data-study-theme=dark] .d5-demo-icon-button:hover:not(:disabled){background:var(--study-surface-strong)}.d5-demo-workspace[data-study-theme=dark] .d5-demo-reasoning-hit{color:#8ecba5}.d5-demo-workspace[data-study-theme=dark] .d5-demo-reasoning-miss{color:#e4a2ad}.d5-demo-workspace[data-study-theme=dark] .d5-mc-row-feedback,.d5-demo-workspace[data-study-theme=dark] .d5-mc-question-card aside>div{color:var(--study-text)!important}.d5-demo-workspace[data-study-theme=dark] [data-mc-state=selected-correct] .d5-mc-row-feedback{color:#9edfba!important}.d5-demo-workspace[data-study-theme=dark] [data-mc-state=selected-incorrect] .d5-mc-row-feedback{color:#f0bec6!important}.d5-demo-flashcards [class*="text-[#86B3D1]"]{color:var(--demo-muted)!important}.course-purchase-dock{display:contents}.course-purchase-tab{position:fixed;z-index:40;top:75%;right:0;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;gap:18px;writing-mode:horizontal-tb;min-width:144px;min-height:52px;padding:14px max(20px,env(safe-area-inset-right));border:1px solid var(--purchase-accent);border-right:0;border-radius:2px 0 0 2px;background:var(--public-bg-alt, #f4efe6);color:var(--purchase-accent);font:400 18px/1.2 var(--vf-font-body);white-space:nowrap;cursor:pointer;transition:background-color .16s,color .16s}.course-purchase-tab-arrow{font-family:var(--font-sans, sans-serif);font-size:18px}.course-purchase-tab:hover:not(:disabled){background:var(--purchase-accent);color:var(--public-bg, #fffaf0)}.course-purchase-tab:focus-visible{outline:2px solid currentColor;outline-offset:-6px}.course-purchase-tab:disabled{cursor:wait}.public-theme-page[data-public-theme=dark] .course-purchase-tab{--purchase-accent: var(--public-accent, #d9b48b) !important}@media (max-width: 767px),(max-height: 500px){.site-layout:has(>.course-purchase-dock){height:100dvh;min-height:0;overflow:hidden}.site-layout:has(>.course-purchase-dock)>.site-scroll-region{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scroll-padding-top:90px;scroll-padding-bottom:16px}.course-purchase-dock{display:flex;flex-shrink:0;justify-content:flex-end;padding:8px 0 calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--public-border, #ddd6cc);background:var(--public-bg-alt, #f4efe6);z-index:40}.course-purchase-tab{position:static;top:auto;bottom:max(20px,env(safe-area-inset-bottom));transform:none;writing-mode:horizontal-tb;min-width:128px;min-height:48px;gap:16px;padding:13px max(18px,env(safe-area-inset-right));font-size:17px}.site-layout:has(>.course-purchase-dock)>[data-dev-server-ribbon]{display:none}}@media (prefers-reduced-motion: reduce){.course-purchase-tab{transition:none}}@media print{.course-purchase-dock,.course-purchase-tab{display:none}}