@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=DM+Serif+Display&display=swap');

    *{margin:0;padding:0;box-sizing:border-box}

    body{
      font-family:'Plus Jakarta Sans',sans-serif;
      background:#FFFFFF;color:#1A1A2E;
      line-height:1.8;font-size:15px;
    }

    /* Print styles */
    @media print{
      body{background:#fff;color:#222;font-size:12px;line-height:1.6}
      .nav-bar,.download-bar,.back-link{display:none!important}
      .doc-container{max-width:100%;padding:0;margin:0}
      .doc-header{background:#f8f6f0!important;border:2px solid #333!important;color:#222!important}
      .doc-header h1,.doc-header .doc-subtitle{color:#222!important}
      .doc-header .gold{color:#8B7535!important}
      h2{color:#1a3a5c!important;border-color:#ccc!important}
      h3{color:#333!important}
      .section{background:transparent!important;border:1px solid #ddd!important}
      .highlight-box{background:#f5f5f5!important;border-color:#999!important;color:#222!important}
      .toc a{color:#1a3a5c!important}
      table{border:1px solid #999!important}
      th{background:#e8e8e8!important;color:#222!important;border:1px solid #999!important}
      td{border:1px solid #ccc!important;color:#222!important}
    }

    .nav-bar{
      position:sticky;top:0;z-index:100;
      background:rgba(10,22,40,0.95);backdrop-filter:blur(10px);
      border-bottom:1px solid rgba(200,150,62,0.15);
      padding:14px 40px;display:flex;align-items:center;justify-content:space-between;
    }
    .nav-bar a{color:#c8a951;text-decoration:none;font-size:14px;font-weight:500}
    .nav-bar a:hover{opacity:.8}
    .nav-logo{display:flex;align-items:center;gap:12px}
    .nav-logo img{height:32px;border-radius:6px}
    .nav-logo span{font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#c8a951}

    .doc-container{max-width:860px;margin:0 auto;padding:40px 24px 80px}

    .doc-header{
      text-align:center;padding:50px 40px;margin-bottom:40px;
      background:linear-gradient(135deg,#0D1B2A 0%,#1a2d45 100%);
      border:1px solid rgba(200,150,62,0.2);border-radius:16px;
    }
    .doc-header h1{font-family:'DM Serif Display',serif;font-size:32px;color:#f0f4f8;margin-bottom:8px}
    .doc-header .gold{color:#c8a951}
    .doc-header .doc-subtitle{font-size:14px;color:#7a9bb8;margin-bottom:20px}
    .doc-meta{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;font-size:12px;color:#8a9db0}
    .doc-meta span{display:flex;align-items:center;gap:6px}

    .download-bar{text-align:center;margin-bottom:40px}
    .download-bar button{
      padding:10px 24px;font-size:13px;font-weight:600;font-family:'Plus Jakarta Sans',sans-serif;
      background:linear-gradient(135deg,#c8a951,#b8963e);color:#0D1B2A;
      border:none;border-radius:8px;cursor:pointer;transition:all .25s;
    }
    .download-bar button:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(200,150,62,0.25)}

    /* TOC */
    .toc{
      background:#FFFFFF;border:1px solid #E5E7EB;
      border-radius:12px;padding:28px 32px;margin-bottom:40px;
    }
    .toc h2{font-size:16px;color:#1A1A2E;margin-bottom:16px;border:none;padding:0;font-weight:700}
    .toc ol{padding-left:20px;counter-reset:toc}
    .toc li{margin-bottom:8px;font-size:14px;color:#374151}
    .toc a{color:#C8963E;text-decoration:none;transition:color .2s}
    .toc a:hover{color:#b8862e}

    h2{
      font-family:'DM Serif Display',serif;font-size:22px;color:#1A1A2E;
      margin:48px 0 20px;padding-bottom:10px;
      border-bottom:1px solid #E5E7EB;
    }
    h3{font-size:16px;color:#1A1A2E;margin:24px 0 12px;font-weight:600}

    .section{
      background:#FFFFFF;border:1px solid #E5E7EB;
      border-radius:12px;padding:28px 32px;margin-bottom:24px;
    }

    p{margin-bottom:14px;color:#374151}
    ul,ol{margin:0 0 16px 20px}
    li{margin-bottom:6px;color:#374151}

    .highlight-box{
      background:#FFFBEB;border-left:3px solid #c8a951;
      padding:16px 20px;border-radius:0 8px 8px 0;margin:20px 0;
      font-size:14px;color:#1A1A2E;
    }

    table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13px}
    th{background:#F9FAFB;color:#1A1A2E;text-align:left;padding:10px 14px;font-weight:600;border:1px solid #E5E7EB}
    td{padding:10px 14px;border:1px solid #E5E7EB;color:#374151}

    .back-link{text-align:center;margin-top:40px}
    .back-link a{color:#c8a951;text-decoration:none;font-size:14px;font-weight:500}

    @media(max-width:768px){
      .nav-bar{padding:12px 16px}
      .nav-bar a{font-size:13px}
      .nav-logo span{font-size:11px;letter-spacing:1px}
      .doc-header{padding:30px 20px}
      .doc-header h1{font-size:24px}
      table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
      .section{padding:20px 16px}
      .toc{padding:20px 18px}
      h2{font-size:19px;margin:36px 0 16px}
      h3{font-size:15px}
    }

    @media(max-width:600px){
      .doc-container{padding:20px 16px 60px}
      .doc-header{padding:24px 16px}
      .doc-header h1{font-size:22px}
      .section{padding:16px 14px}
      .doc-meta{flex-direction:column;align-items:center;gap:8px}
      body{font-size:14px}
    }