/* Practice Day Trading content page. Uses the shared S8 document-page tokens. */
.practice-page{background:radial-gradient(circle at 12% 0,rgba(0,212,255,.07),transparent 31rem),var(--s8-bg)}
.practice-hero{padding-bottom:clamp(14px,2vw,26px)}
.practice-hero h1{max-width:820px}
.practice-hero .s8c-sub{max-width:760px}
.practice-cta{min-height:44px;padding:0 20px;font-size:var(--s8-fs-sm)}
.practice-method{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--s8-line);border-radius:var(--s8-r-lg);overflow:hidden;background:var(--s8-line)}
.practice-method article{padding:var(--s8-6) var(--s8-5);background:var(--s8-panel)}
.practice-method article:hover{background:var(--s8-panel-2)}
.practice-method span{font-family:var(--s8-mono);font-size:var(--s8-fs-xl);font-weight:600;color:var(--s8-line-3)}
.practice-method h3{margin:var(--s8-4) 0 0;color:#fff;font-size:var(--s8-fs-base);font-weight:600}
.practice-method p{margin:8px 0 0;color:var(--s8-fg-2);font-size:var(--s8-fs-sm);text-wrap:pretty}
.practice-replay{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);gap:clamp(28px,5vw,64px);align-items:center}
.practice-replay-copy .s8c-p{max-width:650px}
.practice-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:var(--s8-5) 0 0;padding:0;list-style:none}
.practice-checks li{position:relative;padding-left:21px;color:var(--s8-fg);font-size:var(--s8-fs-sm)}
.practice-checks li:before{content:"";position:absolute;left:0;top:.38em;width:9px;height:5px;border-left:2px solid var(--s8-up);border-bottom:2px solid var(--s8-up);transform:rotate(-45deg)}
.practice-chart{position:relative;overflow:hidden;border:1px solid var(--s8-line);border-radius:var(--s8-r-lg);background:var(--s8-inset);box-shadow:0 24px 70px rgba(0,0,0,.28)}
.practice-chart-bar{display:flex;align-items:center;gap:12px;height:48px;padding:0 16px;border-bottom:1px solid var(--s8-line);background:var(--s8-panel-2)}
.practice-chart-bar strong{color:#fff;font-size:var(--s8-fs-base)}
.practice-chart-bar span{padding:3px 7px;border:1px solid var(--s8-line-2);border-radius:var(--s8-r-sm);color:var(--s8-fg-2);font-family:var(--s8-mono);font-size:var(--s8-fs-micro)}
.practice-chart-bar em{margin-left:auto;color:var(--s8-fg-3);font-family:var(--s8-mono);font-size:var(--s8-fs-micro);font-style:normal;text-transform:uppercase;letter-spacing:.08em}
.practice-chart>svg{display:block;width:100%;aspect-ratio:1.94/1}
.practice-chart .grid{stroke:rgba(255,255,255,.055);stroke-width:1}
.practice-chart .area{fill:url(#chartFill)}
.practice-chart .price{fill:none;stroke:var(--s8-accent-fg);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.practice-chart .level{fill:none;stroke-width:1;stroke-dasharray:5 6}
.practice-chart .target{stroke:rgba(49,211,146,.66)}
.practice-chart .stop{stroke:rgba(255,91,110,.66)}
.practice-chart .entry{fill:var(--s8-accent);stroke:#fff;stroke-width:2}
.practice-chart-label{position:absolute;right:12px;padding:3px 7px;border-radius:var(--s8-r-sm);font-family:var(--s8-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;background:rgba(8,9,11,.86)}
.label-target{top:25%;color:var(--s8-up);border:1px solid rgba(49,211,146,.35)}
.label-entry{top:50%;right:auto;left:39%;color:var(--s8-accent-fg);border:1px solid var(--s8-accent-line)}
.label-stop{top:68%;color:var(--s8-down);border:1px solid rgba(255,91,110,.35)}
.practice-chart-controls{display:flex;align-items:center;gap:14px;height:46px;padding:0 15px;border-top:1px solid var(--s8-line);background:var(--s8-panel-2)}
.practice-chart-controls .play{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--s8-accent-line);border-radius:var(--s8-r-sm);color:var(--s8-accent-fg);font-size:10px}
.practice-chart-controls i{position:relative;flex:1;height:4px;border-radius:99px;background:var(--s8-inset)}
.practice-chart-controls i:before{content:"";position:absolute;inset:0 42% 0 0;border-radius:inherit;background:var(--s8-accent)}
.practice-chart-controls small{color:var(--s8-fg-3);font-family:var(--s8-mono);font-size:10px;white-space:nowrap}
.practice-before{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:clamp(28px,5vw,64px);align-items:center;padding:clamp(28px,5vw,54px);border:1px solid var(--s8-line);border-radius:var(--s8-r-lg);background:var(--s8-panel)}
.practice-note{padding:var(--s8-5);border-left:2px solid var(--s8-accent);background:var(--s8-inset)}
.practice-note span{font-family:var(--s8-mono);font-size:var(--s8-fs-micro);font-weight:600;letter-spacing:var(--s8-ls-caps);text-transform:uppercase;color:var(--s8-accent-fg)}
.practice-note strong{display:block;margin-top:12px;color:#fff;font-size:var(--s8-fs-lg);line-height:1.25}
.practice-note p{margin:10px 0 0;color:var(--s8-fg-2);font-size:var(--s8-fs-sm)}
.practice-faq{border-top:1px solid var(--s8-line)}
.practice-faq details{border-bottom:1px solid var(--s8-line)}
.practice-faq summary{position:relative;padding:20px 46px 20px 0;color:#fff;font-size:var(--s8-fs-base);font-weight:600;cursor:pointer;list-style:none}
.practice-faq summary::-webkit-details-marker{display:none}
.practice-faq summary:after{content:"+";position:absolute;right:4px;top:16px;color:var(--s8-accent-fg);font-family:var(--s8-mono);font-size:24px;font-weight:400}
.practice-faq details[open] summary:after{content:"\2212"}
.practice-faq p{max-width:780px;margin:-5px 0 22px;color:var(--s8-fg-2);font-size:var(--s8-fs-sm)}
@media(max-width:940px){.practice-method{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-replay{grid-template-columns:1fr}.practice-chart{max-width:720px}.practice-before{grid-template-columns:1fr}}
@media(max-width:600px){.practice-method{grid-template-columns:1fr}.practice-checks{grid-template-columns:1fr}.practice-chart-label{display:none}.practice-chart-bar em{display:none}.practice-chart-controls small{display:none}.practice-before{padding:24px 20px}}