/* Help Center / static content pages. Extracted from
   templates/partials/_help_sidebar.html (was inline <style> in body). */
.hc-layout { padding: 60px 0; background: #fdfdfd; min-height: 60vh; }
  .hc-sidebar { background: #fff; border-radius: 16px; padding: 24px 0; border: 1px solid #f1f3f5; position: sticky; top: 100px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); }
  .hc-sidebar-title { font-size: 14px; font-weight: 800; color: #9ca3af; text-transform: uppercase; letter-spacing: 0.1em; padding: 0 24px 16px; border-bottom: 1px solid #f3f4f6; margin-bottom: 8px; }
  .hc-sidebar-nav { list-style: none; padding: 0; margin: 0; }
  .hc-sidebar-nav li a { display: flex; align-items: center; padding: 12px 24px; color: #4b5563; font-weight: 600; text-decoration: none; border-left: 4px solid transparent; transition: all 0.2s; }
  .hc-sidebar-nav li a i { margin-right: 12px; font-size: 18px; color: #9ca3af; transition: color 0.2s; width: 20px; text-align: center; }
  .hc-sidebar-nav li a:hover { background: #f8faff; color: #111827; }
  .hc-sidebar-nav li a:hover i { color: #405ff2; }
  .hc-sidebar-nav li a.active { border-left-color: #405ff2; background: #f0f4ff; color: #405ff2; }
  .hc-sidebar-nav li a.active i { color: #405ff2; }
  
  .hc-page-container { background: #fff; border-radius: 16px; padding: 40px; border: 1px solid #f1f3f5; box-shadow: 0 4px 15px rgba(0,0,0,0.03); }
  .hc-page-title { font-size: clamp(28px,4vw,36px); font-weight: 800; color: #111827; margin-bottom: 24px; padding-bottom: 16px; border-bottom: 2px solid #f3f4f6; }
  
  /* Breadcrumbs */
  .hc-breadcrumb { margin-bottom: 30px; font-size: 14px; color: #6b7280; display: flex; gap: 8px; align-items: center; }
  .hc-breadcrumb a { color: #405ff2; text-decoration: none; font-weight: 600; }
  .hc-breadcrumb i { font-size: 10px; margin-top: 2px; }
  @media (max-width: 991px) {
    .hc-sidebar { margin-bottom: 30px; position: relative; top: 0; }
    .hc-page-container { padding: 30px 20px; }
  }