<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>{{TITLE}} | 제이미성형외과</title>
  <link rel="stylesheet" href="../styles/jamie-brand.css">
  <style>
    /* Additional inline styles for standalone HTML */
    @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
  </style>
</head>
<body>
  <!-- Cover Page -->
  <div class="jamie-cover">
    <div class="jamie-cover-logo">
      <!-- SVG Logo Placeholder -->
      <svg width="120" height="120" viewBox="0 0 120 120" fill="none">
        <circle cx="60" cy="60" r="58" stroke="#79A233" stroke-width="4"/>
        <text x="60" y="70" text-anchor="middle" fill="#79A233" font-size="32" font-weight="bold">J</text>
      </svg>
    </div>
    <h1>{{TITLE}}</h1>
    <p class="subtitle">{{SUBTITLE}}</p>
    <p class="meta">
      제이미성형외과<br>
      {{DATE}}
    </p>
  </div>

  <!-- Document Content -->
  <div class="jamie-document">

    <!-- Header -->
    <header class="jamie-header">
      <div class="jamie-header-text">
        <span class="jamie-header-title">제이미성형외과</span>
      </div>
      <div class="jamie-header-text">
        <span class="jamie-header-title">{{DOCUMENT_TYPE}}</span>
      </div>
    </header>

    <!-- Executive Summary -->
    <section class="jamie-section">
      <div class="jamie-section-header">
        <span class="jamie-section-number">1</span>
        <h2>개요</h2>
      </div>
      <div class="jamie-card jamie-card-accent">
        <p>{{SUMMARY}}</p>
      </div>
    </section>

    <!-- Key Findings -->
    <section class="jamie-section">
      <div class="jamie-section-header">
        <span class="jamie-section-number">2</span>
        <h2>주요 내용</h2>
      </div>

      <div class="jamie-callout">
        <div class="jamie-callout-title">핵심 포인트</div>
        <ul class="jamie-list">
          <li>{{KEY_POINT_1}}</li>
          <li>{{KEY_POINT_2}}</li>
          <li>{{KEY_POINT_3}}</li>
        </ul>
      </div>

      {{CONTENT}}
    </section>

    <!-- Recommendations -->
    <section class="jamie-section">
      <div class="jamie-section-header">
        <span class="jamie-section-number">3</span>
        <h2>권장 사항</h2>
      </div>

      <div class="jamie-two-col">
        <div class="jamie-card">
          <h4>✅ Do's</h4>
          <ul class="jamie-checklist">
            {{DOS_LIST}}
          </ul>
        </div>
        <div class="jamie-card">
          <h4>❌ Don'ts</h4>
          <ul class="jamie-list">
            {{DONTS_LIST}}
          </ul>
        </div>
      </div>
    </section>

    <!-- Status / Results -->
    <section class="jamie-section">
      <div class="jamie-section-header">
        <span class="jamie-section-number">4</span>
        <h2>결과</h2>
      </div>

      <table class="jamie-table">
        <thead>
          <tr>
            <th>항목</th>
            <th>상태</th>
            <th>비고</th>
          </tr>
        </thead>
        <tbody>
          {{TABLE_ROWS}}
        </tbody>
      </table>
    </section>

    <!-- Footer -->
    <footer class="jamie-footer">
      <p>
        <strong>제이미성형외과</strong> | Jamie Plastic Surgery Clinic<br>
        본 문서는 내부 검토용으로 작성되었습니다.<br>
        {{DATE}} | Confidential
      </p>
    </footer>

  </div>
</body>
</html>
