/* Navbar styles moved to /navbar.css for global consistency */
    
    /* Page styles */
    body {
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      font-size: 16px;
      padding: 80px 20px 20px;
      margin: 0;
      background: #000000;
      color: #ffffff;
      min-height: 100vh;
      line-height: 1.6;
    }
    
    .content {
      max-width: 900px;
      margin: 0 auto;
      padding: 0 20px;
    }
    
    h1, h2, h3, h4, h5 {
      color: #ffffff;
      margin-top: 32px;
      margin-bottom: 16px;
      font-weight: 700;
    }
    
    h1 {
      font-size: 2.5rem;
      text-align: center;
      margin-top: 40px;
    }
    
    h2 {
      font-size: 2rem;
      border-bottom: 1px solid #333;
      padding-bottom: 8px;
    }
    
    h3 {
      font-size: 1.5rem;
    }
    
    a {
      color: #64B5F6;
      text-decoration: none;
      transition: all 0.2s ease;
    }
    
    a:hover {
      color: #90CAF9;
      text-decoration: underline;
    }
    
    code {
      background: #1a1a1a;
      padding: 2px 6px;
      border-radius: 4px;
      font-family: 'Consolas', 'Monaco', monospace;
      font-size: 0.9em;
      color: #E91E63;
    }
    
    ul, ol {
      padding-left: 24px;
      margin: 16px 0;
    }
    
    li {
      margin: 8px 0;
    }
    
    details {
      background: #1a1a1a;
      border: 1px solid #333;
      border-radius: 8px;
      padding: 16px;
      margin: 16px 0;
      transition: all 0.2s ease;
    }
    
    details:hover {
      border-color: #444;
      transform: translateY(-1px);
      box-shadow: 0 2px 8px rgba(255, 255, 255, 0.1);
    }
    
    summary {
      cursor: pointer;
      font-weight: 500;
      color: #fff;
      padding: 8px 0;
    }
    
    summary:hover {
      color: #90CAF9;
    }
    
    img {
      max-width: 100%;
      border-radius: 8px;
      margin: 16px 0;
      border: 1px solid #333;
    }
    
    p {
      margin: 16px 0;
      line-height: 1.8;
    }
    
    b, strong {
      color: #90CAF9;
    }
    
    sup {
      color: #888;
      font-size: 0.75em;
    }
    
    /* Mobile responsive */
    @media (max-width: 768px) {
      body {
        font-size: 14px;
        padding: 80px 16px 16px;
      }

      h1 {
        font-size: 2rem;
      }

      h2 {
        font-size: 1.75rem;
      }

      details {
        padding: 12px;
      }
    }
    
    @media (max-width: 480px) {
      /* navbar responsive rules are in /navbar.css */
    }

    /* Ensure injected containers span full width on this page */
    #navbar-container,
    #footer-container {
      width: 100%;
    }