.candle-page .page-hero{padding-bottom:28px}
.candle-page .tutorial-summary-item small,.candle-page .checklist-row span{color:#a9bdd3;font-size:1rem;line-height:1.58}
.candle-page .compact-list li,.candle-page .narration-status,.candle-page .transcript-details summary,.candle-page .transcript-details p{font-size:1rem;line-height:1.65}
.candle-page main>*{min-width:0}
.candle-section{margin:30px 0}
.candle-section-head{max-width:820px;margin-bottom:18px}
.candle-section-head h2{margin:6px 0 9px;font-size:clamp(1.45rem,3vw,2rem);letter-spacing:-.035em}
.candle-section-head p{margin:0;color:#a9bdd3;line-height:1.7}
.section-kicker{color:var(--accent);font-size:.76rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.anatomy-card{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:22px;align-items:center;padding:24px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(145deg,rgba(18,36,59,.94),rgba(10,23,39,.9))}
.anatomy-visual{min-height:310px;padding:12px;border-radius:17px;background:radial-gradient(circle at 50% 45%,rgba(76,201,240,.11),transparent 55%),#081421}
.anatomy-visual svg{display:block;width:100%;height:286px}
.anatomy-copy h2{margin:0 0 10px}.anatomy-copy p{color:#a9bdd3;line-height:1.68}
.ohlc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.ohlc-item{padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.025)}.ohlc-item b{display:block;color:#fff}.ohlc-item span{color:#8fa4bb;font-size:.86rem;line-height:1.45}
.context-alert{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;margin:20px 0;padding:18px 20px;border:1px solid rgba(255,183,77,.24);border-radius:17px;background:rgba(255,183,77,.065)}.context-alert>span{font-size:1.5rem}.context-alert strong{display:block;margin-bottom:5px;color:#ffd18a}.context-alert p{margin:0;color:#d8c6a7;line-height:1.62}
.pattern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pattern-card{display:flex;min-width:0;flex-direction:column;padding:18px;border:1px solid var(--border);border-radius:19px;background:linear-gradient(145deg,rgba(18,36,59,.93),rgba(10,23,39,.88));box-shadow:0 16px 45px rgba(0,0,0,.14)}.pattern-card--bull{border-color:rgba(94,227,162,.2)}.pattern-card--bear{border-color:rgba(255,110,115,.2)}.pattern-card--neutral{border-color:rgba(255,183,77,.2)}
.pattern-title{display:flex;gap:10px;align-items:center;margin-bottom:11px}.pattern-number{display:grid;flex:0 0 32px;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(76,201,240,.09);color:var(--accent);font-size:.8rem;font-weight:950}.pattern-title h3{margin:0;font-size:1.04rem;line-height:1.3}.pattern-title small{display:block;margin-top:2px;color:#8297ad;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.pattern-visual{position:relative;margin-bottom:14px;border:1px solid rgba(255,255,255,.055);border-radius:15px;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),#081421;background-size:28px 28px;overflow:hidden}.pattern-visual svg{display:block;width:100%;height:156px}.pattern-visual text{font-family:system-ui,sans-serif;font-size:9px;font-weight:800;fill:#7890a5}.pattern-visual .wick{stroke:#c8d4df;stroke-width:3;stroke-linecap:round}.pattern-visual .bull{fill:#5ee3a2;stroke:#9af0c7;stroke-width:1}.pattern-visual .bear{fill:#ff6e73;stroke:#ff9b9f;stroke-width:1}.pattern-visual .doji{stroke:#ffcc80;stroke-width:4;stroke-linecap:round}.pattern-visual .guide{fill:none;stroke:#60758a;stroke-width:2;stroke-dasharray:4 4}.pattern-visual .confirm{fill:none;stroke:#4cc9f0;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.pattern-visual .zone{fill:rgba(76,201,240,.08);stroke:rgba(76,201,240,.4);stroke-width:1;stroke-dasharray:5 4}
.pattern-card p{margin:0;color:#a9bdd3;line-height:1.62}.pattern-card .pattern-rule{margin-top:auto;padding-top:12px;color:#cfe0ed;font-size:.86rem;font-weight:750;line-height:1.5}.pattern-card .pattern-rule b{color:var(--accent)}.pattern-card--bull .pattern-rule b{color:var(--success)}.pattern-card--bear .pattern-rule b{color:#ff9296}.pattern-card--neutral .pattern-rule b{color:#ffd18a}
.legend-strip{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 20px}.legend-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.025);color:#a9bdd3;font-size:.78rem;font-weight:800}.legend-dot{width:9px;height:9px;border-radius:3px}.legend-dot--bull{background:#5ee3a2}.legend-dot--bear{background:#ff6e73}.legend-dot--confirm{background:#4cc9f0}
.decision-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:22px 0}.decision-step{position:relative;padding:18px 15px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.025)}.decision-step:not(:last-child)::after{content:'›';position:absolute;right:-9px;top:50%;z-index:2;transform:translateY(-50%);display:grid;place-items:center;width:18px;height:28px;color:var(--accent);font-size:1.5rem;font-weight:900}.decision-step b{display:block;margin-bottom:6px;color:var(--accent);font-size:.78rem;letter-spacing:.06em}.decision-step span{color:#c6d3df;font-size:.88rem;line-height:1.5}
.comparison-wrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;touch-action:pan-x pan-y;border:1px solid var(--border);border-radius:18px}.comparison-table{width:100%;border-collapse:collapse;min-width:760px;background:rgba(8,20,33,.66);color:#c7d3e0}.comparison-table th,.comparison-table td{padding:14px 15px;border-bottom:1px solid rgba(255,255,255,.065);text-align:left;vertical-align:top;line-height:1.55}.comparison-table tr:last-child td{border-bottom:0}.comparison-table th{color:#fff;background:rgba(76,201,240,.065);font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.comparison-table td:first-child{color:var(--accent);font-weight:900;white-space:nowrap}.scroll-hint{display:none;margin:8px 0;color:#8fa4bb;font-size:.82rem;font-weight:800}
.setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.setup-card{padding:22px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.025)}.setup-card b{display:block;margin-bottom:8px;color:var(--accent)}.setup-card p{margin:0;color:#a9bdd3;line-height:1.62}.setup-card--risk{border-color:rgba(255,110,115,.18)}.setup-card--risk b{color:#ff9296}
.formula-box{margin-top:18px;padding:18px 20px;border:1px solid rgba(76,201,240,.18);border-radius:17px;background:rgba(76,201,240,.05)}.formula-box code{display:block;color:#d8f6ff;font-size:clamp(.86rem,2vw,1rem);font-weight:850;white-space:normal}.formula-box p{margin:8px 0 0;color:#8fa4bb;line-height:1.55}
.myth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.myth-card{padding:20px;border:1px solid var(--border);border-radius:17px;background:rgba(255,255,255,.025)}.myth-card strong{display:block;margin-bottom:7px}.myth-card strong span{color:#ff9296}.myth-card p{margin:0;color:#a9bdd3;line-height:1.62}.myth-card em{color:#9feac5;font-style:normal;font-weight:800}
.research-card{padding:22px;border:1px solid rgba(255,183,77,.2);border-radius:18px;background:linear-gradient(135deg,rgba(255,183,77,.055),rgba(10,23,39,.88))}.research-card h2{margin:0 0 10px}.research-card p{color:#b8c6d3;line-height:1.7}.research-card p:last-child{margin-bottom:0}
.candle-page .tutorial-source-card{padding:20px 22px}.candle-page .tutorial-source-links a{overflow-wrap:anywhere}
@media(max-width:980px){.pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.decision-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.decision-step:not(:last-child)::after{display:none}.setup-grid{grid-template-columns:1fr}.anatomy-card{grid-template-columns:1fr}}
@media(max-width:620px){.pattern-grid,.myth-grid,.decision-flow{grid-template-columns:1fr}.pattern-card{padding:15px}.pattern-visual svg{height:146px}.anatomy-card{padding:18px}.anatomy-visual{min-height:270px}.anatomy-visual svg{height:250px}.ohlc-grid{grid-template-columns:1fr}.scroll-hint{display:block}.candle-section{margin:25px 0}.context-alert{padding:16px}.comparison-table{min-width:720px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}