.seo-hero { padding: 7rem 0 4rem; text-align: center; }
.seo-hero h1 { font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 800; margin-bottom: 1rem; line-height: 1.2; }
.seo-hero p { max-width: 600px; margin: 0 auto 2rem; color: var(--text-secondary, #9ca3af); font-size: 1.05rem; line-height: 1.7; }
.pattern-explainer { max-width: 800px; margin: 0 auto; padding: 3rem 1.5rem 5rem; }
.pattern-explainer h2 { font-size: 1.6rem; font-weight: 700; margin: 2rem 0 0.8rem; color: var(--text-primary, #e2e8f0); }
.pattern-explainer p { color: var(--text-secondary, #9ca3af); line-height: 1.8; margin-bottom: 1rem; }
.pattern-explainer ul { color: var(--text-secondary, #9ca3af); line-height: 1.8; margin-bottom: 1rem; padding-left: 1.5rem; }
.pattern-explainer li { margin-bottom: 0.4rem; }
.pattern-visual { background: var(--card-bg, #13131a); border: 1px solid var(--border-color, #1e1e2e); border-radius: 16px; padding: 2rem; margin: 2rem 0; }
.pattern-svg { width: 100%; max-width: 500px; display: block; margin: 0 auto; }
.signal-badge { display: inline-block; padding: 0.3rem 0.9rem; border-radius: 20px; font-size: 0.8rem; font-weight: 600; }
.signal-bearish { background: rgba(239,68,68,0.1); border: 1px solid rgba(239,68,68,0.3); color: #f87171; }
.signal-bullish { background: rgba(34,197,94,0.1); border: 1px solid rgba(34,197,94,0.3); color: #4ade80; }
.cta-inline { background: linear-gradient(135deg, rgba(139,92,246,0.08), rgba(6,182,212,0.04)); border: 1px solid rgba(139,92,246,0.2); border-radius: 16px; padding: 2rem; text-align: center; margin: 3rem 0; }
.share-bar { display: flex; align-items: center; gap: 0.75rem; justify-content: center; flex-wrap: wrap; margin: 2rem 0; }
.share-btn { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.5rem 1rem; border-radius: 8px; font-size: 0.82rem; font-weight: 600; cursor: pointer; border: 1px solid var(--border-color, #2d2d3a); background: var(--card-bg, #13131a); color: var(--text-secondary, #9ca3af); text-decoration: none; transition: all 0.15s; margin: 0.25rem; }
.share-btn:hover { border-color: #8b5cf6; color: #a78bfa; }
.breadcrumb { font-size: 0.8rem; color: var(--text-secondary, #6b7280); margin-bottom: 1rem; }
.breadcrumb a { color: var(--text-secondary, #6b7280); text-decoration: none; }
.breadcrumb a:hover { color: #a78bfa; }