/* Original Nutrition Page Layout (Colors use var() from styles.css) */
    .nutrition-page {
      margin: 0;
      font-family: Arial, sans-serif;
      background: radial-gradient(circle at top left, rgba(0,174,234,.15), transparent 35%), linear-gradient(135deg, var(--navy), var(--navy2));
      color: var(--white);
      min-height: 100vh;
      padding: 24px;
    }

    .page-wrap {
      max-width: 900px;
      margin: 0 auto;
    }

    .nutrition-title {
      text-align: center;
      margin-bottom: 8px;
      color: var(--gold);
      font-size: 32px;
      font-weight: bold;
    }

    .subtitle {
      text-align: center;
      color: var(--gray2);
      margin-bottom: 28px;
    }
    
    .nutrition-category {
      color: var(--blue-light);
      font-size: 22px;
      font-weight: bold;
      margin-top: 40px;
      margin-bottom: 16px;
      border-bottom: 1px solid rgba(255,255,255,0.15);
      padding-bottom: 8px;
    }

    .link-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 14px;
    }

    .nutrition-card {
      display: flex;
      box-shadow: 0 4px 14px rgba(0,0,0,.18);
      align-items: center;
      gap: 14px;
      text-decoration: none;
      background: rgba(41, 47, 145, 0.92);
      border: 1.5px solid rgba(255,255,255,.12);
      color: var(--white);
      border-radius: 12px;
      padding: 16px;
      transition: transform .15s ease, background .15s ease, border-color .15s ease;
    }

    .nutrition-card:hover {
      box-shadow: 0 8px 22px rgba(0,174,234,.28);
      transform: translateY(-2px);
      background: linear-gradient(135deg, var(--blue), var(--navy3));
      border-color: var(--gold);
    }

    .nutrition-icon {
      font-size: 30px;
      width: 42px;
      height: 42px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(255,255,255,.12);
      border-radius: 10px;
      flex-shrink: 0;
    }

    .nutrition-text {
      font-size: 16px;
      font-weight: bold;
    }

    .nutrition-desc {
      font-size: 13px;
      color: var(--gray2);
      margin-top: 3px;
      line-height: 1.3;
    }

    .back-btn {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      color: var(--blue-light);
      text-decoration: none;
      font-weight: bold;
      font-size: 14px;
      margin-bottom: 20px;
      padding: 8px 14px;
      background: rgba(255,255,255,0.08);
      border-radius: 8px;
      transition: background 0.15s ease, color 0.15s ease;
      cursor: pointer;
      border: 1px solid rgba(255,255,255,0.1);
    }
    
    .back-btn:hover {
      background: rgba(0, 174, 234, 0.2);
      color: var(--white);
      border-color: var(--blue-light);
    }