function Disclaimer() {
  return (
    <>
      <Nav current="disclaimer" />
      <div className="doc-layout" style={{ gridTemplateColumns: '1fr' }}>
        <article className="doc-content" style={{ maxWidth: 820, margin: '0 auto' }}>
          <div className="hero-eyebrow"><span className="accent">·</span> Legal</div>
          <h1 style={{ fontSize: 'clamp(30px, 4.6vw, 44px)', margin: '0 0 24px', letterSpacing: '-0.02em' }}>
            Disclaimer & Risk Disclosure
          </h1>
          <p style={{ color: 'var(--ink-2)' }}>
            By using GHOST, you accept the terms below in full. The disclaimer
            gate inside the indicator settings is the same content in summary
            form — both must be agreed to.
          </p>

          <div className="callout warn">
            <span className="callout-tag">Educational Tool Only</span>
            <p>GHOST is a visual decision-support indicator. It is not a trading system, financial adviser, or investment recommendation engine. Nothing produced by the indicator constitutes investment, trading, financial, legal, or tax advice.</p>
          </div>

          <h2>01 / No Financial Advice</h2>
          <p>All output — dashboard reads, BUY/SELL labels, Ghost Signal capsules, Supply/Demand levels, Reversal markers, TP projections, Tutorial Mode messages — is derived from historical price data using deterministic technical-analysis methods. It is not personalised, not advice, and not a recommendation to buy, sell, or hold any instrument.</p>

          <h2>02 / Substantial Risk of Loss</h2>
          <p>Trading and investing in financial instruments — including but not limited to equities, futures, options, foreign exchange, and digital assets — involves substantial risk and may result in the loss of some or all of the capital deployed. Leverage and derivatives can amplify both gains and losses. You should not trade with capital you cannot afford to lose.</p>

          <h2>03 / Past Performance</h2>
          <p>Past performance, whether observed on historical charts, in journals, in backtests, or anywhere else, is <strong>not</strong> indicative of future results. Markets are non-stationary; conditions change. A framework that worked in one regime may underperform in another.</p>

          <h2>04 / Your Decisions, Your Responsibility</h2>
          <p>You are solely responsible for any trading decisions you make. The author(s) and maintainer(s) of GHOST accept no liability whatsoever for any loss, damage, or other consequence — direct, indirect, incidental, or consequential — arising from your use of, or reliance on, the indicator or any documentation associated with it.</p>

          <h2>05 / No Warranty</h2>
          <p>GHOST is provided "as is," without warranty of any kind, express or implied, including but not limited to merchantability, fitness for a particular purpose, accuracy, uptime, or non-infringement. The script's behaviour may change between versions; signals may differ on different broker feeds, timeframes, or chart types.</p>

          <h2>06 / No Guarantees</h2>
          <p>Confluence reads ("Score 9/10," "TRENDING," etc.) describe what has already happened in the historical bar series. They do not guarantee continuation. Trends end. Confluence breaks down. Auto-veto rules can fail to trigger if input conditions fall outside their definitions.</p>

          <h2>07 / Jurisdiction</h2>
          <p>Some financial products and trading activities are restricted or prohibited in certain jurisdictions. You are responsible for complying with all laws and regulations applicable to you. Nothing in GHOST is intended to encourage activity that is unlawful where you reside.</p>

          <h2>08 / Acceptance</h2>
          <p>Adding GHOST to a chart, accepting the in-script disclaimer, and continued use of this site constitute your acceptance of all terms above. If you do not agree, do not use the indicator.</p>

          <div style={{ marginTop: 60, padding: '20px 0', borderTop: '1px solid var(--line)', color: 'var(--ink-mute)', fontSize: 12, fontFamily: 'var(--mono)', letterSpacing: '0.06em' }}>
            LAST UPDATED · 2026
          </div>
        </article>
      </div>
      <Footer />
    </>
  );
}

ReactDOM.createRoot(document.getElementById('root')).render(<Disclaimer />);