/* Product education, in the same local purple / bronze glass theme. */
.product-preview-open,.product-title-button{border:0;background:transparent;color:inherit;font:inherit;padding:0;text-align:inherit;cursor:pointer;max-width:100%;transition:transform .2s,color .2s;transform-origin:center}
.product-preview-open{display:block;margin:auto;position:relative}
.product-preview-open:disabled,.product-title-button:disabled{cursor:default;opacity:1}
.product-title-button{line-height:inherit}
.product-preview-open:focus-visible,.product-title-button:focus-visible{outline:2px solid var(--bronze);outline-offset:6px;border-radius:6px}
.product-actions{flex-wrap:wrap;gap:12px 16px}
.product-dialog{width:min(1060px,calc(100vw - 32px));max-width:1060px}
.product-dialog .dialog-logo{float:right;width:58px;height:58px;object-fit:contain;margin:12px 36px 0 20px}
.product-dialog>h2{margin-bottom:24px}
.strategy-preview{clear:both;margin:0 0 28px;padding:24px;border:1px solid #b296ca50;border-radius:16px;background:linear-gradient(130deg,#35204073,#15101eeb);color:#ece5f2;box-shadow:inset 0 1px 0 #e5c2ff0c}
.preview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.preview-heading .section-label{font-size:11px;letter-spacing:.12em;margin:0 0 7px;color:#ceb68b}
.preview-heading h3{margin:0;color:#f4eaf9;font-size:clamp(22px,3vw,31px);line-height:1.2;letter-spacing:-.02em}
.preview-badge{padding:7px 9px;border:1px solid #bca1cd60;border-radius:5px;color:#d8c5e6;font-size:11px;line-height:1.5;white-space:nowrap}
.preview-summary{font-size:15px!important;line-height:1.7!important;color:#d5c8df!important;margin:16px 0 21px!important;max-width:85ch}
.preview-controls{display:grid;grid-template-columns:minmax(160px,1fr) auto;align-items:end;gap:15px 22px;margin-bottom:18px;padding:16px;border:1px solid #b296ca30;border-radius:10px;background:#09070f80}
.preview-controls label{font-size:13px;color:#d8c6e7;line-height:1.6}
.preview-controls select{display:block;margin-top:5px;width:100%;font:inherit;font-size:14px;padding:10px 30px 10px 10px;min-height:44px;background:#181022;color:#f0e5f7;border:1px solid #ac8bc56b;border-radius:5px}
.preview-buttons{display:flex;flex-wrap:wrap;gap:8px}
.preview-buttons .button{font-size:12px;min-height:44px;padding:10px 13px;white-space:nowrap;line-height:1.3}
.preview-buttons .button:disabled{opacity:.48;cursor:default;transform:none}
.preview-buttons .preview-back,.preview-buttons .preview-next{font-size:19px;min-width:44px;padding:7px 11px}
.preview-buttons .preview-play{min-width:121px}
.preview-buttons .preview-play[aria-pressed=true]{background:#70518570;border-color:#bfa3d5}
.preview-progress{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center}
.preview-progress output{color:#ead7b4}
.preview-step{grid-column:1/-1;width:100%;min-width:0;min-height:28px;accent-color:#c6ad83;cursor:pointer}
.preview-overlays{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:9px 22px}
.preview-overlays label{display:flex;align-items:center;gap:8px;cursor:pointer}
.preview-overlays input{width:17px;height:17px;accent-color:#b094cc}
.preview-chart{overflow:hidden;border:1px solid #b296ca35;border-radius:10px;background:#08070e}
.preview-plot{display:block;width:100%;height:auto;font-family:var(--font,monospace);min-width:0}
.preview-readout{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 15px;padding:15px 0;color:#c1b1ce;font-size:13px;line-height:1.7}
.preview-decision{color:#e8d2aa;font-size:14px}
.preview-decision[data-direction=sell]{color:#cab3e7}
.preview-rules{padding:0!important;margin:0 0 17px!important;list-style:none!important;display:grid;gap:8px}
.preview-rules li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.7;color:#d5c8df}
.preview-rule-status{min-width:41px;flex-shrink:0;text-transform:uppercase;font-size:10px;letter-spacing:.04em;border:1px solid #b99acc45;border-radius:4px;text-align:center;margin-top:2px;padding:1px 5px;color:#cbb6de}
.preview-rules li[data-status=met] .preview-rule-status{color:#ead5ad;border-color:#d6b88266}
.preview-settings,.preview-disclaimer{font-size:12px!important;color:#bdaeC8!important;line-height:1.8!important;margin:0 0 9px!important}
.preview-motion-note{font-size:12px!important;line-height:1.7!important;color:#d9c7e6!important;margin-bottom:15px!important}
.preview-disclaimer{padding-top:10px;border-top:1px solid #ae8fc82e;margin-bottom:0!important}
.native-strategy-preview{clear:both;padding:25px 0 10px}
.native-strategy-preview>h2{font-size:34px;margin-bottom:23px}
@media(hover:hover){.product-preview-open:not(:disabled):hover{transform:scale(1.055)}.product-title-button:not(:disabled):hover{color:#e2c79a;transform:scale(1.025)}}
@media(max-width:700px){.product-dialog{width:calc(100vw - 22px);padding:25px 17px}.product-dialog .dialog-logo{width:45px;height:45px;margin-right:29px}.strategy-preview{padding:17px 13px}.preview-heading{flex-direction:column;gap:12px}.preview-badge{font-size:10px}.preview-controls{grid-template-columns:1fr;gap:15px;padding:12px}.preview-buttons{justify-content:space-between;gap:6px}.preview-buttons .button{padding:9px 10px}.preview-buttons .preview-play{min-width:115px}.preview-summary{font-size:14px!important}.preview-rules li{font-size:13px}.preview-plot{min-height:200px}.preview-readout{align-items:flex-start;flex-direction:column}.preview-settings,.preview-disclaimer{font-size:12px!important}}
@media(max-width:370px){.preview-buttons{display:grid;grid-template-columns:1fr 44px 44px}.preview-buttons .preview-reset{grid-column:1/-1}.preview-buttons .preview-play{min-width:0}.preview-plot{min-height:175px}}
@media(prefers-reduced-motion:reduce){.product-preview-open,.product-title-button{transition:none}.product-preview-open:hover,.product-title-button:hover{transform:none!important}}