.stock-pattern-guide{margin:12px 0;padding:12px;border:1px solid #365263;border-radius:10px;background:#09151e;color:#dfeef0}.spg-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px}.spg-header b{font-size:10px;color:#8ddbd8;letter-spacing:.06em}.spg-header span,.stock-pattern-guide small{font-size:10px;color:#afc5ce}.spg-match{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;margin-top:12px;padding-top:10px;border-top:1px solid #293f4d}.spg-visual svg{width:100%;height:auto;display:block;background:#060e17;border-radius:6px}.spg-zone{fill:#6ac6e812;stroke:#7499af;stroke-width:1}.spg-line{fill:none;stroke:#9cd8f4;stroke-width:2.5;stroke-linejoin:round}.spg-copy h4{font-size:12px;margin:0 0 5px;line-height:1.4;overflow-wrap:anywhere}.spg-copy p,.stock-pattern-guide .spg-foot,.stock-pattern-guide .spg-more{font-size:11px;line-height:1.5;color:#bdd0d8;margin:6px 0}.spg-copy summary{cursor:pointer;color:#9debd2;min-height:44px;padding:10px 0;font-size:11px;font-weight:700}.spg-copy a,.spg-empty a{color:#9debd2}.spg-warning{color:#f1d49b!important;border-left:2px solid #d7b368;padding-left:8px;font-size:11px;line-height:1.5}.spg-foot{border-top:1px solid #293f4d;padding-top:8px}.spg-empty{font-size:11px;line-height:1.5;color:#afc5ce;margin:12px 0}.stock-pattern-guide :focus-visible{outline:2px solid #f1d49b;outline-offset:3px}@media(max-width:420px){.spg-match{grid-template-columns:1fr}.spg-visual{max-width:180px}.spg-copy h4{font-size:13px}}
.spg-scenario{margin-top:12px;border-top:1px solid #365263;padding-top:8px}.spg-scenario summary{cursor:pointer;color:#a5eed4;padding:12px 0;font-weight:700;font-size:13px}.spg-scenario p{font-size:12px;line-height:1.6;color:#c6d8de}.spg-scenario svg{display:block;width:100%;max-width:520px;background:#060e17;border-radius:8px}.spg-scenario svg path{fill:none;stroke-width:3;stroke-linejoin:round}.spg-threshold{stroke:#a6bac6;stroke-dasharray:4 5;stroke-width:1!important}.spg-scenario text{fill:#dceaf0;font-size:11px}.spg-past{stroke:#9cd8f4}.spg-success{stroke:#77e3c0}.spg-fail{stroke:#ffb58d;stroke-dasharray:5 3}.spg-success-label{color:#77e3c0}.spg-fail-label{color:#ffb58d}.spg-scenario[open] .spg-future{animation:spg-path 4s ease-out 1 both}.spg-path-notes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.spg-motion-control{display:flex;gap:8px;align-items:center;min-height:44px;color:#dceaf0;font-size:12px}.spg-scenario:has(.spg-pause:checked) .spg-future{animation-play-state:paused}.spg-motion-note{font-size:10px!important}@keyframes spg-path{from{stroke-dasharray:100;stroke-dashoffset:100}to{stroke-dasharray:100;stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.spg-scenario[open] .spg-future{animation:none}}@media(max-width:420px){.spg-path-notes{grid-template-columns:1fr}}

.stock-pattern-guide .spg-match{grid-template-columns:1fr}.stock-pattern-guide .spg-scenario svg{max-width:640px!important;width:100%!important;height:auto!important}.spg-observed{stroke:#9cd8f4;fill:none;stroke-width:2!important}.spg-divider{stroke:#8196a5;stroke-dasharray:2 3;stroke-width:1!important}.spg-scenario .spg-future{stroke-width:2!important;stroke-dasharray:5 4}.spg-scenario[open] .spg-future{animation:spg-real-path 4s ease-out 1 both}@keyframes spg-real-path{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@media(prefers-reduced-motion:reduce){.spg-scenario[open] .spg-future{animation:none}}

.stock-pattern-guide .spg-scenario svg text{font-size:14px}.spg-scenario svg .spg-success{stroke:#77e3c0}.spg-scenario svg .spg-fail{stroke:#ffb58d}