body { font-family: 'Montserrat', sans-serif; background-color: #ffffff; color: #1F2933; }
  .serif-title { font-family: 'Playfair Display', serif; }
  .custom-shadow { box-shadow: 0 4px 20px rgba(0,0,0,0.05); }

  .donut-chart::before {
    content: ""; position: absolute; width: 68px; height: 68px;
    background-color: white; border-radius: 50%;
  }
  @media (min-width: 640px) {
    .donut-chart { width: 120px; height: 120px; }
    .donut-chart::before { width: 80px; height: 80px; }
  }
  .donut-inner-text { position: relative; z-index: 10; text-align: center; }
  
  .nav-link { position: relative; }
  .nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: #0B6B3A; border-radius: 2px; transition: width 0.25s cubic-bezier(.4,0,.2,1); }
  .nav-link:hover::after { width: 100%; }
  
  .btn-primary {
    background: linear-gradient(135deg, #006B3F 0%, #0B6B3A 100%);
    color: white; font-weight: 700; border-radius: 12px;
    transition: all 0.2s; box-shadow: 0 4px 14px rgba(11,107,58,0.25);
  }
  .btn-primary:hover {
    background: linear-gradient(135deg, #005530 0%, #006B3F 100%);
    box-shadow: 0 6px 20px rgba(11,107,58,0.35); transform: translateY(-1px);
  }
  
  .section-pill {
    display: inline-flex; align-items: center; gap: 7px;
    background: linear-gradient(135deg, #EAF6EF, #d4eddf);
    color: #0B6B3A; font-size: 10px; font-weight: 800;
    letter-spacing: 0.12em; text-transform: uppercase;
    padding: 6px 14px; border-radius: 99px; margin-bottom: 14px;
    border: 1px solid #2B8B57;
  }
  
  .section-divider { background: linear-gradient(90deg, transparent, #EAF6EF 30%, #EAF6EF 70%, transparent); height: 1px; }
  
  .footer-link { position: relative; }
  .footer-link::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 1.5px; background: #2B8B57; border-radius: 2px; transition: width 0.2s; }
  .footer-link:hover::after { width: 100%; }
  
  .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
  
  /* Smooth fade-in animation */
  @keyframes fadeInUp {
    from { 
      opacity: 0; 
      transform: translateY(20px);
    }
    to { 
      opacity: 1; 
      transform: translateY(0);
    }
  }
  
  .fade-in-report {
    animation: fadeInUp 0.6s ease-out;
  }
  
  /* Report navigation buttons */
  .report-nav-btn {
    position: relative;
    overflow: hidden;
  }
  
  .report-nav-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(11, 107, 58, 0.1);
    transform: translate(-50%, -50%);
    transition: width 0.4s, height 0.4s;
  }
  
  .report-nav-btn:hover::before {
    width: 300px;
    height: 300px;
  }

  /* Divider borders only make visual sense once columns sit side by side (lg+) */
  .detail-divider-l { border-left: none; padding-left: 0; }
  .detail-divider-r { border-right: none; }
  @media (min-width: 1024px) {
    .detail-divider-l { border-left: 1px solid #f3f4f6; padding-left: 2rem; }
    .detail-divider-r { border-right: 1px solid #f3f4f6; }
  }
  @media (min-width: 768px) {
    .detail-divider-l-md { border-left: 1px solid #f3f4f6; padding-left: 2rem; }
  }